如何设置Flex样式

这篇文章主要介绍了如何设置Flex样式，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

设置Flex样式

一、使用<mx:stylesource="">导入外部样式：

1、新建一个样式文件（all.css）:

Panel{  background-color:#00FF00;  font-family:Geneva;  }  .lbl{  font-size:16px;  color:#FF0000;  }

2、使用<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="使用&lt;mx:stylesource=&quot;&quot;&gt;导入外部样式并使用“.”样式"id="lbl1"styleName="lbl"/> <mx:Labelxmx:Labelx="24"y="152"text="使用&lt;mx:style&gt;标签设置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="使用&lt;mx:stylesourcemx:stylesource=&quot;&quot;&gt;导入外部样式"> </mx:Panel> <mx:TextInputxmx:TextInputx="326"y="10"text="使用了设计器"cornerRadius="7"width="98"backgroundColor="#8A64F8"/>  </mx:Application>

感谢你能够认真阅读完这篇文章，希望小编分享的“如何设置Flex样式”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!