Android 更換皮膚思路及解決方案

IT_xiao小巫發表於2015-06-04
Android

本篇部落格要給大家分享的一個關於Android應用換膚的Demo，大家可以到我的github去下載demo，以後博文涉及到的程式碼均會上傳到github中統一管理。

github地址：https://github.com/devilWwj/Android-skin-update

思路

換膚功能一般有什麼？
元素一般有背景顏色、字型顏色、圖片、佈局等等

我們知道Android中有主題Theme還有style，theme是針對整個activity的，而style可以針對指定控制元件，如果比較少的替換可以在app內做，但如果需要動態來做，可以選擇下面這種思路：

把app和skin分開，將skin做成一個apk，作為一個外掛來提供給app使用，這樣可以做到線上下載皮膚，然後動態更換皮膚

下面這個demo，小巫是建立了一個res的工程專案，簡單提供了一個colors.xml，在裡面指定了背景顏色和按鈕顏色：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="day_btn_color">#E61ABD</color>
    <color name="day_background">#38F709</color>

    <color name="night_btn_color">#000000</color>
    <color name="night_background">#FFFFFF</color>
</resources>

裡面沒有任何邏輯程式碼，只提供資原始檔，然後我們匯出為skin.apk檔案，複製到目標專案的assets中去。

因為這裡不涉及到下載皮膚這個操作，所以直接放到assets目錄下，然後在程式中把assets下的apk檔案複製到sd卡中.
在程式中提供一個皮膚包管理器

package com.devilwwj.skin;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.lang.reflect.Method;

import android.content.Context;
import android.content.pm.PackageInfo;
import android.content.pm.PackageManager;
import android.content.res.AssetManager;
import android.content.res.Resources;
import android.os.AsyncTask;

/**
 * 皮膚包管理器
 * 
 * @author devilwwj
 * 
 */
public class SkinPackageManager {
    private static SkinPackageManager mInstance;
    private Context mContext;

    /**
     * 當前資源包名
     */
    public String mPackageName;

    /**
     * 皮膚資源
     */
    public Resources mResources;

    public SkinPackageManager(Context mContext) {
        super();
        this.mContext = mContext;
    }

    /**
     * 獲取單例
     * 
     * @param mContext
     * @return
     */
    public static SkinPackageManager getInstance(Context mContext) {
        if (mInstance == null) {
            mInstance = new SkinPackageManager(mContext);
        }
        return mInstance;
    }

    /**
     * 從assets中複製apk到sd中
     * 
     * @param context
     * @param filename
     * @param path
     * @return
     */
    public boolean copyApkFromAssets(Context context, String filename,
            String path) {
        boolean copyIsFinish = false;

        try {
            // 開啟assets的輸入流
            InputStream is = context.getAssets().open(filename);
            File file = new File(path);
            // 建立一個新的檔案
            file.createNewFile();
            FileOutputStream fos = new FileOutputStream(file);
            byte[] temp = new byte[1024];
            int i = 0;
            while ((i = is.read(temp)) > 0) {
                fos.write(temp, 0, i); // 寫入到檔案
            }

            fos.close();
            is.close();
            copyIsFinish = true;
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }

        return copyIsFinish;

    }

    /**
     * 非同步載入皮膚資源
     * 
     * @param dexPath
     *            需要載入的皮膚資源
     * @param callback
     *            回撥介面
     */
    public void loadSkinAsync(String dexPath, final loadSkinCallBack callback) {
        new AsyncTask<String, Void, Resources>() {

            @Override
            protected void onPreExecute() {
                super.onPreExecute();
                if (callback != null) {
                    callback.startloadSkin();
                }
            }

            @Override
            protected Resources doInBackground(String... params) {
                try {
                    if (params.length == 1) {
                        //
                        String dexPath_tmp = params[0];
                        // 得到包管理器
                        PackageManager mpm = mContext.getPackageManager();
                        // 得到包資訊
                        PackageInfo mInfo = mpm.getPackageArchiveInfo(
                                dexPath_tmp, PackageManager.GET_ACTIVITIES);
                        mPackageName = mInfo.packageName;

                        // AssetManager例項
                        AssetManager assetManager = AssetManager.class
                                .newInstance();
                        // 通過反射呼叫addAssetPath方法
                        Method addAssetPath = assetManager.getClass()
                                .getMethod("addAssetPath", String.class);
                        addAssetPath.invoke(assetManager, dexPath_tmp);

                        // 得到資源例項
                        Resources superRes = mContext.getResources();
                        // 例項化皮膚資源
                        Resources skinResource = new Resources(assetManager,
                                superRes.getDisplayMetrics(),
                                superRes.getConfiguration());
                        // 儲存資源路徑
                        SkinConfig.getInstance(mContext).setSkinResourcePath(
                                dexPath_tmp);
                        return skinResource;
                    }
                } catch (Exception e) {
                    return null;
                }
                return null;
            }

            @Override
            protected void onPostExecute(Resources result) {
                super.onPostExecute(result);
                mResources = result;

                // 這裡執行回撥方法
                if (callback != null) {
                    if (mResources != null) {
                        callback.loadSkinSuccess();
                    } else {
                        callback.loadSkinFail();
                    }
                }
            }

        }.execute(dexPath);
    }

