说明
换肤功能,即将整个应用的皮肤都进行更换,其实质,是动态加载swf文件的过程,而这些swf文件则有css文件编译而来。
关于换肤功能,在android和ios系统的实现方式是不同的。主要原因,是因为ios不支持本地加载(ipa中包含)多个swf文件。
换肤基础
1) 原理 :就是将各种不同的css文件先编译成swf,然后用StyleManager类的loadStyleDeclarations方法加载换肤的swf。
2) 基础: 定义css文件,如下:
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
font-size: 12;
skin-class: ClassReference("IndexSkin");
}
注意如果是用skin-class,则皮肤文件必须与样式文件放在同一目录下,否则有问题.
右击css文件 选择‘将css文件编译为swf’,这样就会在编译的目录下产生对应的swf文件。
3) 应用:
FlexGlobals.topLevelApplication.styleManager.loadStyleDeclarations2("com/xx/xx/xx/cloudstudio/xx/styles/StyleChoice1.swf",true);
Android换肤
1. 目录结构
2. 定义四套css文件
需要将这四套css文件编译为swf文件,可通过右键点击该css文件,选择“将CSS编译为SWF”即可。
3. 使用换肤功能
注: 标记代码中,ApplicationDomain.currentDomain建议就这么写,因为在ios系统中,这个是必须的,它可以是该swf文件与主swf文件放在同一个域中进行访问。
styleManager.loadStyleDeclarations2(skinName,true, ApplicationDomain.currentDomain,null);其实质就是去加载本地的swf文件。
4. 打包:
对于Android系统,打包可以直接通过FB进行。打包时,需要将要使用的swf文件都打进apk中。
Apk解压后可看见:
IOS换肤:
说明: ios不建议使用换肤功能,因为会影响系统的性能,严重情况下会使应用的崩溃,无法通过苹果的审核。
1 ) 开发说明: IOS换肤的实现和Android有所不同,主要是IOS系统不支持同时加载多个swf文件。所以,如果想在ios系统上实现换肤功能,则必须使用服务器文件托管的方式,即将swf文件放到远程服务器上,由本地区访问远程的swf文件,完成换肤功能。
2) 使用txt文件声明要托管的swf文件
注: txt文件里的内容必须按照上图所示格式编写,即每一个swf文件以换行分隔。
3) 在应用程序描述符文件中配置该txt文件
注: 表示根目录下的.txt文件:
4) 使用ADT的AOT模式打包ipa
注:要将txt文件、编译后的几个swf文件都进行打包。打包结束后,会生成新的文件夹:
5) 使用打包后生成的swf文件,实现换肤功能
将externalStrippedSwfs文件夹中的swf文件都放到远程的服务器中,然后本地访问这些swf文件即可,如: