flex动态切换皮肤

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>

你可能感兴趣的:(xml,css,Flex,Blog,mobile)