使用SkinManager实现换肤功能

作者: 皮卡搜 | 来源:发表于2018-02-01 13:28 被阅读216次

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

    一、配置
    在app下build.gradle中添加依赖:

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

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

    二、全局初始化
    在自己创建的继承application的类中添加:

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

    这个类肯定要在清单文件<application/>节点配置的。
    接下来还需要注册。

    三、注册
    在清单文件中添加权限:

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    

    在使用换肤功能的页面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中配置不同皮肤颜色:

    <!--黑底白字(默认主题)-->
    <color name="skin_text">#FFFFFF</color>
     
    <!--黑底白字(黑色主题)-->
    <color name="skin_text_black">#FFFFFF</color>
    
     <!--白底黑字(白色主题)-->
    <color name="skin_text_white">#000000</color>
    

    2、在res/drawable下创建背景shape:
    skin_bg.xml(默认主题)

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    
        <solid
            android:color="#000000"/>
    </shape>
    

    skin_bg_black.xml(黑色主题)

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    
        <solid
            android:color="#000000"/>
    </shape>
    

    skin_bg_white.xml(白色主题)

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    
        <solid
            android:color="#FFFFFF"/>
    </shape>
    

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

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

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

    六、布局引用
    布局中引用直接设置tag属性。
    textColor属性设置:

     <TextView
                android:id="@+id/title"
                style="@style/MatchWrap"
                android:layout_marginTop="@dimen/dp_10"
                android:gravity="center_horizontal"
                android:tag="skin:skin_text:textColor"
                android:text="测试文字"
                android:textColor="@color/skin_text"
                android:textSize="@dimen/sp_24" />
    

    background属性设置:

    <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/skin_bg"
                android:tag="skin:skin_bg:background">
    

    src属性设置:

    <ImageView
                style="@style/WrapWrap"
                android:src="@drawable/skin_src"
                android:tag="skin:skin_src:src"/>
    

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

    七、tag属性
    分为三部分:
    第一部分skin是固定值,不可改变;
    第二部分skin_text、skin_bg、skin_src是肤色配置前缀;
    第三部分textColor、background、src是肤色配置对应的属性;
    此外,tag属性支持多属性配置,用“|”分割,如:

    <TextView
                style="@style/MatchWrap"
                android:layout_marginTop="@dimen/dp_10"
                android:background="@drawable/skin_bg"
                android:gravity="center_horizontal"
                android:onClick="changeClick"
                android:tag="skin:skin_text:textColor|skin:skin_bg:background"
                android:text="测试文字"
                android:textColor="@color/skin_text"
                android:textSize="@dimen/sp_24" />
    

    同时设置了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();
    

    注意:SkinManager中添加有sp缓存功能,会将肤色配置后缀缓存起来,如果测试配置过程有问题,先清理下缓存再试。

    相关文章

      网友评论

        本文标题:使用SkinManager实现换肤功能

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