android 换肤框架
2024-05-10 22:55:58
使用插件化换肤
大家可以先去网易云客户端体验一下个性换肤。
可能大家会疑惑，为什么换个皮肤，还用上了插件化，给大家解释一下。
网易云的个性换肤是可以下载皮肤然后再切换的，那么下载皮肤其实就是在一个皮肤插件，当然只是用到这个插件中的res里面的资源，比如图片资源，color资源。
这也就是今天为什么要讲使用插件换肤，这是一个原因，第二个原因就是通过这个，大家会对插件化有一定的了解。
下面是我今天的demo演示，第一个图是切换背景颜色和textColor的颜色。
第二个图是切换背景图片和textColor的颜色。
我会给大家讲述原理，以及简单的实例，更多的应用，大家可以自行研究。
一下是换肤的大概步骤。
1，在baseActivity里面的super.onCreate(savedInstanceState);
方法之前添加监听。LayoutInflaterCompat.setFactory(getLayoutInflater(),factory);
2，创建一个factory类，实现接口LayoutInflaterFactory
3，在这个里面通过类加载器，使用接口返回的名字获取对应名字的控件。
4，把符合的控件和控件属性存储起来。
5，创建一个皮肤管理类，通过传入插件的路径，获取插件的包名，并且获取插件的resource对象。
6，通过宿主的resId去获取控件的资源名，通过资源名去插件中找到对应的控件resId，在通过这个resId在插件中得到对应资源的值，然后返回给宿主，用来替换，完成换肤。
7，这里用textColor和background两个属性进行试验。
为了模拟插件化，进行换肤，我们会用到两个apk，一个是宿主apk，就是安装在手机上的，顶部两个图片的示例；另外一个是皮肤的apk，这个apk我们直接复制到sd卡上就可以了，里面就只要用到color或者drawable里面的资源。
工程目录如下：
app：
皮肤的：
其中skin2皮肤工程，里面不需要写java代码，只要用到res里面的，如果是用到图片资源，那么图片的名字要和app里面的需要替换的名字相同，如果是用到color，那么color里面的对应的名字也要相同。
下面是代码：
MainActivity：
package andfix.shenbin.com.skindemo;import android.os.Bundle;
import android.os.Environment;
import android.view.View;import java.io.File;import andfix.shenbin.com.skindemo.struct.SkinManager;public class MainActivity extends SkinActivity {@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}public void change(View view) {File file = new File(Environment.getExternalStorageDirectory(),"skin.apk");SkinManager.getInstance().loadSkin(file.getAbsolutePath());updateSkin();}
}
SkinActivity：
package andfix.shenbin.com.skindemo;import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.LayoutInflaterCompat;import andfix.shenbin.com.skindemo.struct.SkinFactory;
import andfix.shenbin.com.skindemo.struct.SkinManager;public class SkinActivity extends Activity {private SkinFactory factory = null;@Override
protected void onCreate(Bundle savedInstanceState) {factory = new SkinFactory();LayoutInflaterCompat.setFactory(getLayoutInflater(),factory);SkinManager.getInstance().init(this);super.onCreate(savedInstanceState);}public void updateSkin(){factory.apply();}
}
SkinManager：
package andfix.shenbin.com.skindemo.struct;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 java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;/**
* Created by Administrator on 2017/9/8.
*/
public class SkinManager {private Context context;private Resources skinResource;private static final SkinManager ourInstance = new SkinManager();private String defPackage;public static SkinManager getInstance(){return ourInstance;}public SkinManager(){}/**
* 初始化，传入context
* @param context
*/
public void init(Context context){this.context = context;}/**
* 加载皮肤，这里是进行模拟插件化形式，所以先把skin.apk复制到设备的sd卡。
* @param path 皮肤的apk路径 /storage/emulated/0/skin.apk
*/
public void loadSkin(String path){PackageManager packageManager = context.getPackageManager();//得到插件的包名
defPackage = packageManager.getPackageArchiveInfo(path,PackageManager.GET_ACTIVITIES).packageName;//资源管理器
AssetManager assetManager = null;try {assetManager = AssetManager.class.newInstance();Method addAssetPath = assetManager.getClass().getMethod("addAssetPath",String.class);addAssetPath.invoke(assetManager,path);//得到皮肤插件的resource
skinResource = new Resources(assetManager,context.getResources().getDisplayMetrics(),context.getResources().getConfiguration());} catch (InstantiationException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();} catch (NoSuchMethodException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}}/**
*通过资源名 去插件中找对应的资源，用来替换宿主apk里面的。
* @param resId 是宿主view 对应的属性对应的id
* @return
*/
public int getColor(int resId){if(skinResource == null){return resId;}//1，首先通过宿主的resId找到资源名，然后因为宿主和插件apk的资源名是一样的，
// 2，通过资源名去插件中找到对应的资源名的id
// 3，再通过找到的id去获取插件中对应的资源的值，返回给宿主进行替换。
String resName = context.getResources().getResourceName(resId); //andfix.shenbin.com.skindemo:color/colorAccent
String resName2 = resName.split("/")[1];int skinId = skinResource.getIdentifier(resName2,"color",defPackage);//资源名，资源类型，包名
if(skinId == 0){ //如果为0，就表示在插件的apk里面没有找到相同名字的资源。
return resId;}return skinResource.getColor(resId);}/**
* 图片资源
*通过资源名 去插件中找对应的资源，用来替换宿主apk里面的。
* @param resId 是宿主view 对应的属性对应的id
* @return
*/
public Drawable getDrawable(int resId){if(skinResource == null){return context.getResources().getDrawable(resId);}//1，首先通过宿主的resId找到资源名，然后因为宿主和插件apk的资源名是一样的，
// 2，通过资源名去插件中找到对应的资源名的id
// 3，再通过找到的id去获取插件中对应的资源的值，返回给宿主进行替换。
String resName = context.getResources().getResourceName(resId); //andfix.shenbin.com.skindemo:color/colorAccent
String resName2 = resName.split("/")[1];int skinId = skinResource.getIdentifier(resName2,"drawable",defPackage);//资源名，资源类型，包名
if(skinId == 0){ //如果为0，就表示在插件的apk里面没有找到相同名字的资源。
return context.getResources().getDrawable(resId);}return skinResource.getDrawable(skinId);}}
SkinFactory：
package andfix.shenbin.com.skindemo.struct;import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.support.v4.view.LayoutInflaterFactory;
import android.util.AttributeSet;
import android.view.View;
import android.widget.TextView;import java.lang.reflect.Constructor;
import java.lang.reflect.InvocationTargetException;
import java.util.ArrayList;
import java.util.List;/**
* 皮肤控件接口监听类
* Created by Administrator on 2017/9/8.
*/
public class SkinFactory implements LayoutInflaterFactory {//自定义的控件，这里面放包控件的包路径
public static String[] sClassPrefixList = {"andfix.shenbin.com.skindemo.struct"
};//存放符合条件的皮肤数据源
private List<SkinView> skinCacheList = new ArrayList<>();@Override
public View onCreateView(View parent, String name, Context context, AttributeSet attrs) {View view = null;if (!name.contains(".")) { //表示系统的控件 android.widget.LinearLayout
view = createView(context, attrs, "android.widget."+name);}else{ //自定义view
for (String str : sClassPrefixList){view = createView(context,attrs,str+"."+name);if(view != null){break;}}}if(view != null){parseSkinView(context,attrs,view);}return view;}private View createView(Context context, AttributeSet attrs, String name) {try {//获得当前的类加载器
ClassLoader classLoader = context.getClass().getClassLoader();//通过名字，获得控件的类
Class clz = classLoader.loadClass(name);Constructor<? extends View> constructor = clz.getConstructor(new Class[]{Context.class, AttributeSet.class});//返回控件
return constructor.newInstance(context, attrs);} catch (ClassNotFoundException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();} catch (NoSuchMethodException e) {e.printStackTrace();} catch (InstantiationException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();}return null;}/**
* 筛选，过滤，把符合条件的控件和资源存储起来
* @param context
* @param attrs
* @param view
*/
private void parseSkinView(Context context,AttributeSet attrs,View view){List<SkinItem> lists = new ArrayList<>();for (int i = 0; i < attrs.getAttributeCount(); i++) {String attrName = attrs.getAttributeName(i); //textColor
String attrValue = attrs.getAttributeValue(i); //@7f030000 R.java
//如果是背景或者textColor属性
if("background".equalsIgnoreCase(attrName) || "textColor".equalsIgnoreCase(attrName)){//得到属性值id
int id = Integer.parseInt(attrValue.substring(1));//得到属性类型
String attrValueType = context.getResources().getResourceTypeName(id);//得到属性名
String attrValueName = context.getResources().getResourceEntryName(id);//创建皮肤实例
SkinItem skinItem = new SkinItem(attrName,id,attrValueType,attrValueName);//放到集合中
lists.add(skinItem);}}if(!lists.isEmpty()){//创建实例，保存,用来换肤
SkinView skinView = new SkinView(view,lists);skinCacheList.add(skinView);}}/**
* 皮肤类
*/
class SkinItem{String attrName; //background
int refId; //R 文件标示的id
String attrValueType; //资源类型，@drawable 、@color
String atrrValueName; //资源名字 ic_launcher
public SkinItem(String attrName,int refId,String attrValueType,String atrrValueName){this.attrName = attrName;this.refId = refId;this.attrValueType = attrValueType;this.atrrValueName = atrrValueName;}}class SkinView{private View view;private List<SkinItem> lists;public SkinView(View view,List<SkinItem> lists){this.view = view;this.lists = lists;}@TargetApi(Build.VERSION_CODES.JELLY_BEAN)public void apply() {for (SkinItem skinItem : lists){//切换textView的字体颜色
if("textColor".equalsIgnoreCase(skinItem.attrName)){if(view instanceof TextView){((TextView)view).setTextColor(SkinManager.getInstance().getColor(skinItem.refId));}}//这个是切换背景颜色
// else if("background".equalsIgnoreCase(skinItem.attrName)){
//
// ((View)view).setBackgroundColor(SkinManager.getInstance().getColor(skinItem.refId));
//
// }
//切换背景图片
else if("background".equalsIgnoreCase(skinItem.attrName)){((View)view).setBackground(SkinManager.getInstance().getDrawable(skinItem.refId));}}}}public void apply(){for (SkinView skinView : skinCacheList){skinView.apply();}}
}
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bj"
tools:context="andfix.shenbin.com.skindemo.MainActivity"><TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="换肤"
android:textSize="20dp"
android:textColor="@color/colorAccent"
/><Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="切换皮肤"
android:onClick="change"/></LinearLayout>
app的color.xml:
<?xml version="1.0" encoding="utf-8"?> <resources><color name="colorPrimary">#3F51B5</color><color name="colorPrimaryDark">#303F9F</color><color name="colorAccent">#FF4081</color> </resources>
skin2的color.xml：
<?xml version="1.0" encoding="utf-8"?> <resources><color name="colorPrimary">#FF4081</color><color name="colorPrimaryDark">#303F9F</color><color name="colorAccent">#303F9F</color> </resources>
背景图片大家可以自己下载两张，名字一样，一个工程放一张就可以了
以上就是全部代码了，运行时，测试步骤如下：
1，先在skin2工程里面把图片资源和color资源搞定。
2，把skin2编译，得到apk包，改名为skin.apk（也可以取其他名字，在MainActivity里面也改成相应的就可以了）
3,把skin.apk复制到手机存储卡上，有的是放在sd卡，在MainActivity里面修改相应的路径。
4，运行app工程，然后点击按钮进行切换皮肤。
5，背景颜色或背景图片，在这里进行注释与放开：如图
以上就是全部的代码，代码中有很多注释，相信大家能看懂。
通过其中的类加载器ClassLoader和资源管理器AssetManager，然后大家是不是也对插件化有了一定的了解呢。
githup：https://github.com/445979241/skindemo
android 换肤框架相关推荐
- Android-skin-support 一款用心去做的Android 换肤框架
介绍 Github地址: https://github.com/ximsfei/Android-skin-support Android-skin-support: 一款用心去做的Android 换肤 ...
- android 换肤框架搭建及使用 (3 完结篇)
本系列计划3篇: Android 换肤之资源(Resources)加载(一) setContentView() / LayoutInflater源码分析(二) 换肤框架搭建(三) - 本篇 tips: ...
- android的资源混淆和压缩工具，换肤框架
介绍一款可以对android资源进行压缩的工具,超好用(已经在项目中使用到) https://github.com/shwenzhang/AndResGuard Android-skin-suppor ...
- Android换肤功能实现与换肤框架QSkinLoader使用方式介绍
框架地址:https://github.com/qqliu10u/QSkinLoader 效果图 https://github.com/qqliu10u/QSkinLoader/raw/master/ ...
- Android 手写实现插件化换肤框架 兼容Android10 Android11
目录 一.收集所有需要换肤的view及相关属性 二.统一为所有Activity设置工厂(兼容Android9以上) 三.加载皮肤包资源 四.处理支持库或者自定义view的换肤 五.处理状态栏换肤 六. ...
- android换肤动画,Android换肤(二) — 插件式换肤
###前言 上节我们讲到了`Android-skin-support`库的应用内换肤,大家感兴趣的可以参看文章: [Android换肤(一) - 应用内换肤](http://www.demodashi ...
- 红橙Darren视频笔记 换肤框架4 换肤的功能完善 内存泄漏分析
上一篇完成了换肤框架的基本搭建,这一次 我们继续补完上一次遗留的一些可以完善的部分 1.完善换肤 1.1退出后再进入应用 不会丢失上一次保存的皮肤 基本原理:将上一次切换的皮肤path保存在Share ...
- Leakcanary原理解析以及换肤框架skin的原理分析
一.错误现场 java.lang.ClassCastException: androidx.appcompat.widget.TintContextWrapper cannot be cast to ...
- android 换肤功能
市面上的app大部分都有换肤功能,今天我来给大家介绍一下实现换肤功能的三种实现方案. 一. 使用系统默认的主题Theme.AppCompat.DayNight app主题必须是Theme.AppCom ...
最新文章
- Web漏洞扫描（一：利用WVS进行漏洞扫描）
- HDOJ 1056 HangOver
- python 三维数据绘图_Python中三维坐标空间绘制的实现
- struts2.0标签库
- 【搜索引擎】全文索引数据结构和算法
- js 数字，金额 用逗号 隔开。数字格式化
- html提交按钮tab设置,html – 提交按钮没有集中,即使tabindex被正确设置
- Mysql: mysqlbinlog命令查看日志文件
- 注册测绘师学习笔记（二）
- 被称为“圣经”的《计算机体系结构》
- 怎样关闭计算机亮度自动调节,如何关闭计算机显示器的自动亮度调节功能
- android app 检测是否开启了开发者模式
- verilog十二进制计数器
- Linux文件其他操作
- iOS开发学习之大牛们的博客
- Tangent Element调色台的设计和功能同等重要
- WEB前端网页设计-Bootstrap4 信息提示框
- pixel手机救砖教程
- CSRF 跨站请求伪造攻击
- 【Python3】作业车间/柔性作业车间/流水车间/混合流水车间/单目标遗传算法/禁忌搜索/关键块移动