flex 設定元件的樣式
在 flex 中, 可以使用以下幾種方法將樣式應用到控制項:
1.使用本地樣式定義
2.使用外部樣式表
3.使用線上樣式
4.使用 setstyle() 方法
flex 不支援使用層疊樣式表 (css) 來控制項的所有可視方面。屬性, 比如 x, y, width 和 height 是 uicomponent 類的屬性, 而不是其樣式, 因此, 無法在 css 中進行設定。您還必須知道您的主題支援哪些屬性。flex 中的預設主題並不支援所有樣式屬性。
主題是定義 flex 應用程式的外觀和感覺的一組樣式。主題可以將一些事項定義得像應用程式的配色方案或常見字型一樣簡單, 或者它可以成為應用程式所使用的所有元件的完全重新設定的外觀。主題通常採取 swc 檔案的形式。但是, 主題也可以是 css 檔案和嵌入式圖形資源, 如來自 swf 檔案的符號。
使用本地樣式定義
可以使用 標籤在 mxml 檔案中建立本地樣式定義。 此標籤包含符合 css 2.0 語法的樣式表定義。 這些定義應用到當前文件和當前文件的所有子級。
mxml如下:
[code]
vbox
.vboxred
.vboxgreen
[/code]
使用外部樣式表
flex 支援外部 css 樣式表。若要將樣式表應用到當前文件及其子文件, 請使用 標籤的 source 屬性。
注意: 您應嘗試限制在應用程式中使用的樣式表的數量, 並在應用程式中僅設定處於頂層文件的樣式表 (頂層文件是包含 標籤的文件)。如果您在子文件中設定乙個樣式表, 則會發生異常結果。
css如下:
[code]vbox
.vboxred
.vboxgreen[/code]
mxml如下:
[code]
[/code]
使用線上樣式
可以將樣式屬性設定為 mxml 標籤中該元件的屬性。除了通過使用 setstyle() 標籤定義的執行時樣式更改之外, 線上樣式定義優先於任何其他樣式定義。例如, 您可以通過使用 標籤的 paddingtop 和 paddingbottom 屬性在 box 容器的邊框與其內容之間設定填充。 類似地, 您可以使用 borderstyle 屬性來定義元件的邊框的可視外觀。
使用 setstyle() 方法
使用 setstyle() 方法操縱 actionscript 中的控制項例項的樣式屬性。 使用此方法應用樣式與使用樣式表應用樣式相比, 需要在客戶端上有更大數量的處理功率, 但對如何應用樣式提供更多粒度控制。
setstyle() 方法採用兩個引數: 樣式名稱和樣式值。
mxml如下:
[code]
private function setstyleok():void
]]>
[/code]
Flex程式設定樣式
flex 程式支援以下方式設定樣式 1 外部樣式表 css檔案 2.在程式中新增樣式定義塊 3 使用 mxml 標籤定義樣式，這是效率最高的方式，只針對目標物件，不需要編寫其他 4 使用 getstyle 和setstyle 方法，它們通常用於在執行時動態改變元件的樣式。5 使用 stylemana...
Flex 滑鼠樣式設定
flex本身對滑鼠樣式的支援比較弱，因而如果想獲得更好的滑鼠體驗就得需要自己定製滑鼠樣式。flex本身支援滑鼠樣式有普通狀態 手型狀態和忙狀態三種。分別可以通過以下方式進行設定 手型狀態 target.usehandcursor true target.buttonmode true 忙狀態 cur...
Flex設定滑鼠樣式
flex本身對滑鼠樣式的支援比較弱，因而如果想獲得更好的滑鼠體驗就得需要自己定製滑鼠樣式。一。flex本身支援滑鼠樣式有普通狀態 手型狀態和忙狀態三種。分別可以通過以下方式進行設定 手型狀態 target.usehandcursor true target.buttonmode true 忙狀態 c...