美文网首页
Android换肤

Android换肤

作者: lp209 | 来源:发表于2018-01-04 23:25 被阅读0次

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

    相关文章

      网友评论

          本文标题:Android换肤

          本文链接:https://www.haomeiwen.com/subject/ucydnxtx.html