android使用SkinManager实现换肤功能的示例

试着用鸿洋大神写的SkinManager实现了换肤功能。

一、配置

在app下build.gradle中添加依赖：

//换肤功能
compile 'com.zhy:changeskin:4.0.2'

这样就配置好了，然后在程序入口进行初始化。

二、全局初始化

在自己创建的继承application的类中添加：

//换肤sdk初始化
SkinManager.getInstance().init(this);

这个类肯定要在清单文件节点配置的。

接下来还需要注册。

三、注册

在清单文件中添加权限：

在使用换肤功能的页面onCreate()中注册：

//换肤功能页面注册
SkinManager.getInstance().register(this);

有注册当然有注销啊，在onDestroy方法中取消注册：

//换肤功能注销
SkinManager.getInstance().unregister(this);

四、命名规则

1、SkinManager命名规则是：前缀 + “_” + 后缀；

2、前缀、后缀的命名由开发者自行定义；

3、同属性不同肤色前缀一样，不同属性前缀不一样；

//例如：定义textColor属性值为@color/skin_text，不同肤色color命名前缀均为skin_text

4、后缀根据肤色主题配置，每个主题所有属性后缀一样；

//例如：肤色有黑色、白色两种主题，如果黑白定义为“black”“white”，
//那么不管是textColor还是background属于黑色主题的后缀就是black，属于白色主题的后缀就是white。

五、肤色配置

1、在res/values/colors.xml中配置不同皮肤颜色：

#FFFFFF
 

#FFFFFF

 
#000000

2、在res/drawable下创建背景shape：

skin_bg.xml（默认主题）

skin_bg_black.xml（黑色主题）

skin_bg_white.xml（白色主题）

3、在src/drawable下导入不同主题图片：

//图片同样以skin_src.png、skin_src_white.png、skin_src_black.png命名

注意：这三种肤色配置非必须，1常用来配置textColor属性、2常用来配置background属性、3常用来配置src属性，根据项目需要自行设置

六、布局引用

布局中引用直接设置tag属性。

textColor属性设置：

background属性设置：

src属性设置：

注意：使用SkinManager，background属性不支持@color设置，只能设置@drawable/...

七、tag属性

分为三部分：

第一部分skin是固定值，不可改变；

第二部分skin_text、skin_bg、skin_src是肤色配置前缀；

第三部分textColor、background、src是肤色配置对应的属性；

此外，tag属性支持多属性配置，用“|”分割，如：

同时设置了textColor和background属性。

注意：第二部分（skin_text）不必与对应属性值（android:textColor）的命名（@color/skin_text）完全一致，这里是因为我设置的skin_text为默认主题，如果你设置skin_text_default为默认主题，tag配置不变，属性值应为@color/skin_text_default

八、换肤代码

以第七项中的TextView点击事件实现换肤为布局，在页面中：

//声明成员变量，默认false,默认主题为黑色
private boolean isChange;
//实现设置点击事件
public void changeClick(View view){
  Log.e(TAG, "点击改变");
  isChange = !isChange;
  if(isChange){
   SkinManager.getInstance().changeSkin("white");
  }else{
   SkinManager.getInstance().changeSkin("black");
  }
 }

使用changeSkin("后缀")就实现了换肤功能；

如果要在弹窗中添加换肤功能，可以在弹窗布局添加换肤配置后，页面代码中调用SkinManager.getInstance()的injectSkin(View view)方法实现。

final Dialog dialog_skin = new Dialog(activity, R.style.MyDialogTheme);
View contentView = View.inflate(activity, R.layout.dialog_skin, null);
//实现对话框换肤
SkinManager.getInstance().injectSkin(contentView);
DialogSkinBinding binding = DataBindingUtil.bind(contentView);
dialog_skin.setCanceledOnTouchOutside(true);
dialog_skin.show();