这篇文章主要介绍了如何设置Flex样式，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
设置Flex样式
一、使用<mx:stylesource="">导入外部样式：
新建一个样式文件（all.css）:
Panel{ background-color:#00FF00; font-family:Geneva; } .lbl{ font-size:16px; color:#FF0000; }使用<mx:Stylesource="all.css"/>导入
二、使用<mx:stylesource="">导入外部样式并使用“.”样式
三、使用<mx:style>标签设置Flex样式
<mx:Style> .lblStyle{ color:#0000FF; font-size:16px; } </mx:Style>四、使用getStyle和setSty进行设置：lblGet.setStyle("color","#FF0000");
五、使用了StyleManner类来设置Flex样式：
varcs:CSSStyleDeclaration=newCSSStyleDeclaration(); cs.setStyle("color","#0000FF"); StyleManager.setStyleDeclaration("Text",cs,true); StyleManager.setStyleDeclaration(哪一类型,样式,是否立即生效);六、通过全局变量：golbal
vargolbarStyle:CSSStyleDeclaration=StyleManager.getStyleDeclaration("golbal")
在进行操作
七、实例：
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"fontSize="13"creationComplete="init()"> <mx:Stylesourcemx:Stylesource="all.css"/> <mx:Style> .lblStyle{ color:#0000FF; font-size:16px; } </mx:Style> <mx:Script> <![CDATA[ importmx.controls.Text; internalfunctioninit():void { lblGet.setStyle("color","#FF0000"); varcs:CSSStyleDeclaration=newCSSStyleDeclaration(); cs.setStyle("color","#0000FF"); StyleManager.setStyleDeclaration("Text",cs,true); } ]]> </mx:Script> <mx:Labelxmx:Labelx="10"y="130"text="使用<mx:stylesource="">导入外部样式并使用“.”样式"id="lbl1"styleName="lbl"/> <mx:Labelxmx:Labelx="24"y="152"text="使用<mx:style>标签设置Flex样式"id="lbl"styleName="lblStyle"/> <mx:Labelxmx:Labelx="24"y="193"text="使用getStyle和setSty进行设置"id="lblGet"/> <mx:Textxmx:Textx="24"y="223"text="使用了StyleManner类来设置Flex样式"id="txtInfo"/> <mx:Panelxmx:Panelx="10"y="34"width="308"height="84"layout="absolute"title="使用<mx:stylesourcemx:stylesource="">导入外部样式"> </mx:Panel> <mx:TextInputxmx:TextInputx="326"y="10"text="使用了设计器"cornerRadius="7"width="98"backgroundColor="#8A64F8"/> </mx:Application>感谢你能够认真阅读完这篇文章，希望小编分享的“如何设置Flex样式”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!
