Android -- Android 动态换肤插件

Tiny

2017-04-28

top

之前写了一个android夜间模式的框架，只能修改黑夜和白天。但需求总是不轻易满足现状，随随便便就能整出一个动态换肤的幺蛾子来，而且是插件式的。

跟之前夜间模式的想法一样，不能接受对现有代码入侵，最好别再java文件里写东西，最好少改代码……

无图言吊，所以先上图

再撸这套动态换肤之前，我参考hyman大神的几篇博客，实现思路基本上相同，但是还是有些改动的，这是大神的项目
https://github.com/hongyangAndroid/ChangeSkin

先不说逻辑了，先记录一下框架的使用方法，之后再详细讲一下思路，请看下面华丽的分割线

1、初始化

1	Night.getInstance().initNight(this, S_SKIN_PATH, DEFAULT_SKIN, R.color.class);

调用这个方法进行初始化
第一个是上下文，获取的是application的上下文
二，存放皮肤的目录，sd卡上的，路径后面要有\ 看起来得是sdcard/xxx/xxx/才中
下面是皮肤名字，只是个代号而已，填什么程序就会去找什么，当然默认值是固定的
最后一个参数很重要，基本上，传R.drawable.class 和 R.color.class 就够用了，R是本应用的R.java

2、注册监听

1 2	Night.getInstance().addListener(this); Night.getInstance().addError(this);

第一个接口会在模式发生改变时调用
第二个会在错误时调用
最好是写个base，把这些放进去，用到的时候直接复写。想那些改变布局状态时不存在的界面，就用不到这两个回调了

3、使用databindning创建布局

hongyang大神的代码，在xml设置了tag。问题就在这里，要是这个view set了tag，这不就尴尬了，所以用了databinding，再设置tag时前面填了一个id。所以再setContentView的时候，要调用

1	DataBindingUtil.setContentView(this, R.layout.activity_main);

4、更改皮肤

在要更改皮肤的地方调用

1	Night.getInstance().setNight("yellow");

参数是资源包的名字

5、响应更改

Override
    public void onNightChange() {
        Night.getInstance().change(mBinding.clLayout);
    }

在回掉中把根ViewGroup传过去，然后程序就会递归调用，设置皮肤颜色。但哪个颜色找不到了，就会再error中回掉，之后怎么处理就随便了（因为是递归调用，只会在找不到相应属性的时候回掉error，要是资源能找到，就会直接更改了）

6、皮肤包的制作

又到了做手工的时候了

再主程序中，我们的color会这样

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="bg">#2e4cef</color>
    <color name="bg_night">#2c3878</color>

    <color name="h">#ffffff</color>
    <color name="h_night">#f4d300</color>
</resources>

解释一下吧，bg是一个颜色，bg_night是当他在夜晚模式时的颜色。皮肤中的颜色和他相同。

皮肤实际上就是一个apk，我们拿eclipse创建一个android项目，除了图片资源，其他的什么都不要

这里规定了一下包名，以org开头，后面跟皮肤的名字，算是硬性规定吧
之后写颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="bg">#ff31d2</color>
    <color name="bg_night">#8f1481</color>
    <color name="h">#00aeff</color>
    <color name="h_night">#ffffff</color>
</resources>

一定要跟主程序中的一一对应，不然就找不到资源了

一切都是这么平静，弄好之后，直接运行项目，导出apk，然后把后缀去掉。最后将这个包，放到他应该在的目录，这里我就放到sd卡的根目录了。一切也都完成了

项目的所有代码参考
https://github.com/LavenderStream/Night/tree/night2.0
两个皮肤包的下载地址
pink
https://github.com/LavenderStream/Night/blob/night2.0/pink
yellow
https://github.com/LavenderStream/Night/blob/night2.0/yellow

实现思路

1、在执行动态换肤的逻辑当中，涉及到资源，说破大天，也就是color和drawable这两个东西，只需要知道当前的状态然后给view设置上就可以了。
2、通过反射AssetManager能获取到插件资源包中的Resources对象，再通过getIdentifier方法就能拿到当前资源的id了
3、要怎么在布局的时候告诉程序，这个空间要加载什么样的资源呢，这里就用到了databinding

@Deprecated
@BindingAdapter("drawable")
public static void setDrawable(View view, String valueName) {
    Night.getInstance().drawable(view, valueName);
}

上面一行valueName是一个string的字段，他标记了控件的属性名

<RelativeLayout
    android:id="@+id/cl_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    night:background='@{"bg"}'
    tools:background="@color/bg">

当我们在设置这个控件时，传递了一个

studio并不会实时渲染这个结果，看不见最后布局的样子，这就大大的增加了错误的概率，万一string填错了那就显示不出来了。还有在剔除无用资源是，这个也不会索引进去。所以再xml增加tools，把每一个要换肤的控件同时添加一行tools就可以了


* 4、避免不了的是在java代码动态设置，并不通过xml，像一些动态添加的view。这时我们依然可以像databinding一样，去调用静态的方法

```java
NightBind.setDrawable(mBinding.clLayout, "bg");

依然是个字符串，还是那个问题，bg写错了呢？
解决这个问题的方法就是，再night框架初始化的时候，反射记录了r文件中的color和drawable的字段名和值。我们通过值去找字段名字了，第二个参数的string就可以改成int了，就是用R.color.xx的形式。
经测试，再70ms之内可以把所有的字段反射读取完，要是担心map存了太多，可以设置几个关键字，有些是系统的字段，像什么abc_ 、design_ 、 material_ 、notification_ 以这些开头的我们不添加到map中，然后自己命名资源文件的时候注意一下就行了，说实话 abc_ 还挺多的。

图片命名我习惯加ic_ 前缀，颜色的话基本不会有前缀，这样就很好区分了。

1	NightBind.setDrawable(mBinding.clLayout, R.color.bg);

这样就大大减少了手抖写错的概率了。

5、实现流程
初始化读取R文件，存放resourceId 和 ResourceName的map对象。并设置好Resource对象和相关资源
每当状态改变时（初始化状态也是一种改变）xml会通过tag中的string标记，通过当前资源包中的resource和这个tag字段名去找相应的资源；代码动态设置时，会根据传入的id在map中找到相应的string，之后就和在xml中调用的流程一样了