flex所支援的樣式比flash要豐富,樣式定義的方法也很多。這也是flex比flash要強大、適合網頁開發的地方之一。
樣式定義型別
1. 外部樣式表
1: flex會呼叫全域性樣式表global.css,該全域性樣式表由flex-config.xml定義,如:
1: /web-inf/flex/global.css
系統預設的樣式表檔案global.css檔案其實沒有任何樣式定義,我們可以手動新增全域性樣式,也可以更改預設的全域性樣式檔案路徑。如,把全域性樣式檔案該為:
1: /css/styles.css
在這裡順便提一點,定義外部css檔案的時候,顏色樣式有四種定義方式:
1 : .myclass // 16進製制顏色格式
2 : .myclass // rgb 顏色格式
3 : .myclass // 10進製rgb顏色格式
4 : .myclass // vga 顏色名稱格式
2.本地樣式定義
使用來定義當前檔案的樣式
下面的例子定義了myfontstyle子類樣式,要使用對應的樣式可以在元件中使用stylename屬性來應用樣式。
1: 2: .myfontstyle
3: 4:
下面的樣式則定義了所有button元件的樣式,使用該方式定義的樣式在使用的時候不需要指定樣式名。
1: 2: button
3: 4:
3. 內嵌樣式定義
對個別需要特殊處理的元件,可以使用下面的方式進行內嵌樣式定義
1: 4. 使用指令碼樣式定義
這種方法使用了flash傳統的as指令碼方式來定義樣式,具有更強大的靈活性,並且可以使用stylemanager類以及getstyle() 和 setstyle() 方法,如下所示:
1: 2:
10:
如果三種樣式定義方式同時使用的話,優先級別從高到低依次為:
內嵌式樣式》本地樣式定義(指令碼樣式定義)>外部樣式定義
特殊樣式定義
在進行樣式定義的時候,我們需要注意幾種flex特殊的樣式定義
1. 全域性樣式定義
對所有未被定義的控制項應用global樣式
1: global
關於字型的樣式定義
1. 使用裝置字型
1: .myclass
2. 使用移植字型
1: 2: @font-face
6: @font-face
11:
在定義了該字型樣式後,就可以通過fontfamily來應用該字型樣式,如:
1: accordion
Flex 樣式和字型
flex所支援的樣式比flash要豐富,樣式定義的方法也很多。這也是flex比flash要強大 適合網頁開發的地方之一。樣式定義型別 1.外部樣式表 flex會呼叫全域性樣式表global.css,該全域性樣式表由flex config.xml定義,如 web inf flex global.css...
Flex精華摘要 5 使用樣式和字型
flex 所支援的樣式比 flash 要豐富,樣式定義的方法也很多。這也是 flex 比flash 要強大 適合網頁開發的地方之一。樣式定義型別 1.外部樣式表 style source css mystyle.css 1.flex 會呼叫全域性樣式表 global.css 該全域性樣式表由 fle...
Flex 字型使用
今天在把玩開源的flex系統和控制項時碰到了字型不能編譯的問題,所以對字型進行了較為深入的研究。flex 支援的true type和open type型別的字型 講下他們之間的區別 truetype 字型可調整到任意大小,並且在所有大小情況下,都是清晰可讀的。可以將它們傳送給 windows 支援的...