Flex中采取CSS控制页面样式

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 fx:Declarations
    7
    8 /fx:Declarations
    9
    10
    11 fx:Style
    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 /fx:Style
    20
    21
    22
    23 /s:Application

重点讨论利用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即可。

 

               上山使论,2016年3月30日为南京草场门

 

澳门新葡亰官网参考资料:

  1. 聂晓霞. Flex从入门到精通[M]. 北京:清华大学出版社,2008.
  2. bangzhu.
    Java同Flex学习笔记—-用CSS控制页面样式[OL].
admin

网站地图xml地图