目前比较流行的几种换肤方案是基于开源框架Android-skin-support、Android-Skin-Loader、修改样式换肤还有鸿洋的换肤方案。本文介绍的是基于Android-skin-support的换肤方案https://github.com/ximsfei/Android-skin-support
1.依赖
compile'skin.support:skin-support:2.2.3' // skin-support 基础控件支持
compile 'skin.support:skin-support-design:2.2.3' // skin-support-design material design 控件支持[可选] 其他的可参考官方文档。
2.使用
在MyApplication的onCreate中初始化
SkinCompatManager.withoutActivity(this)
.addInflater(new SkinMaterialViewInflater())
//如果需要从sd卡的指定目录中加载皮肤
.addStrategy(new CustomSDCardLoader())
.loadSkin();
}
皮肤开关
如果项目中有特殊需求。例如, 股票控件: 控件颜色始终为红色或绿色, 不需要随着模式切换而换肤那么可以使用类似的方法, 直接设置drawable
setBackgroundDrawable(redDrawable)和background="#ce3d3a" // 不支持换肤
setBackgroundResource(resId) 和background="@drawable/red"//支持换肤
应用内换肤
比如我想改变字体颜色,此时在colors里面添加
<color name="background">#ff0000</color>//默认红色
<color name="background_night">#ff0</color>//变为黄色
layout中
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="你好"
android:textColor="@color/background"
android:textSize="@dimen/dm_50sp"/>
需要变色的地方调用
SkinCompatManager.getInstance().loadSkin("night",SkinCompatManager.SKIN_LOADER_STRATEGY_BUILD_IN);//night表示colors中background_night的后缀
还原为原来的皮肤
SkinCompatManager.getInstance().loadSkin("night.skin", null, CustomSDCardLoader.SKIN_LOADER_STRATEGY_SDCARD);
插件式换肤(制作皮肤包)
Assesets下加载皮肤包
File->New->New Module创建一个新的工程取名为skin-night,将新的工程下的mipmap,values下的style以及build.gradle下的dependencies节点删除(删除后生成的皮肤包会比较精致,皮肤包大小会很小)
比如我们需要替换ImageView的背景以及TextView的颜色。
假如原APK的drawable下有一张test.png的图片,我们在skin-night的drawable下也要有一张test.png的图片
原APK的TextView颜色
colors.xml
<color name="background">#ff0000</color>//默认红色
skin-night工程中设置
colors.xml
<color name="background">#ff0</color>//变为黄色
Build->Build APK->将生成的.apk改成night.skin,并将其复制到assets下的skins目录下
skin.png需要变色的地方调用
//原理为先将assets下将皮肤包拷贝到缓存,再从缓存中加载皮肤包
SkinCompatManager.getInstance().loadSkin("night.skin",SkinCompatManager.SKIN_LOADER_STRATEGY_ASSETS);//night.skin为皮肤包的名称
还原为原来的皮肤
SkinCompatManager.getInstance().loadSkin("night.skin", null, CustomSDCardLoader.SKIN_LOADER_STRATEGY_SDCARD);
SD卡下加载皮肤包
皮肤包可以放在服务器上,从而减小了APK的负担。从服务器中下载到SD卡,然后加载SD卡上的皮肤包。
在MyApplication的onCreate中初始化中添加addStrategy(new CustomSDCardLoader())
SkinCompatManager.withoutActivity(this)
.addInflater(new SkinMaterialViewInflater())
//如果需要从sd卡的指定目录中加载皮肤
.addStrategy(new CustomSDCardLoader())
.loadSkin();
}
CustomSDCardLoader继承自SkinSDCardLoader
public class CustomSDCardLoader extends SkinSDCardLoader {
public static final int SKIN_LOADER_STRATEGY_SDCARD = Integer.MAX_VALUE;
@Override
public String loadSkinInBackground(Context context, String skinName) {
return super.loadSkinInBackground(context, skinName);
}
//自定义加载皮肤包的路径(我们的皮肤包必须要放在getSkinPath返回的路径下。否则加载失败)
@Override
protected String getSkinPath(Context context, String skinName) {
return new File("sdcard"+File.separator+skinName).getAbsolutePath();
}
@Override
public int getType() {
return SKIN_LOADER_STRATEGY_SDCARD;
}
}
将night.skin push到SD卡根目录
111111111.png
需要变色的地方调用以下代码即可
SkinCompatManager.getInstance().loadSkin("night.skin", null, CustomSDCardLoader.SKIN_LOADER_STRATEGY_SDCARD);
动态添加的View
我们只需要将添加的View写在布局中,然后添加此布局即可
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
TextView textview = (TextView)View.inflate(this, R.layout.textview, null);
params.gravity = Gravity.CENTER;
mLinearLayout.addView(textview, params);
textview.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="你好"
android:textColor="@color/background">
</Text
自定义View
官方demo给我们的自定义TextView只是改变背景和文字颜色,可能我们需要的更多是改变自定义View本身的颜色(需要改变画笔颜色),我的思路是当需要改变皮肤时,我们回调自定义View中的方法,在此方法中改变画笔的颜色,然后 invalidate();重绘一次。
网友评论