Flex主題創建及支持的樣式設置方式
你對Flex主題的概念是否了解,這里和大家分享一下,Flex提供的幾種主題,文件類型.swc,建議使用.swc文件來封裝主題,給編譯指令添加-themexxx.css//注意路徑在Flex-config.xml中通過修改<theme>標簽配置主題
Flex主題
Flex支持的樣式設置方式
1.直接使用CSS文件,系統默認使用default.css
<mx:Stylesource=“style.css”/>
2.使用<mx:Style>標簽
3.使用style設計器(->MXML)
4.使用對象的getStyle()和setStyle()
5.使用StyleManager類
Flex主題是一套配置完成的樣式風格
Flex提供的幾種主題,文件類型.swc,建議使用.swc文件來封裝主題
給編譯指令添加-themexxx.css//注意路徑在Flex-config.xml中通過修改<theme>標簽配置主題
創建自己的Flex主題
1.通過修改以后的主題文件創建自己的主題內容
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文件名文件路徑(絕對路徑)-include-file可以有多個
-o要放置的路徑(絕對路徑)
3、一個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>絕對路徑</path>
- </include-file>
- <include-class>
- <class>MyButtonSkin</class>
- <class>MyAccordionHeaderSkin</class>
- <class>MyControlBarSkin</class>
- 在執行:compc-load-configxml文件
- </include-class>
【編輯推薦】