Flex 框架強大的布局管理功能以及默認的Halo AeonThe 主題使你可以即使不用box 組件都能創(chuàng)造出十分友好的界面。你能利用容器和控件來創(chuàng)造一個應用程序用戶界面的輕松程度，與你能否輕松地用皮膚和樣式來美化這些組件是相關(guān)的。

本章的題目可能稍微有些誤導讀者： 皮膚和樣式在Flex 中并不是獨立的兩個概念; 其實它們協(xié)力合作為你的程序帶來視覺個性. 實際上，皮膚是樣式的一組屬性，它能使用其他已經(jīng)聲明的樣式值來達到同種效果。樣式和皮膚組件在使用方法是不同的，本章目的在于幫助你充分使用好它們.

樣式是一種性質(zhì)設(shè)置，例如色彩、大小或者字體信息，它可以修改組件的外觀，可以在編譯和運行時有規(guī)則地客戶化。樣式性質(zhì)可通過多種方式定義：在組件聲明的代碼段設(shè)置，通過調(diào)用setStyle 方法應用樣式， 或者利用級聯(lián)樣式表(CSS). 你可以用CSS 在MXML 文件或其他外部文件中局部地定義樣式。

皮膚作為樣式的特性，用于修改組件的外觀元素。這些元素可以是圖形化的， 例如一個圖像文件或者SWF, 再或者利用drawing API 編程實現(xiàn)的類.為組件應用皮膚可以修改甚至替換組件的外觀元素。這樣當應用皮膚時一些樣式設(shè)置可能會被忽略。

為了講述兩個過程怎樣合作完成組件的客戶化， 我們先簡單地看下按鈕的視覺組成。你可以為按鈕的很多性質(zhì)賦值, 例如與字體處理、補白有關(guān)的那些。用來定義一個按鈕實例各自狀態(tài)下皮膚的屬性，也包含在其中。

要想大體地理解前面所講的意思, 考慮下可用于按鈕的部分樣式：
cornerRadius="4"
fillAlphas="[0.6, 0.4]"
fillColors="[0xE6EEEE, 0xFFFFFF]"
upSkin="mx.skins.halo.ButtonSkin"
上述代碼中這些可用于按鈕的樣式的屬性值是包含在框架中的defaults.css 文件所定義的默認值。任何按鈕實例的upSkin 屬性默認值是Halo skins 包中的mx.skins.halo.ButtonSkin類。

通過drawingAPI, 這個規(guī)則的皮膚利用其它已聲明的屬性值(cornerRadius, fillAlphas,以及fillColors.)來表現(xiàn)按鈕實例的彈起狀態(tài)。盡管upSkin 屬性的默認值是一個編程實現(xiàn)的類，這些值可以替換成圖形文件, 這樣可能會有效地忽略利用皮膚可能用到的屬性值。

本章旨在講述對你的組件使用皮膚和樣式的過程，以及它們?nèi)绾斡行У赜脕砀纳颇愕某绦虻耐庥^感受。
注意
在線的Flex Style Explorer 允許在運行時修改各種組件的樣式并查看作為結(jié)果的CSS 定義。如下網(wǎng)址訪問Flex Style Explorer http://www.adobe.com/go/flex_styles_explorer_app.

目錄

9.1.用CSS定義組件樣式

9.2.重寫默認的應用程序樣式

9.3.嵌入CSS樣式

9.4.修改初始樣式屬性

9.5.運行時定制樣式

9.6.運行時加載CSS

9.7.運行時聲明樣式

9.8.自定義組件樣式屬性

9.9.同一個程序中使用多個主題

9.10.編譯主題SWC

9.11.應用嵌入字體

9.12.從SWF文件中嵌入字體

9.13.嵌入圖像的皮膚

9.14.從SWF文件中嵌入皮膚

9.15.編程實現(xiàn)組件應用皮膚

9.16.編程實現(xiàn)狀態(tài)控件的皮膚

9.17.從SWF 文件中生成動態(tài)皮膚

9.18.自定義引導界面