Flex中的所有css应用方式
来源:互联网 发布:安卓翻墙软件 编辑:程序博客网 时间:2024/05/18 01:59
在FLEX中有很多方法来使用样式:
一 使用本地样式定义
使用<mx:Style>标签在MXML文件中创建本地的样式定义。这个标签包含了符合CSS2.0语法的样式表定
义。这些定义会应用到当前文档以及当前文档的子文档。
border-style:solid; button { // 组件定义样式 border-style:solid; .... </mx:style> //应用到组件 <mx:VBox styleName="solidBorder" /> <mx:button/> //文档中的button自动应用样式表中的样式 二 使用外部样式表 FLEX支持外部CSS样式表。要应用一个样式表到当前文档和子文档,使用<mx:Style>标签中的source 属性。 <mx:Style source="style/style.css"/> //载入外部样式表 ... style.css文件中的样式表定义与本地样式定义相同。 三 使用内联样式 。 <mx:button borderStyle="solid"> //设定样式属性 四 使用setStyle()方法 <mx:Application ...> <mx:Script> private functiom initButton():void { myButton.setStyle("paddingTop",12); } ]]> <mx:Button id="myButton" initialize="initButton();"> //组件初始化时调用设定样式的 脚本方法 </mx:Application>
<mx:style>
.solidBorder{ //类选择样式
}
}
<mx:Application ...>
</mx:Application>
可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式
可以在ActionScript中使用方法来操作组件的样式属性。使用setStyle()方法的优先级是最高的。
<![CDATA[
myButton.setStyle("paddingBottom",12);
</mx:Script>
- Flex中的所有css应用方式
- flex中的css应用
- FLEX中的CSS样式
- Flex 4中的 CSS
- css中的flex用法
- Flex应用中引入CSS
- [Flex]用编程的方式来写CSS - LESS的应用(一)
- Flex中的样式(CSS)
- CSS的应用方式
- CSS中的居中方式
- flex显示数据库表中的所有数据
- HttpSession在flex中的应用
- Flex中的CSS手册(更新中)
- Flex中的CSS: (5) global与*
- Flex 组件的所有定位和布局方式
- CSS应用基础教程(2)应用方式
- css中的定位方式原理
- CSS中的元素隐藏方式
- b2DebugDraw
- 析构函数是虚函数的优点(转)
- asp.net项目中通过Web.config配置文件及文件夹的访问权限!
- 如何更改Ubuntu开机等待时间
- day29 Servlet Http协议四个阶段 Servlet的编程步骤 WEB应用程序常见错误
- Flex中的所有css应用方式
- 博客荒废志
- 过年后的嵌入式学习
- 【转】JAVA坏境变量中的JAVA_HOME path classpath 的设置与作用
- Flex 组件的所有定位和布局方式
- SQL 创建数据库表
- C语言与汇编语言混合编程应遵守的规则
- 单一形状的刚体与复合形状的刚体
- Lucene 下载安装过程