之前写了一个android夜间模式的框架,只能修改黑夜和白天。但需求总是不轻易满足现状,随随便便就能整出一个动态换肤的幺蛾子来,而且是插件式的。
跟之前夜间模式的想法一样,不能接受对现有代码入侵,最好别再java文件里写东西,最好少改代码……
无图言吊,所以先上图
ezgif-3-a0265ceb11.gif再撸这套动态换肤之前,我参考hyman大神的几篇博客, 实现思路基本上相同,但是还是有些改动的,这是大神的项目
https://github.com/hongyangAndroid/ChangeSkin
先不说逻辑了, 先记录一下框架的使用方法,之后再详细讲一下思路,请看下面华丽的分割线
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、注册监听
Night.getInstance().addListener(this);
Night.getInstance().addError(this);
第一个接口会在模式发生改变时调用
第二个会在错误时调用
最好是写个base, 把这些放进去,用到的时候直接复写。想那些改变布局状态时不存在的界面,就用不到这两个回调了
3、使用databindning创建布局
hongyang大神的代码,在xml设置了tag。 问题就在这里,要是这个view set了tag,这不就尴尬了, 所以用了databinding,再设置tag时前面填了一个id。所以再setContentView的时候, 要调用
DataBindingUtil.setContentView(this, R.layout.activity_main);
4、更改皮肤
在要更改皮肤的地方调用
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项目, 除了图片资源,其他的什么都不要
Paste_Image.png Paste_Image.png这里规定了一下包名,以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">
当我们在设置这个控件时,传递了一个bg
,这样的一个字符串。然后将他存到view的tag中,通过这个string,再通过getIdentifier方法拿到资源。此外使用databinding设置布局时,android studio并不会实时渲染这个结果,看不见最后布局的样子,这就大大的增加了错误的概率,万一string填错了那就显示不出来了。还有在剔除无用资源是,这个也不会索引进去。所以再xml增加tools,把每一个要换肤的控件同时添加一行tools就可以了
4、避免不了的是在java代码动态设置,并不通过xml,像一些动态添加的view。这时我们依然可以像databinding一样,去调用静态的方法
NightBind.setDrawable(mBinding.clLayout, "bg");
依然是个字符串,还是那个问题,bg写错了呢?
解决这个问题的方法就是,再night框架初始化的时候,反射记录了r文件中的color和drawable的字段名和值。我们通过值去找字段名字了,第二个参数的string就可以改成int了,就是用R.color.xx的形式。
经测试,再70ms之内可以把所有的字段反射读取完,要是担心map存了太多,可以设置几个关键字,有些是系统的字段,像什么abc_ 、design_ 、 material_ 、notification_ 以这些开头的我们不添加到map中, 然后自己命名资源文件的时候注意一下就行了,说实话 abc_ 还挺多的。
图片命名我习惯加ic_ 前缀,颜色的话基本不会有前缀,这样就很好区分了。
NightBind.setDrawable(mBinding.clLayout, R.color.bg);
这样就大大减少了手抖写错的概率了。
5、实现流程
- 初始化 读取R文件,存放resourceId 和 ResourceName的map对象。并设置好Resource对象和相关资源
- 每当状态改变时(初始化状态也是一种改变)xml会通过tag中的string标记,通过当前资源包中的resource和这个tag字段名去找相应的资源;代码动态设置时,会根据传入的id在map中找到相应的string,之后就和在xml中调用的流程一样了
网友评论