Android插件包换肤(高仿网易云音乐换肤)

高仿网易云音乐换肤，插件化下载皮肤包，无需Activity的重启直接实现无缝切换。
先看看效果图：

device (2).gif

由于gif大小有限制，可以扫描二维码，安装体验 https://fir.im/1q4f

image.png

先简单描述一下网易云音乐换肤的大体过程：

1.先去下载一个主题包，这个主题包其实是一个apk文件，里面包含要换皮肤的资源文件

2.通过AssetManager，通过反射以及PackageName，获取到下载下来皮肤包的Resource，拿到Resource对象，即可以拿到res下面的任何资源文件

3.获取View的属性以及相关的资源文件名称，去皮肤包中的Resource中进行匹配，如果皮肤包中匹配成功，则应用皮肤包中的资源文件，实现换肤。

在详细实现之前，先介绍LayoutInflater，因为它在换肤中非常重要：它的作用是：将布局XML文件实例化为其对应的View对象。所以可以通过LayoutInflater获取到创建了多少View以及View对应的属性。

这里有鸿洋大佬的一篇关于介绍LayoutInflater 写的很详细，也非常全面https://blog.csdn.net/lmj623565791/article/details/51503977

1、通过反射获取过系统状态栏的高度

在开始之前，先举个例子，是否这样获取过系统状态栏的高度

  int identifier = getResources().getIdentifier("status_bar_height", "dimen", "android");
  int dimensionPixelSize = getResources().getDimensionPixelSize(identifier);
  Log.d(TAG, "onCreate: " +dimensionPixelSize);

image.png

2、通过Resource获取系统任何资源文件

如果了解上面的代码是如何获取到系统的status_bar_height的高度，那么获取资源文件的drawable、color、dimen都是按照上面的方法获取到的。那么要实现换肤，只需要获取到Resource对象就可以。

换肤核心代码:

    //皮肤包apk的路径
    String apkPath = FileUtils.copyAssetsToCache(mContext, apkName);
    AssetManager manager = AssetManager.class.newInstance();
    Method method = AssetManager.class.getDeclaredMethod("addAssetPath", String.class);
    method.invoke(manager,apkPath);

    //当前应用的resources对象，获取到屏幕相关的参数和配置
    Resources res = mContext.getResources();

    //getResources()方法通过  AssetManager的addAssetPath方法，构造出Resource对象，由于是Library层的代码，所以需要用到反射
    mSkinResources = new Resources(manager, res.getDisplayMetrics(), res.getConfiguration());
    int identifier = mSkinResources.getIdentifier("status_bar_height", "dimen", "android");

3、详细实现

要实现换肤，则需要知道当前页面中有多少View和属性需要替换掉，所以不能使用系统的LayoutInflate.Factory去创建View,而是使用自定义的LayoutInflate.Factory,这里使用SkinFactory来重写系统的LayoutInflate.Factor以及自实现View的创建，这里直接贴出代码：

    private View createView(String name, Context context, AttributeSet attributeSet) {
        View view = null;
        if (name.contains(".")) {  //view的名称中带点，说明是自定义View
            view = SkinUtils.crateView(name, context, attributeSet);
        } else {  //系统的View,直接通过反射创建
            for (int i = 0; i < sClassPrefixList.length; i++) { //比如android.widget.Button
                String viewName = sClassPrefixList[i] + name;
                view = SkinUtils.crateView(viewName, context, attributeSet);
                if (view != null) {
                    break;
                }
            }
        }
        return view;
    }

4、通过反射构造方法创建出View对象

SkinUtils中的crateView的实现

    public static View crateView(String name, Context context, AttributeSet attributeSet){
        View view=null;
        try {
            Class<?> aClass = context.getClassLoader().loadClass(name);
            Constructor<?> constructor = aClass.getConstructor(Context.class, AttributeSet.class);
            view = (View) constructor.newInstance(context, attributeSet);
        } catch (Exception e) {
            return  null;
        }
        return view;
    }

创建好View后，紧接着需要知道当前View的是否包含需要替换的属性，LayoutFctory中的onCreateView()方法中的AttributeSet中包含该View的所有的属性即资源值等相关信息。先打印出AttributeSet，你就会明白，如下所示:

扫描二维码关注公众号，回复： 5202915 查看本文章

 @Override
