9.1.用CSS定義組件樣式

2024-07-11 07:46:09

字體：大中小

來源：轉載

供稿：網友

9.1.1.問題
你希望利用CSS 對組件應用皮膚
9.1.2.解決辦法
利用類選擇器或類型選擇器聲明樣式屬性。
9.1.3.討論
你可以用CSS 個性化你的用戶界面。如果熟悉HTML 文檔中的樣式元素，你會發現Flex里的CSS 語法大致相同. 你可以用類選擇器為各種組件指派樣式，同樣你可以為一個組件定義類型選擇器，它將適用于顯示列表上該組件的所有實例。

類選擇器經過聲明后，在程序范圍內可對不同組件應用任意次。類選擇器的語法是一個句號（或點），后面跟著與樣式有關的你所想的任何名字，駝峰樣式同時以小寫字母開頭---舉個例子, .myCustomStyle. 接下來的例子用<mx:Style> 標簽創造了局部樣式，并在代碼內利用styleName 屬性將樣式指派給一個Label 組件:

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Style>
.labelStyle {
font-family: 'Arial';
font-size: 20px;
font-weight: 'bold';
color: #FFFFFF;
}
</mx:Style>
<mx:Label text="Hello Flex!" styleName="labelStyle" />
</mx:Application>