软件换肤从功能上可以划分三种:
1) 软件内置多个皮肤,不可由用户增加或修改;
最低的自由度,软件实现相对于后两种最容易。
2) 官方提供皮肤供下载,用户可以使用下载的皮肤;
用户可选择下载自己喜欢的皮肤,有些玩家会破解皮肤的定制方法,自己做皮肤使用,或者传到网上给大家用。
3) 官方提供皮肤制作工具或方法,用户可自制皮肤。
这种方式使用户有参与感,自由度较高。用户可根据自己的喜好定制软件的皮肤。有些软件官网提供皮肤定制的工具或者方法,我建议最好有可视化带向导的工具。用户只要自己找一些图片、修改文字的字体替换就可以了。用户可以上传自制的皮肤,提供其他用户下载,还可以赚得一些虚拟货币或者奖品什么的。这种一般都是打包为.zip格式的。扩展名可由各公司自定义,有制作工具的话直接导出来最方便。
首先我们要弄清楚换肤的定义,软件皮肤包括图标、字体、布局、交互风格等,换肤就是换掉皮肤包括的部分或所有资源。
前面提到的三种皮肤,从软件实现上来看,它们的本质区别是皮肤是否内置到应用程序中。对于内置的实现比较简单,只要在开发应用的过程中设计几套皮肤供用户选择。这里用到的知识不超过Android基础,不详细讲解。
本节课程重点讲解如何实现皮肤与应用程序分离。
皮肤一般含有多个文件,例如图片、配置等文件,分散的文件不利于传输和使用,最好打包。打包的格式一般选择zip格式。这里分两种情况,一种是apk,例如AdwLauncher,它的桌面皮肤格式是一个apk;另一种是自定义扩展名,例如墨迹天气皮肤扩展名是mja,搜狗输入法的皮肤扩展名是sga,它们的文件格式实际上都是zip。
下面我们分别讲解。
一.apk格式
现在的问题变成了一个应用如何读取另一个apk中的资源。
在android系统中,apk之间可以相互读取数据的条件是:有同样的签名,并且AndroidManifest.xml文件中配置的android:sharedUserId属性值相同,那么两个apk运行在同一个进程中,可以互相访问任意数据。
方法如下:
1) 应用程序和皮肤程序的AndroidManifest.xml中配置
例如: android:sharedUserId="org.yuchen"
2) 文件与应用apk中对同一功能的皮肤文件名要一致
例如:应用程序的背景图片路径:/SkinDemo/res/drawable-hdpi/bg.png
那么皮肤apk中的背景图片文件路径也应该是:
CustomSkin/res/drawable-hdpi/bg.png
3)访问资源的方法
- Context context = createPackageContext("com.yuchen.customskin", Context.CONTEXT_IGNORE_SECURITY);
获取到org.yuchen.customskin对应的Context,通过返回的context对象就可以访问到org.yuchen.customskin中的任何资源。
例如:应用apk要获得皮肤apk中的bg.png,
- Drawable drawable = context.getResources().getDrawable(R.drawable.bg);
这样就得到了图片的引用,其他xml资源文件的获取方式也是类似的。
二.自定义扩展名的zip格式的皮肤
技术点在于如何去读取zip文件中的资源以及皮肤文件存放策略。
方案:如果软件每次启动都去读取SD卡上的皮肤文件,速度会比较慢。较好的做法是提供一个皮肤设置的界面,用户选择了哪一个皮肤,就把那个皮肤文件解压缩到”/data/data/[package name]/skin”路径下,这样不需要跨存储器读取,速度较快,而且不需要每次都去zip压缩包中读取,不依赖SD卡中的文件,即使皮肤压缩包文件被删除了也没有关系。
实现方法:
1. 在软件的帮助或者官网的帮助中提示用户将皮肤文件拷贝到SD卡指定路径下。
2. 在软件中提供皮肤设置界面。可以在菜单或者在设置中。可参考墨迹、搜狗输入法、QQ等支持换肤的软件。
3. 加载指定路径下的皮肤文件,读取其中的缩略图,在皮肤设置界面中显示,将用户选中的皮肤文件解压缩到”/data/data/[package name]/skin”路径下。
4. 软件中优先读取”/data/data/[package name]/skin/”路径下的资源。如果没有则使用apk中的资源。
附加我的设计
首先是把定义一个抽象类来继承Activity,让支持的换肤功能的Activity来继承自该类。
/**
* 对皮肤功能的封装,
* @author suntony
*
*/
public abstract class SkinableActivity extends Activity implements OnSharedPreferenceChangeListener{
// 初始化皮肤信息
private void initSkin() {
changeSkin();
//注册监听
PersonalPreference.registerListener(this, this);
}
@Override
protected void onStart() {
super.onStart();
initSkin();
}
@Override
public void onSharedPreferenceChanged(SharedPreferences sharedPreferences,
String key) {
if ("curSkin".equals(key)) {
changeSkin();
}
}
@Override
protected void onStop() {
super.onStop();
PersonalPreference.unregisterListener(this, this);
}
/**
* 更改设置皮肤。这个是需要继承的
*/
protected abstract void changeSkin();
}
一个ACT在运行到OnStart时来根据SharePreference中的内容来调用changeSkin来设置皮肤特性。 当有变化时,由于加入了监听事件,那就就去调用监听事件。该事件又去调用changeSkin。
changSkin是继承该SkinableActivity必须要实现的方法。
/**
* 皮肤管理器
* @author qitangsun
*
*/
public class SkinManager {
public static final int TITLE_BAR_SKIN = 1;
public static final int NAVIGATION_BG_SKIN = 2;
public static final int PIC_BOTTOM_TRANSPARENT_BG_SKIN = 3;
//皮肤库,一个数组为一个控件
private static final int[] title_bar_skin = {
R.drawable.title_bar,
R.drawable.title_bar_1,
R.drawable.title_bar_2};
private static final int[] navigation_bg_skin = {
R.drawable.navigation_bg,
R.drawable.navigation_bg_1,
R.drawable.navigation_bg_2};
private static final int[] pic_bottom_transparent_bg_skin = {
R.drawable.pic_bottom_transparent_bg,
R.drawable.pic_bottom_transparent_bg_1,
R.drawable.pic_bottom_transparent_bg_2};
/**
*
* @param context
* @param position 位置
* @param curSkin 当前皮肤
* @return
*/
public static int getDrawableByCurSkin(Context context, int position, int curSkin) {
int retSkinId = -1;
switch (position) {
case TITLE_BAR_SKIN:
retSkinId = title_bar_skin[curSkin];
break;
case NAVIGATION_BG_SKIN:
retSkinId = navigation_bg_skin[curSkin];
break;
case PIC_BOTTOM_TRANSPARENT_BG_SKIN:
retSkinId = pic_bottom_transparent_bg_skin[curSkin];
break;
default:
Log.e("SkinManager", "There is no skin!!!");
break;
}
return retSkinId;
}
}