android 皮肤,Android换肤

前言

之前做个APP需要用到换肤，在githup上面找了很久，终于找到一款功能强大、基本能够满足产品需求的换肤框架，那就是Android-skin-support，这个框架换肤功能很强大、不管是白天、黑夜还是任意颜色、图片的皮肤包都可以，比较方便。

正文

导入依赖包

// FlycoTabLayout 控件换肤支持

compile 'skin.support:flycotablayout:2.1.2'

compile 'skin.support:skin-support:2.1.3'

// skin-support 基础控件支持

compile 'skin.support:skin-support-design:1.2.5'

// skin-support-design material design 控件支持[可选]

compile 'skin.support:skin-support-constraint-layout:1.0.2'

1. 在Application的oncreate中初始化

@Override

public void onCreate() {

super.onCreate();

initSkinSupport(this);

}

/**

* 初始化换肤控件

*/

private void initSkinSupport(Application application) {

SkinCompatManager.withoutActivity(application)

.addInflater(new SkinMaterialViewInflater()) // material design

.addInflater(new SkinConstraintViewInflater()) // ConstraintLayout

.addInflater(new SkinFlycoTabLayoutInflater()) // H07000223/FlycoTabLayout

.setSkinStatusBarColorEnable(false)

.loadSkin();

}

2. 加入换肤包

将换肤包放在src/main/assets/skins的文件夹下面，将皮肤包的名称的后缀由.apk改成.skin.

image.png

3. 开始换肤

点击换肤按钮开始换肤

image.png

在代码中切换本地的几个主题,这几个主题都是放在本地的，也就是一直存放在src/main/assets/skins文件件下面的，不需要从网上下载。

/**

* 本地颜色主题变化

*/

private void initYsZhuti(String themeId) {

switch (themeId) {

case "1":

changeSkinApk("default", "1");

break;

case "2":

CustomViewSkinUtils.copySkinApk(this, "2");

changeSkinApk("2.skin", "2");

break;

case "3":

CustomViewSkinUtils.copySkinApk(this, "3");

changeSkinApk("3.skin", "3");

break;

case "4":

CustomViewSkinUtils.copySkinApk(this, "4");

changeSkinApk("4.skin", "4");

break;

}

}

开始切换主题的相关视图,default是默认主题

private void changeSkinApk(final String highZhuTiName, String themeId) {

rl_use_zhuti.setEnabled(false);

if (highZhuTiName == null)

return;

if ("default".equals(highZhuTiName)) {

skinCompatManager.restoreDefaultTheme();

spUtils.saveMyZhuTi(themeBeanId);

tv_use_zhuti.setBackgroundResource(R.drawable.layer_zhuti_preview_press_tv);

tv_use_zhuti.setText(getResources().getString(R.string.wo_have_use));

tv_use_zhuti.setTextColor(ContextCompat.getColor(mActivity, R.color.preview_b_press_ft));

rl_use_zhuti.setEnabled(false);

} else {

loadDialog.show();

new Handler().postDelayed(new Runnable() {

@Override

public void run() {

skinCompatManager.loadSkin(highZhuTiName, new SkinCompatManager.SkinLoaderListener() {

@Override

public void onStart() {

}

@Override

public void onSuccess() {

loadDialog.dismiss();

spUtils.saveMyZhuTi(themeBeanId);

tv_use_zhuti.setBackgroundResource(R.drawable.layer_zhuti_preview_press_tv);

tv_use_zhuti.setText(getResources().getString(R.string.wo_have_use));

tv_use_zhuti.setTextColor(ContextCompat.getColor(mActivity, R.color.preview_b_press_ft));

}

@Override

public void onFailed(String s) {

loadDialog.dismiss();

rl_use_zhuti.setEnabled(true);

}

});

}

},700);

}

其中换肤的两个关键方法

// 指定皮肤插件, 并且监听加载状态

SkinCompatManager.getInstance().loadSkin("new.skin");

// 恢复应用默认皮肤

SkinCompatManager.getInstance().restoreDefaultTheme();

对于其他更加的换肤，需要下载，不用放在src/main/assets/skins的文件夹下面，这样通过接口用户就能获取最新、好看的皮肤，易于维护、更新。

换肤后的效果

image.png

下一篇将介绍如何生成皮肤包