flex使用樣式和字型

2021-08-29 22:22:03 字數 1316 閱讀 3945

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 支援的...