Android换肤

2018-01-04  本文已影响0人  lp209

  目前比较流行的几种换肤方案是基于开源框架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();重绘一次。

上一篇下一篇

猜你喜欢

热点阅读