flex所支援的樣式比flash要豐富,樣式定義的方法也很多。這也是flex比flash要強大、適合網頁開發的地方之一。
樣式定義型別
1. 外部樣式表
flex會呼叫全域性樣式表global.css,該全域性樣式表由flex-config.xml定義,如:
/web-inf/flex/global.css
系統預設的樣式表檔案global.css檔案其實沒有任何樣式定義,我們可以手動新增全域性樣式,也可以更改預設的全域性樣式檔案路徑。如,把全域性樣式檔案該為:
/css/styles.css
在這裡順便提一點,定義外部css檔案的時候,顏色樣式有四種定義方式:
.myclass // 16進製制顏色格式
.myclass // rgb 顏色格式
.myclass // 10進製rgb顏色格式
.myclass // vga 顏色名稱格式
2.本地樣式定義
使用來定義當前檔案的樣式
下面的例子定義了myfontstyle子類樣式,要使用對應的樣式可以在元件中使用stylename屬性來應用樣式。
.myfontstyle
下面的樣式則定義了所有button元件的樣式,使用該方式定義的樣式在使用的時候不需要指定樣式名。
button
3. 內嵌樣式定義
對個別需要特殊處理的元件,可以使用下面的方式進行內嵌樣式定義
4. 使用指令碼樣式定義
這種方法使用了flash傳統的as指令碼方式來定義樣式,具有更強大的靈活性,並且可以使用stylemanager類以及getstyle() 和 setstyle() 方法,如下所示:
如果三種樣式定義方式同時使用的話,優先級別從高到低依次為:
內嵌式樣式》本地樣式定義(指令碼樣式定義)>外部樣式定義
特殊樣式定義
在進行樣式定義的時候,我們需要注意幾種flex特殊的樣式定義
1. 全域性樣式定義
對所有未被定義的控制項應用global樣式
global
2. 應用程式樣式定義
關於字型的樣式定義
1. 使用裝置字型
.myclass
2. 使用移植字型
@font-face
@font-face
在定義了該字型樣式後,就可以通過fontfamily來應用該字型樣式,如:
accordion
flex使用樣式和字型
flex所支援的樣式比flash要豐富,樣式定義的方法也很多。這也是flex比flash要強大 適合網頁開發的地方之一。樣式定義型別 1.外部樣式表 1 flex會呼叫全域性樣式表global.css,該全域性樣式表由flex config.xml定義,如 1 web inf flex global...
Flex精華摘要 5 使用樣式和字型
flex 所支援的樣式比 flash 要豐富,樣式定義的方法也很多。這也是 flex 比flash 要強大 適合網頁開發的地方之一。樣式定義型別 1.外部樣式表 style source css mystyle.css 1.flex 會呼叫全域性樣式表 global.css 該全域性樣式表由 fle...
flex 樣式和主題
樣式對於乙個應用程式來說也是非常有用的,使用樣式和主題可以改變單個元件或者全部元件的外觀,使他們看起來更加舒服。使用樣式 使用字型 指標管理 一 使用樣式 通過樣式屬性可以更改flex元件的外觀,這些屬性包含了文字大小 背景顏色等定義。定義樣式屬性可以有幾種方法,包括內部定義 設定元件樣式屬性 通過...