纯AS不能实现用CSS更换主题?!

最新推荐文章于 2024-12-01 10:38:53 发布

最新推荐文章于 2024-12-01 10:38:53 发布 · 160 阅读

文章标签：

#CSS #Flash #Flex #AIR #Adobe

Flex 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了使用ActionScript 3 (AS3) 更换CSS样式的可能性与限制。通过四个不同场景的实验发现，在MXML环境下可以实现样式切换，但在纯AS3项目中则无法直接利用StyleManager进行换肤。

今天发现，如果但用AS3的话，是不能通过更换CSS来给程序换肤的。

Test One-----MXML下更换CSS

TestInFlex.mxml--↓--

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			public function loadStyle():void
			{
				StyleManager.loadStyleDeclarations("Theme/style.swf");
			}

			public function unloadStyle():void
			{
				StyleManager.unloadStyleDeclarations("Theme/style.swf");
			}
		]]>
	</mx:Script>
	<mx:Button id="buttonLoadStyle" x="259" y="90" click="loadStyle();" label="LoadStyle"/>
	<mx:Button x="369" y="90" click="unloadStyle();" label="UnloadStyle"/>
	<mx:Button x="259" y="37" label="Button"/>
</mx:Application>

Style.css--↓--

/* CSS file */
Button { 
      fontSize: 16; 
}

编译之后点击按钮可以更换样式。

Test Two-----纯AS下更换CSS

代码不贴了。原因是根本行不通的说。纯AS项目，没有Flex的组件，所以也没有StyleManager类。而如果硬性在纯AS项目的Library Path中添加Flex组件--swc文件的话，会导致项目不进行编译。不知道是什么问题。

Test Three-----AIR项目中MXML下更换CSS

TestInAir.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
	import mx.styles.StyleManager;
	private function loadIt():void{
		StyleManager.loadStyleDeclarations("Theme/style.swf");
	}
]]>
</mx:Script>
	<mx:Button label="测试" click="loadIt()"/>
</mx:WindowedApplication>

同样的样式文件。这次能成功更换样式。

Test Four-----AIR项目中AS下更换CSS

TextInAir.as

package
{
	import flash.display.NativeWindow;
	import flash.display.NativeWindowInitOptions;
	import flash.display.NativeWindowType;
	import flash.display.SimpleButton;
	import flash.display.Sprite;
	import flash.display.StageScaleMode;
	
	import mx.styles.StyleManager;

	public class FlexFinderMain extends Sprite
	{

		public function FlexFinderMain()
		{
			super();
			var options:NativeWindowInitOptions = new NativeWindowInitOptions();
			options.type = NativeWindowType.UTILITY;

			var window:NativeWindow = new NativeWindow(options);

			window.stage.scaleMode = StageScaleMode.NO_SCALE;

			var myButton:SimpleButton = new SimpleButton();
			window.stage.addChild(myButton);
			StyleManager.loadStyleDeclarations("Theme/style.swf");
			window.width = 200;
			window.height = 200;

			window.activate();
		}

	}
}

运行的时候就会出错：

Error: No class registered for interface 'mx.styles::IStyleManager2'.
	at mx.core::Singleton$/getInstance()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\core\Singleton.as:111]
	at mx.styles::StyleManager$/get impl()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\styles\StyleManager.as:78]
	at mx.styles::StyleManager$/loadStyleDeclarations()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\styles\StyleManager.as:555]
	at FlexFinderMain()[E:\Folder-Program\Eclipse\Workspace\FlexFinder\src\FlexFinderMain.as:27]
	at runtime::ContentPlayer/loadInitialContent()
	at runtime::ContentPlayer/playRawContent()
	at runtime::ContentPlayer/playContent()
	at runtime::AppRunner/run()
	at global/runtime::ADLEntry()

当然如果去掉StyleManager.loadStyleDeclarations("Theme/style.swf");就不会有错。

So.....