public View onCreateView(String name, Context context, AttributeSet attributeSet) {

//TODO 接管View的创建

 for (int i = 0; i < attributeSet.getAttributeCount(); i++) {
            //获取到属性的name,value
            String attrName = attributeSet.getAttributeName(i);   //background
            String attrValue = attributeSet.getAttributeValue(i);  //@12346622

            if (attrValue.contains("@")) {
                int id = Integer.parseInt(attrValue.substring(1));   // 即R资源中对应的Id @12346622
                String typeName = context.getResources().getResourceTypeName(id);  //drawable
                String entryName = context.getResources().getResourceEntryName(id);  //bg
            }
  }
}

image.png

通过如上方法获取到当前view的所有的属性的名称和资源值以及资源类型，但是这里是获取到的是该View所有的属性的名称和资源值，显然用不了这么多，所以需要过滤掉用不到属性(layout_width,layout_height等)，仔细观察，只有attrValue是@符号开头的，才是资源文件引用，所以过滤出有@符号的属性名和资源值

5、封装View的属性

使用SkinViewAttr来封装需要替换的资源，将创建的View，进行统计需要换肤的属性即 attrValue值中带有@符号，如下所示:

public class SkinViewAttr {
    /**
     * view对应的id
     */
    private int id;
    /**
     * 属相的name  backgroud
     */
    private String attrName;

    /**
     * 属性对应的值得name   eg: drawable color
     */
    private String typeName;

    /**
     * 对应drawable下面的文件的名称  //btn_bg
     */
    private String entryName;
    //省略get/set方法
    ......
}

当然这是一条属性，一个View对应很多的属性，所以使用SkinViewItem类，来记录View和属性的关系，即：

public class SkinViewItem {

    private View view;
    private ArrayList<SkinViewAttr> attrs;
   
    ......
}

到这里，在SkinFactory中得到了页面中的所有属性值中带@值得View及相关属性。完整代码:

package com.onexzgj.skin.skin;

import android.content.Context;
import android.os.Build;
import android.support.v7.app.AppCompatActivity;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;

import java.util.ArrayList;

/**
* 自定义View的填充factory
*
* @author onexzgj
*/
public class SkinFactory implements LayoutInflater.Factory {

   private AppCompatActivity mActivity;
   private ArrayList<SkinViewItem> viewItems = new ArrayList<>();

   private static final String[] sClassPrefixList = {
           "android.widget.",
           "android.view.",
           "android.webkit.",
           "android.support.v7.widget."
   };

   public SkinFactory(AppCompatActivity activity) {
       this.mActivity = activity;
   }

   @Override
   public View onCreateView(String name, Context context, AttributeSet attributeSet) {
       View view = createView(name, context, attributeSet);
       if (view != null) {
           passSkinViewAttr(view, context, attributeSet);
       }
       return view;
   }

   /**
    * 开始换肤的方法
    */
   public void apply() {
       for (int i = 0; i < viewItems.size(); i++) {
           SkinViewItem skinViewItem = viewItems.get(i);
           skinViewItem.apply();
       }
   }


   /**
    * 2,解析反射生成的View的属性
    *
    * @param view
    * @param context
    * @param attributeSet android:background=@drawable/bg
    */
   private void passSkinViewAttr(View view, Context context, AttributeSet attributeSet) {
       ArrayList<SkinViewAttr> viewAttrs = new ArrayList<>();
       for (int i = 0; i < attributeSet.getAttributeCount(); i++) {
           //获取到属性的name,value
           String attrName = attributeSet.getAttributeName(i);   //background
           String attrValue = attributeSet.getAttributeValue(i);  //@12346622

           if (attrValue.contains("@")) {
               int id = Integer.parseInt(attrValue.substring(1));   // 即R资源中对应的Id @12346622
               String typeName = context.getResources().getResourceTypeName(id);  //drawable
               String entryName = context.getResources().getResourceEntryName(id);  //bg
               SkinViewAttr attr = new SkinViewAttr(id, attrName, typeName, entryName);
               viewAttrs.add(attr);
           }

           if (!viewAttrs.isEmpty()) {
               //假如说属性不为空,将View即属性集合记录起来
               viewItems.add(new SkinViewItem(view, viewAttrs));
           }

       }
   }

   /**
    * 1,通过反射创建View
    *
    * @param name         view的名称
    * @param context
    * @param attributeSet view的属性
    * @return
    */
   private View createView(String name, Context context, AttributeSet attributeSet) {
       View view = null;
       if (name.contains(".")) {  //view的名称中带点，说明是自定义View
           view = SkinUtils.crateView(name, context, attributeSet);
       } else {  //系统的View,直接通过反射创建
           for (int i = 0; i < sClassPrefixList.length; i++) { //比如android.widget.Button
               String viewName = sClassPrefixList[i] + name;
               view = SkinUtils.crateView(viewName, context, attributeSet);
               if (view != null) {
                   break;
               }
           }
       }
       return view;
   }
}

