Flex3中應用CSS的樣式詳解

本篇內容主要講解“Flex3中應用CSS的樣式詳解”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Flex3中應用CSS的樣式詳解”吧!

在Flex3中使用樣式方法

一、使用本地樣式定義

使用<mx:Style>標簽在MXML文件中創建本地的樣式定義。這個標簽包含了符合CSS2.0語法的樣式表定義。這些定義會應用到當前文檔以及當前文檔的子文檔。

<mx:style>  .solidBorder{//類選擇樣式   border-style:solid;   }   button{//組件定義樣式   border-style:solid;   }  ....   </mx:style>  //應用到組件   <mx:VBoxstyleNamemx:VBoxstyleName="solidBorder"/>  <mx:button/>//文檔中的button自動應用樣式表中的樣式

二、使用外部樣式表

Flex3支持外部CSS樣式表。要應用一個樣式表到當前文檔和子文檔，使用<mx:Style>標簽中的source屬性。

<mx:Application...>  <mx:Stylesourcemx:Stylesource="style/style.css"/>//載入外部樣式表   ...   </mx:Application>

style.css文件中的樣式表定義與本地樣式定義相同。

三、使用內聯樣式

可以像設定組件的屬性一樣在MXML標簽中設定樣式屬性。內聯樣式的優先級高于本地樣式和外部樣式。

<mx:buttonborderStylemx:buttonborderStyle="solid">//設定樣式屬性

四、使用setStyle()方法

可以在ActionScript中使用方法來操作組件的樣式屬性。使用setStyle()方法的優先級是***的。

<mx:Application...>  <mx:Script>  <![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]>  </mx:Script>  <mx:Buttonidmx:Buttonid="myButton"initialize="initButton();">//組件初始化時調用設定樣式的

到此，相信大家對“Flex3中應用CSS的樣式詳解”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！