flex动态切换皮肤

http://fykyx521.iteye.com/blog/523826

 

http://www.cnblogs.com/mobile/archive/2007/02/02/638038.html

不知道有没有人想我一样，刚开始的是怎么都不成功，原来是css文件要编译成swf文件 :(惭愧啊。

右键选择css文件，编译为swf；或者使用mxmlc aaa.css 就可以了，

下面的就是用StyleManager.loadStyleDeclarations('aqua.swf',true)来切换你的css了。

flex 皮肤

http://scalenine.com/blog/2007/01/25/try-themes-with-ease/

http://blog.163.com/to_yht/blog/static/1227257742009741359326/

http://fleksray.org/Flex_skin.html

 

Obsidian Theme: http://try.scalenine.com/obsidian/obsidian.css

iTunes 7 Theme: http://try.scalenine.com/itunes7/jukebox.css

WMP 11 Theme: http://try.scalenine.com/wmp11/wmp11.css

Moxy CSS Theme: http://try.scalenine.com/moxy/moxy.css

Minty CSS Theme: http://try.scalenine.com/minty/minty.css

Shadow CSS Theme: http://try.scalenine.com/shadow/shadow.css

Darkroom Theme: http://try.scalenine.com/darkroom/darkroom.css

Vista Blue Theme: http://try.scalenine.com/vistaBlue/vistaBlue.css

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Panel x="146" y="35" width="346" height="223" layout="absolute">
        <mx:Button x="43" y="125" label="Button"/>
        <mx:Button x="130" y="125" label="Button"/>
        <mx:CheckBox x="212" y="125" label="Checkbox"/>
        <mx:LinkButton x="122" y="71" label="LinkButton"/>
    </mx:Panel>


    <mx:Script>
        <![CDATA[
            private function changeStyle():void{
                var s:String=test.selectedItem.source;
                StyleManager.loadStyleDeclarations(s,true);
            }
        ]]>
    </mx:Script>
    <mx:Style source="http://try.scalenine.com/obsidian/obsidian.css"/> 这样的话服务器需要安全策略文件crossdomain.xml
    <mx:HBox>
        <mx:ComboBox id="test">
        <mx:dataProvider>
            <mx:Object source="style/yflexskin.swf">

            </mx:Object>
            <mx:Object source="assets/skins/flex_skins.swf">

            </mx:Object>
        </mx:dataProvider>
    </mx:ComboBox>
    <mx:Button label="changeStyle()" click="changeStyle();"/>
    </mx:HBox>

</mx:WindowedApplication>