Flex 樣式和字型

2021-08-29 19:22:35 字數 1679 閱讀 2737

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元件的外觀,這些屬性包含了文字大小 背景顏色等定義。定義樣式屬性可以有幾種方法,包括內部定義 設定元件樣式屬性 通過...