您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)常見Flex樣式定義類型有哪些的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
Flex樣式定義類型
1.外部Flex樣式表
<mx:Stylesourcemx:Stylesource='/css/myStyle.css'/>
Flex會調(diào)用全局Flex樣式表global.css,該全局Flex樣式表由flex-config.xml定義,如:
<global-css-url>/WEB-INF/flex/global.css</global-css-url>
系統(tǒng)默認(rèn)的Flex樣式表文件global.css文件其實(shí)沒有任何Flex樣式定義,我們可以手動添加全局Flex樣式,也可以更改默認(rèn)的全局Flex樣式文件路徑。如,把全局Flex樣式文件該為:
<global-css-url>/css/styles.css</global-css-url>
在這里順便提一點(diǎn),定義外部css文件的時(shí)候,顏色Flex樣式有四種定義方式:
1:.myclass{fillColor:#6666CC}//16進(jìn)制顏色格式
2:.myclass{borderColor:rgb(77%,22%,0%)}//RGB顏色格式
3:.myclass{errorColor:rgb(0,255,0)}//10進(jìn)制RGB顏色格式
4:.myclass{color:Blue}//VGA顏色名稱格式
2.本地Flex樣式定義
使用<mx:Style>來定義當(dāng)前文件的Flex樣式
下面的例子定義了myFontStyle子類Flex樣式,要使用對應(yīng)的Flex樣式可以在組件中使用styleName屬性來應(yīng)用Flex樣式。
1.<mx:Style> 2..myFontStyle{fontSize:15} 3.</mx:Style> 4.<mx:Buttonidmx:Buttonid='myButton'styleName='myFontStyle'label='ClickHere'>
下面的Flex樣式則定義了所有Button組件的Flex樣式,使用該方式定義的Flex樣式在使用的時(shí)候不需要指定Flex樣式名。
1.<mx:Style> 2.Button{fontSize:15} 3.</mx:Style> 4.<mx:Buttonidmx:Buttonid='myButton'label='ClickHere'>
3.內(nèi)嵌Flex樣式定義
對個別需要特殊處理的組件,可以使用下面的方式進(jìn)行內(nèi)嵌Flex樣式定義
<mx:Buttonidmx:Buttonid='myButton'fontSize='15'color='0x9966CC'label='MyButton'/>
4.使用腳本Flex樣式定義
這種方法使用了Flash傳統(tǒng)的AS腳本方式來定義Flex樣式,具有更強(qiáng)大的靈活性,并且可以使用StyleManager類以及getStyle()和setStyle()方法,如下所示:
1.<mx:Script> 2.<![CDATA[ 3.//使用styleManger類 4.mx.styles.StyleManager.styles.ToolTip.fontWeight='bold'; 5.//獲取組件Flex樣式 6.lb1.text=ip1.getStyle('fontSize'); 7.//設(shè)置組件Flex樣式 8.lb1.text=ip1.setStyle('fontSize',newSize); 9.]]> 10.</mx:Script>
如果三種Flex樣式定義方式同時(shí)使用的話,優(yōu)先級別從高到低依次為:內(nèi)嵌式Flex樣式>本地Flex樣式定義(腳本Flex樣式定義)>外部Flex樣式定義。
感謝各位的閱讀!關(guān)于“常見Flex樣式定義類型有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。