读书人

flex-style跟theme

发布时间: 2012-12-20 09:53:21 作者: rapoo

flex---style和theme

1.<mx:Style source="style.css"/>2.<mx:Style>.XXX{  XXXX}</mx:Script>3.在function里面写list_yg.setStyle("backgroundColor","#FF00FF")var css:CSSStyleDeclaration = new CSSStyleDeclaration("mystyle");css.setStyle("color","blue");css.setStyle("backgroundColor","green");css.setStyle("fontSize",15);StyleManager.setStyleDeclaration("Panel",css,true);//第三个参数是立即更新全局样式:在xx.css里面写一个global{ xxx}var css:CSSStyleDeclaration = StyleManager.getStyleDeclaration("global");建议使用.swc来封装主题在elipse里面找到Flex Compiler 里面找到Additional compoler arguments 加上 -theme ../Style/Smoke.css (这里Smoke.css在BindDemo1的src平级的Style文件夹下)或者去Flex Builder3\sdks\3.00\frameworks\flex-config.xml中设置<theme><filename>themes/Smoke/Smoke.css</filename></theme>如何生成swc文件compc -include-file mycss.css c:/myfiles/themes/mycss.css     -include-file upIcon.jpg c:/myfiles/themes/assets/upIcon.jpg     -include-file downIcon.jpg c:/myfiles/themes/assets/downIcon.jpg     -include-file overIcon.jpg c:/myfiles/themes/assets/overIcon.jpg     -o c:/myfiles/themes/MyTheme.swc或者写到配置文件里面<?xml version="1.0"?><flex-config xmlns="http://www.adobe.com/2006/flex-config">    <output>MyTheme.swc</output>    <include-file>        <name>mycss.css</name>        <path>c:/myfiles/themes/mycss.css</path>    </include-file>    <include-file>        <name>upIcon.jpg</name>        <path>c:/myfiles/themes/assets/upIcon.jpg</path>    </include-file>    <include-file>        <name>downIcon.jpg</name>        <path>c:/myfiles/themes/assets/downIcon.jpg</path>    </include-file>    <include-file>        <name>overIcon.jpg</name>        <path>c:/myfiles/themes/assets/overIcon.jpg</path>    </include-file>    <include-classes>        <class>MyButtonSkin</class>        <class>MyAccordionHeaderSkin</class>        <class>MyControlBarSkin</class>    </include-classes></flex-config>compc -load-config myconfig.xml

读书人网 >flex

热点推荐