喜糖

移动开发工程师 。涉及 android、ios、jni

导航

Android 更换皮肤

Posted on 2011-10-11 22:50  喜糖  阅读(1345)  评论(1编辑  收藏  举报

软件换肤从功能上可以划分三种:

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)访问资源的方法

  1. Context context = createPackageContext("com.yuchen.customskin", Context.CONTEXT_IGNORE_SECURITY);  

  

获取到org.yuchen.customskin对应的Context,通过返回的context对象就可以访问到org.yuchen.customskin中的任何资源。

例如:应用apk要获得皮肤apk中的bg.png,

  1. 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;
}
}