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].

相关文章