Android-skin-support

• 介绍
• 更新日志
  • skin-support 更新日志
  • skin-support-design 更新日志
  • skin-support-cardview 更新日志
• 最佳实践
  • 网易云音乐换肤实践
• 框架用法
  • 导入
  • 使用
    • 初始化
    • 继承SkinCompatActivity
    • 皮肤开关
    • 加载插件皮肤库
    • 自定义view换肤
  • 制作皮肤插件
    • 新建皮肤工程
    • 添加皮肤资源
    • 生成皮肤插件
• 第三方控件适配库
  • hdodenhof/CircleImageView
  • H07000223/FlycoTabLayout
  • hongyangAndroid/AndroidAutoLayout
• LICENSE

介绍

Android-skin-support: 一款用心去做的Android 换肤框架, 极低的学习成本, 极好的用户体验.

只需要两行代码, 就可以实现换肤, 你值得拥有!!!

第一行: 在Application的onCreate中初始化

SkinCompatManager.init(this).loadSkin();

第二行: 继承自SkinCompatActivity

public class BaseActivity extends SkinCompatActivity {}

就这么简单, 你的APK已经拥有了强大的换肤功能.

skin-app // 换肤demo app

skin-night // 换肤demo 夜间模式

skin-support // 换肤框架, 基础控件支持

skin-support-design // 换肤框架, Material Design 支持

最佳实践

仿网易云音乐

仿网易云音乐皮肤切换

仿网易云音乐应用下载

用法

导入:

直接添加依赖, 最新版本选择, 请查看更新日志

compile 'skin.support:skin-support:1.2.5'          // skin-support 基础控件支持
compile 'skin.support:skin-support-design:1.2.2'   // skin-support-design material design 控件支持[可选]
compile 'skin.support:skin-support-cardview:1.2.0' // skin-support-cardview CardView 控件支持[可选]

使用:

在Application的onCreate中初始化

@Override
public void onCreate() {
    super.onCreate();
    SkinCompatManager.init(this)                          // 基础控件换肤初始化
            .addInflater(new SkinMaterialViewInflater())  // material design 控件换肤初始化[可选]
            .addInflater(new SkinCardViewInflater())      // CardView 控件换肤初始化[可选]
            .loadSkin();                                  // 加载当前皮肤库(保存在SharedPreferences中)
}

或者

@Override
public void onCreate() {
    super.onCreate();
    SkinMaterialManager.init(this);          // material design 控件换肤初始化[可选]
    SkinCardViewManager.init(this);          // CardView 控件换肤初始化[可选]
    SkinCompatManager.init(this).loadSkin(); // 基础控件换肤初始化并加载当前皮肤库(保存在SharedPreferences中)
}

继承SkinCompatActivity

让所有需要换肤的Activity继承自skin.support.app.SkinCompatActivity.

public class BaseActivity extends SkinCompatActivity {}

皮肤开关

如果项目中有特殊需求。例如, 股票控件: 控件颜色始终为红色或绿色, 不需要随着模式切换而换肤

那么可以使用类似的方法, 直接设置color值

setTextColor(0xce3d3a) // 不支持换肤
textColor="#ce3d3a"

而不是使用R.color.red

setTextColor(R.color.red)
textColor="@color/red"

加载插件皮肤库

// 指定皮肤插件
SkinCompatManager.getInstance().loadSkin("new.skin"[, SkinLoaderListener]);

// 恢复应用默认皮肤
SkinCompatManager.getInstance().restoreDefaultTheme();

自定义View换肤

要点:

1. 实现SkinCompatSupportable接口

2. applySkin方法中实现换肤操作

3. 在构造方法中解析出需要换肤的resId

• 自定义View可以直接继承自SkinCompatView, SkinCompatLinearLayout等已有控件

  eg: CustomTextView

• 不想继承自已有控件

  eg: CustomTextView2

• 需要换肤自定义属性

  // 需要换肤AutoCompleteTextView的R.attr.popupBackground属性

  eg: SkinCompatAutoCompleteTextView

• 需要使用第三方库控件怎么办

  // 需要使用https://github.com/hdodenhof/CircleImageView 控件, 并且要支持换肤

  eg: SkinCompatCircleImageView

制作皮肤插件:

新建Android application工程

皮肤工程包名不能和宿主应用包名相同.

例如:

宿主包名: com.ximsfei.skindemo
夜间模式: com.ximsfei.skindemo.night

将需要换肤的资源放到res目录下(同名资源)

例如 APK中窗口背景颜色为

colors.xml

<color name="background">#ffffff</color>

那么夜间模式你可以在skin-night工程中设置

colors.xml

<color name="background">#000000</color>

打包生成apk, 即为皮肤包

将打包生成的apk文件, 重命名为'xxx.skin', 防止apk结尾的文件造成混淆.

License MIT