如何設(shè)置Flex樣式

這篇文章主要介紹了如何設(shè)置Flex樣式，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

設(shè)置Flex樣式

一、使用<mx:stylesource="">導(dǎo)入外部樣式：

1、新建一個(gè)樣式文件（all.css）:

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

2、使用<mx:Stylesource="all.css"/>導(dǎo)入

二、使用<mx:stylesource="">導(dǎo)入外部樣式并使用“.”樣式

三、使用<mx:style>標(biāo)簽設(shè)置Flex樣式

<mx:Style> .lblStyle{  color:#0000FF;  font-size:16px;  }  </mx:Style>

四、使用getStyle和setSty進(jìn)行設(shè)置：lblGet.setStyle("color","#FF0000");

五、使用了StyleManner類(lèi)來(lái)設(shè)置Flex樣式：

varcs:CSSStyleDeclaration=newCSSStyleDeclaration();   cs.setStyle("color","#0000FF");   StyleManager.setStyleDeclaration("Text",cs,true);   StyleManager.setStyleDeclaration(哪一類(lèi)型,樣式,是否立即生效);

六、通過(guò)全局變量：golbal

vargolbarStyle:CSSStyleDeclaration=StyleManager.getStyleDeclaration("golbal")

在進(jìn)行操作

七、實(shí)例：

<?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;導(dǎo)入外部樣式并使用“.”樣式"id="lbl1"styleName="lbl"/> <mx:Labelxmx:Labelx="24"y="152"text="使用&lt;mx:style&gt;標(biāo)簽設(shè)置Flex樣式"id="lbl"styleName="lblStyle"/> <mx:Labelxmx:Labelx="24"y="193"text="使用getStyle和setSty進(jìn)行設(shè)置"id="lblGet"/> <mx:Textxmx:Textx="24"y="223"text="使用了StyleManner類(lèi)來(lái)設(shè)置Flex樣式"id="txtInfo"/> <mx:Panelxmx:Panelx="10"y="34"width="308"height="84"layout="absolute"title="使用&lt;mx:stylesourcemx:stylesource=&quot;&quot;&gt;導(dǎo)入外部樣式"> </mx:Panel> <mx:TextInputxmx:TextInputx="326"y="10"text="使用了設(shè)計(jì)器"cornerRadius="7"width="98"backgroundColor="#8A64F8"/>  </mx:Application>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何設(shè)置Flex樣式”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!