(Flex中国CSS总表.docVIP

Flex中的CSS总表 一.使用mx:Style标签 xml 代码 ?xml?version=1.0?encoding=utf-8??? mx:Application?xmlns:mx=/2006/mxml?layout=absolute????????? ????mx:Style?? ????????Button?{ ?? ??????????color:?#ff0000; ?? ??????????borderColor:?#cccccc; ?? ???????????themeColor:?#00ff00; ?? ???????????fontFamily:?Arial; ?? ???????????fontSize:?12; ?? ???????????fontWeight:?normal; ?? ????????} ?? ????????.mylinkButton?{ ?? ???????????rollOverColor:?#00ff00; ?? ???????????selectionColor:?#00ff00; ?? ???????????color:?#ffff00; ?? ????????} ?? ????/mx:Style??????? ????mx:Button?x=10?y=10?label=Button/?? ????mx:LinkButton?styleName=mylinkButton?label=LinkButton?x=10?y=40/?? ??????/mx:Application?? 二.使用css文件使用css文件和使用mx:Style标签基本一样。先创建一个css文件mystyle.css，并将上面的样式内容复制进去。 css 代码 ?? Button?{ ?? ???color:?#ff0000; ?? ???borderColor:?#cccccc; ?? ???themeColor:?#00ff00; ?? ???fontFamily:?Arial; ?? ???fontSize:?12; ?? ???fontWeight:?normal; ?? } ?? .mylinkButton?{ ?? ???rollOverColor:?#00ff00; ?? ???selectionColor:?#00ff00; ?? ???color:?#ffff00; ?? ???textRollOverColor:?#0000ff; ?? }?? 再修改我们的主程序，使用mx:Style标签的source属性，指定css文件 xml 代码 ?xml?version=1.0?encoding=utf-8??? mx:Application?xmlns:mx=/2006/mxml?layout=absolute?????????? ????mx:Style?source=css/mystyle.css/?????????? ????mx:Button?x=10?y=10?label=Button/?? ????mx:LinkButton?styleName=mylinkButton?label=LinkButton?x=10?y=40/?? ??????? /mx:Application?? 三.使用编程方法可以通过CSSStyleDeclaration对象，来设置css样式，也可以通过flex显示对象的setStyle()来设置样式。 private function init():void {?myLinkBtn.setStyle(color, #ff0000);?myLinkBtn.setStyle(rollOverColor, #ffff00);} ? ? Application组件样式属性backgroundImage背景图使用Embed(source=);来应用backgroundColor背景色backgroundGradientColors背景渐进色这个属性要设置2个色彩，渐进起始色和渐进结束色，中间以逗号分隔backgroundGradientAlphas背景渐进色透明度这个属性要设置2个透明度，对应渐进色中的2种颜色值的范围是0.00~1.00，中间以逗号分隔panel组件样式属性cornerRadius边角度数panel外框边角度数数值从0~280时为直角，数值越大，圆角弧度越大headerHeight标题头高度panel标题头的高度数值从0~50dropShadowEnabled是否显示投影true和false2个属性shadowDistance投影大小dropShadowEnabled为true时有效数值从0~2