Flex主題創(chuàng)建及支持的樣式設(shè)置方式
你對(duì)Flex主題的概念是否了解,這里和大家分享一下,F(xiàn)lex提供的幾種主題,文件類型.swc,建議使用.swc文件來封裝主題,給編譯指令添加-themexxx.css//注意路徑在Flex-config.xml中通過修改<theme>標(biāo)簽配置主題
Flex主題
Flex支持的樣式設(shè)置方式
1.直接使用CSS文件,系統(tǒng)默認(rèn)使用default.css
<mx:Stylesource=“style.css”/>
2.使用<mx:Style>標(biāo)簽
3.使用style設(shè)計(jì)器(->MXML)
4.使用對(duì)象的getStyle()和setStyle()
5.使用StyleManager類
Flex主題是一套配置完成的樣式風(fēng)格
Flex提供的幾種主題,文件類型.swc,建議使用.swc文件來封裝主題
給編譯指令添加-themexxx.css//注意路徑在Flex-config.xml中通過修改<theme>標(biāo)簽配置主題
創(chuàng)建自己的Flex主題
1.通過修改以后的主題文件創(chuàng)建自己的主題內(nèi)容
2.使用compc編譯主題,生成swc文件(見幫助)
-include-filenamepath
-ooutput.swc
-include-classes
3.通過配置文件編譯主題
compc-load-configmyconfig.xml
添加Flex主題具體操作
(在Flex-config.xml中配置:frameworks中<theme><filename>路徑</filename></themt>)
1、先寫好.css文件
2、compo-include-filecss文件名文件路徑(絕對(duì)路徑)-include-file可以有多個(gè)
-o要放置的路徑(絕對(duì)路徑)
3、一個(gè)xml配置文件
- <?xmlversionxmlversion="1.0"?>
- <flex-configxmlnsflex-configxmlns=http://www.adoobe.com/2006/flex-config>
- <out-put>MyTheme.swc</out-put>
- <include-file>
- <name>名字</name>
- <path>絕對(duì)路徑</path>
- </include-file>
- <include-class>
- <class>MyButtonSkin</class>
- <class>MyAccordionHeaderSkin</class>
- <class>MyControlBarSkin</class>
- 在執(zhí)行:compc-load-configxml文件
- </include-class>
【編輯推薦】
- 解析Flex數(shù)據(jù)綁定的幾種方式
- Flex動(dòng)態(tài)讀取外部XML文件
- 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
- 揭開Flex正則表達(dá)式的神秘面紗
- Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況