http://www.forfreezone.com

Flex中使用CSS控制页面样式

Using file:

  • Stylebounding.mxml
  • Stylebounding2.mxml
  • myCSS0329.css

 

在Flex4中接受CSS调整样式,不只能够一向在MXML文件中写样式,也足以新建多个CSS文件,在此个文件中写样式,后面一个更便于管理。

 

先来会见直接在mxml文件中写样式:

  • 艺术黄金时代:直接在想要调整的控件中平昔写CSS成分,如left,right,top等;
  • 措施二:还是能将CSS样式写在<fx:Style><fx:Style/>标签中,示例代码如下:

    1 2 5
    6 7 8 Flex中使用CSS控制页面样式。 9
    10 11 12 @namespace s "library://ns.adobe.com/flex/spark"; 13 @namespace mx "library://ns.adobe.com/flex/mx"; 14
    15 #myTAEffect{ 16 mouseDownEffect:WipeLeft; 17 duration:1000; 18 } 19 20
    21 22
    23

第一钻探利用CSS文件决定样式。首先,新建三个CSS文件,填写CSS样式文件代码。之后,要求将CSS文件援用到MXML文件中,具体如下:

  <fx:Style source="CSS文件路线"/>

在CSS文件中,要赢得想要调节的靶子,能够透过在被垄断指标里设置id来实行,如调控TextArea必要安装id:

  <mx:TextArea id="myTAEffect"/>

对应地,在CSS文件中经过“#”实行获取,如:

  #myTAEffect{

  mouseDownEffect:WipeLeft;

  duration:1000;

  }

也可以像在Html设置类来拓宽,即设置styleName属性,如:

  <mx:TextArea styleName="myTAEffect"/>

对应地,在CSS文件中通过“.”实行安装,如:

  .myTAEffect{

  mouseDownEffect:WipeLeft;

  duration:1000;

  }

接下来在MXML文件中用到那黄金年代体制时,只需在相应标签中添上此styleName就能够。

 

               上山若随,二〇一五年一月二四日于青岛草场门

 

参考资料:

  1. 聂晓霞. Flex从入门到明白[M]. 东京:浙大东军事和政治学院学书局,二零一零.
  2. bangzhu. Java与Flex学习笔记----用CSS调整页面样式[OL].

郑重声明:本文版权归澳门新葡8455最新网站所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。