得到了页面中所有要换肤的View以及属性，接下来使用SkinViewItem .apply()方法进行触发换肤,即开篇提到的，获取到皮肤包的Resource对象，通过比较属性值，获取到皮肤包相关资源，然后设置给View，这里只添加了2种实现，当然可以根据实际业务需要，支持更多属性的换肤。

    public void apply() {
        for (SkinViewAttr skinViewAttr: attrs) {
            if ("background".equals(skinViewAttr.getAttrName())){
                //如果是backgroud 改变属性
                if ("drawable".equals(skinViewAttr.getTypeName())){

                    view.setBackgroundDrawable(SkinManager.getInstance().getDrawable(skinViewAttr.getId()));

                }else if ("color".equals(skinViewAttr.getTypeName())){
                    view.setBackgroundColor(SkinManager.getInstance().getColor(skinViewAttr.getId()));
                }

            }else if ("textColor".equals(skinViewAttr.getAttrName()) && view instanceof TextView){
                //textview只改变字体
                ((TextView) view).setTextColor(SkinManager.getInstance().getColor(skinViewAttr.getId()));
            }
        }
    }

最后贴出SkinManager的实现,获取皮肤包资源文件以及相应的资源：

package com.onexzgj.skin.skin;

import android.content.Context;
import android.content.pm.PackageManager;
import android.content.res.AssetManager;
import android.content.res.Resources;
import android.graphics.drawable.Drawable;

import com.onexzgj.skin.utils.FileUtils;

import java.lang.reflect.Method;

public class SkinManager {
    private static final SkinManager ourInstance = new SkinManager();
    /**
     * 皮肤包的包名
     */
    private String mPackageName;

    public static SkinManager getInstance() {
        return ourInstance;
    }


    private Context mContext;

    public Resources mSkinResources;

    private String apkPath;

    private SkinManager() {
    }

    public void init(Context context){
        mContext=context.getApplicationContext();
    }


    public boolean loadSkin(String apkName){

        String apkPath = FileUtils.copyAssetsToCache(mContext, apkName);
        try {
            AssetManager manager = AssetManager.class.newInstance();
            Method method = AssetManager.class.getDeclaredMethod("addAssetPath", String.class);
            method.invoke(manager,apkPath);

            //当前应用的resources对象，获取到屏幕相关的参数和配置
            Resources res = mContext.getResources();

            //getResources()方法通过  AssetManager的addAssetPath方法，构造出Resource对象，由于是Library层的代码，所以需要用到反射
            mSkinResources = new Resources(manager, res.getDisplayMetrics(), res.getConfiguration());

            mPackageName = mContext.getPackageManager().getPackageArchiveInfo(apkPath,
                    PackageManager.GET_ACTIVITIES | PackageManager.GET_SERVICES).packageName;

        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
        return true;
    }

    //通过ID获取drawable对象
    public Drawable getDrawable(int id ){
        Drawable drawable = mContext.getResources().getDrawable(id);
        if (mSkinResources!=null){
            String name = mContext.getResources().getResourceEntryName(id);
            int resId = mSkinResources.getIdentifier(name, "drawable", mPackageName);
            if (resId>0){
                return mSkinResources.getDrawable(resId);
            }
        }
        return drawable ;
    }

    //通过ID获取颜色值
    public int getColor(int id ){
        int color = mContext.getResources().getColor(id);
        if (mSkinResources!=null){
            String name = mContext.getResources().getResourceEntryName(id);
            int resId = mSkinResources.getIdentifier(name, "color", mPackageName);
            if (resId>0){
                return mSkinResources.getColor(resId);
            }
        }
        return color ;
    }

    public int getColorPrimaryDark() {
        try {
            if (mSkinResources != null) {

                int identify = mSkinResources.getIdentifier("colorPrimaryDark", "color", mPackageName);
                return mSkinResources.getColor(identify);
            }
        }catch (Exception e){
            e.printStackTrace();
            return -1;
        }
        return -1;
    }
}

6、项目地址及说明及存在问题

image.png

Github地址: https://github.com/OnexZgj/Skin

这里只是插件换肤的一个思想以及简单实现，需要优化的地方有很多，待后期更行

如果你觉得不错，请给我一个 star ，这是我最大的动力和支持，非常感谢！٩(๑>◡<๑)۶