    public static interface loadSkinCallBack {
        public void startloadSkin();

        public void loadSkinSuccess();

        public void loadSkinFail();
    }

}

重點關注這個類，裡面提供了一個非同步方法對包和asset進行操作，這裡用到了反射機制，反射呼叫addAssetPath來新增assets的路徑，這個路徑就是我們skin.apk的路徑。具體細節，各位檢視程式碼。

我們在Activity介面中使用上面提供的方法：

package com.devilwwj.skin;

import android.app.Activity;
import android.content.res.Resources;
import android.os.Bundle;
import android.os.Environment;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

import com.devilwwj.skin.SkinPackageManager.loadSkinCallBack;
/**
 * 功能：切換皮膚
 * @author devilwwj
 *
 */
public class MainActivity extends Activity implements OnClickListener,
        ISkinUpdate {
    private static final String APK_NAME = "skin.apk";
    private static final String DEX_PATH = Environment
            .getExternalStorageDirectory().getAbsolutePath() + "/skin.apk";
    private Button dayButton;
    private Button nightButton;
    private TextView textView;
    private boolean nightModel = false;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        dayButton = (Button) findViewById(R.id.btn_day);
        nightButton = (Button) findViewById(R.id.btn_night);
        textView = (TextView) findViewById(R.id.text);

        // 把apk檔案複製到sd卡
        SkinPackageManager.getInstance(this).copyApkFromAssets(this, APK_NAME,
                DEX_PATH);

    }

    @Override
    protected void onResume() {
        super.onResume();
        if (SkinPackageManager.getInstance(this).mResources != null) {
            updateTheme();
        }
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btn_day:
            nightModel = false;
            loadSkin();
            break;
        case R.id.btn_night:
            nightModel = true;
            loadSkin();
            break;

        default:
            break;
        }
    }

    /**
     * 載入皮膚
     */
    private void loadSkin() {
        SkinPackageManager.getInstance(this).loadSkinAsync(DEX_PATH,
                new loadSkinCallBack() {

                    @Override
                    public void startloadSkin() {
                        Log.d("xiaowu", "startloadSkin");
                    }

                    @Override
                    public void loadSkinSuccess() {
                        Log.d("xiaowu", "loadSkinSuccess");
                        // 然後這裡更新主題
                        updateTheme();
                    }

                    @Override
                    public void loadSkinFail() {
                        Log.d("xiaowu", "loadSkinFail");
                    }
                });
    }

    @Override
    public void updateTheme() {
        Resources mResource = SkinPackageManager.getInstance(this).mResources;
        if (nightModel) {
            // 如果是黑夜的模式，則載入黑夜的主題
            int id1 = mResource.getIdentifier("night_btn_color", "color",
                    "com.devilwwj.res");
            nightButton.setBackgroundColor(mResource.getColor(id1));
            int id2 = mResource.getIdentifier("night_background", "color",
                    "com.devilwwj.res");
            nightButton.setTextColor(mResource.getColor(id2));
            textView.setTextColor(mResource.getColor(id2));

        } else {
            // 如果是白天模式，則載入白天的主題
            int id1 = mResource.getIdentifier("day_btn_color", "color",
                    "com.devilwwj.res");
            dayButton.setBackgroundColor(mResource.getColor(id1));
            int id2 = mResource.getIdentifier("day_background", "color",
                    "com.devilwwj.res");
            dayButton.setTextColor(mResource.getColor(id2));
            textView.setTextColor(mResource.getColor(id2));
        }

    }

}

我們可以儲存一個模式，比如黑夜白天模式，每次啟動按照前面儲存的模式來顯示皮膚。我們可以看到上面是通過呼叫getIdentifier方法來得到指定的資源的id，name是我們在資原始檔中指定的名字。

最後，各位自己跑一遍這樣的流程：

1. 匯出res的apk檔案
2. 複製到目標專案的assets目錄下
3. 檢視切換皮膚的效果

參考博文：http://blog.csdn.net/yuanzeyao/article/details/42390431

相關文章