android使用SkinManager实现换肤功能的示例

试着用鸿洋大神写的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缓存功能,会将肤色配置后缀缓存起来,如果测试配置过程有问题,先清理下缓存再试。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

您可能感兴趣的文章:

  • Android 换肤技术资料整理
  • android换肤功能 如何动态获取控件中背景图片的资源id?
  • Android应用开发中实现apk皮肤文件换肤的思路分析
  • 分析Android App中内置换肤功能的实现方式
  • Android编程实现换肤功能实例
  • Android实现换肤的两种思路分析
(0)

相关推荐

  • Android实现换肤的两种思路分析

    本文分析了Android实现换肤的两种思路.分享给大家供大家参考,具体如下: 这里来了解换肤实现及不同方案的差异和使用场合. 一.从功能上划分 1) 软件内置多个皮肤,用户不能修改: 2) 官方提供皮肤下载,用户使用下载的皮肤: 3) 官方提供皮肤制作工具或方法,用户自制皮肤. 二.皮肤定义 软件皮肤包括图标.字体.布局.交互风格等,换肤就是换掉皮肤包括的部分或所有资源. 三.皮肤与APP分离 1)打包皮肤文件 默认格式是apk.例如Launcher,它的桌面皮肤格式是一个apk: 自定义的格式

  • 分析Android App中内置换肤功能的实现方式

    Android平台api没有特意为换肤提供一套简便的机制,这可能是外国的软件更注重功能和易用,不流行换肤.系统不提供直接支持,只能自行研究. 换肤,可以认为是动态替换资源(文字.颜色.字体大小.图片.布局文件--).这个使用编程语言来动态设置是可以做到的,例如使用View的setBackgroundResource.setTextSize.setTextColor等函数.但我们不可能在每个activity里对页面里的所有控件都通过调用这些函数来换肤,这样的程序代码难以维护.扩展,也违背了UI和代

  • android换肤功能 如何动态获取控件中背景图片的资源id?

    这个是在在做一个换肤功能时遇到的问题. 对于换肤,网上都有示例,可以从别的皮肤安装包中读取所要的资源,前提是你必须先持有这个资源的引用名称,像R.drawable.background(喂,这不是废话嘛).这个换肤的方案原理就是,自身应用的资源名称是R.drawable.background,那皮肤包中应该也是这个名称,然后通过这个名称获取该资源在皮肤包中的具体id,代码: //先获取本地资源引用名称,type name是R.drawable.background中的"drawable"

  • Android编程实现换肤功能实例

    本文实例讲述了Android编程实现换肤功能的方法.分享给大家供大家参考,具体如下: 本系列专题培训适用范围:初级Android程序员,即有J2SE基础和Android初级水平.J2SE基础是指掌握JAVA语法,1.5.1.6新增的语法不完全掌握也没关系.了解基本的面向对象思想.能编写简单的J2SE程序,掌握基本的调试方法,熟悉Swing更好.Android初级是指掌握Activity.Service.BroadcastReceiver.Intent.SQLite.UI组件的使用,能参照例子编写

  • Android应用开发中实现apk皮肤文件换肤的思路分析

    在android的项目开发中,都会遇到后期功能拓展增强与主程序代码变更的现实矛盾,也就是程序的灵活度. 由于linux平台的安全机制,再加上dalvik的特殊机制,各种权限壁垒,使得开发一个灵活多变的程序,变得比较困难,不像pc平台下那么容易. 这里实际上可以借鉴传统软件中扩展程序的方法: 也就是插件的实现. 如目前所有的浏览器,比如我们使用的eclipse,以及很多优秀的软件,都使用了此种方式. 这样轻松实现了软件的功能扩展,而升级功能时只用更新对应插件, 而不是需要更新整个应用,降低了程序的

  • Android 换肤技术资料整理

    Android换肤技术总结 背景 纵观现在各种Android app,其换肤需求可以归为 - 白天/黑夜主题切换(或者别的名字,通常2套),如同花顺/自选股/天天动听等,UI表现为一个switcher. - 多种主题切换,通常为会员特权,如QQ/QQ空间. 对于第一种来说,目测应该是直接通过本地theme来做的,即所有图片/颜色的资源都在apk里面打包了. 而对于第二种,则相对复杂一些,由于作为一种线上服务,可能上架新皮肤,且那么多皮肤包放在apk里面实在太占体积了,所以皮肤资源会在选择后再进行

  • android使用SkinManager实现换肤功能的示例

    试着用鸿洋大神写的SkinManager实现了换肤功能. 一.配置 在app下build.gradle中添加依赖: //换肤功能 compile 'com.zhy:changeskin:4.0.2' 这样就配置好了,然后在程序入口进行初始化. 二.全局初始化 在自己创建的继承application的类中添加: //换肤sdk初始化 SkinManager.getInstance().init(this); 这个类肯定要在清单文件<application/>节点配置的. 接下来还需要注册. 三.

  • 使用vue + less 实现简单换肤功能的示例

    做的换肤效果比较简单,只是顶部导航背景色的改变.下面是效果图. 首先,先说一下我最初的思路. 我最初的想法是使用less定义变量,然后通过js来切换变量,通过切换的变量来达到换肤的效果. 我先新建了一个 theme.less文件,代码如下: @theme:@themea; @themea:pink; @themeb:blue; @themec:gray; 如我最开始的想法,应该是通过点击事件来改变变量 @theme 的值. 我用了element-ui这个框架,所以我的下拉菜单的代码也不复杂: <

  • 基于vue的换肤功能的示例代码

    最近在做的一个几月vue的移动端小demo,其中有一块是实现各个页面的统一换肤功能的.想着写一篇文章,来写一写实现过程中遇到的一些问题. 项目github地址 项目github地址 一 先看一下实现效果吧 设置主题颜色 讲道理这么一个功能,我觉得这么几点可以说下,分步实现: 1. 色值的选取 2. scss 的一些小众用法(多变量CSS值的批量设置) 3. 全局事件巴士的应用 1 色值的选取和原则 推荐大家看下蚂蚁金服的设计指引,里面对常见的交互和界面设计有一套不错的指引和建议,喜欢看书的也可以

  • react实现换肤功能的示例代码

    一.目标 提供几种主题色给用户选择,然后根据用户的选择改变应用的主题色: 二.实现原理 1.准备不同主题色的样式文件: 2.将用户的选择记录在本地缓存中: 3.每次进入应用时,读取缓存,根据缓存的信息判断要加载哪个样式文件即可: 三.具体实现思路 1.准备四个对应不同主题色的样式文件: ![](https://images2018.jb51.net/blog/1178432/201808/1178432-20180813142303707-1847250400.png) 2.在主页给用户提供主题

  • Android开发实现切换主题及换肤功能示例

    本文实例讲述了Android开发实现切换主题及换肤功能.分享给大家供大家参考,具体如下: 废话不说先看效果: 创建ColorTheme类用于主题更换: public class ColorTheme { AppCompatActivity ap; public ColorTheme(AppCompatActivity _ap){ap=_ap;} public void updateTheme(int _data){ String data=Integer.toString(_data); Fil

  • jQuery结合jQuery.cookie.js插件实现换肤功能示例

    本文实例讲述了jQuery结合jQuery.cookie.js插件实现换肤功能.分享给大家供大家参考,具体如下: 上一次和大家分享了如何实现换肤功能,但是script代码好像有点长,所以这次打算使用cookie.js插件来实现换肤功能,好啦,我们开始吧. jQuery.cookie.js下载:https://github.com/carhartl/jquery-cookie/ 先来了解下cookie.js如何使用. 先导入: <script type="text/javascript&qu

  • jQuery基于cookie实现换肤功能实例

    本文实例讲述了jQuery基于cookie实现换肤功能.分享给大家供大家参考,具体如下: 换肤,在你使用QQ.浏览器.酷狗等软件时,总是能看到这两个字(也有叫皮肤).不过换肤的确能解决很多人的口味,换肤看似一个无关紧要的功能,但其实能起到吸引用户的作用.好啦,话不多说,开始上课. 附上本人的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

随机推荐