当前位置:   article > 正文

Android 手写实现插件化换肤框架 兼容Android10 Android11_android插件化换肤实战

android插件化换肤实战

目录

一、收集所有需要换肤的view及相关属性

二、统一为所有Activity设置工厂(兼容Android9以上)

三、加载皮肤包资源

四、处理支持库或者自定义view的换肤

五、处理状态栏换肤

六、对代码动态设置颜色、背景的业务场景进行单独处理


实现插件化换肤,有以下几个关键问题要处理

  1. 收集所有需要换肤的view及相关属性
  2. 统一处理所有Activity的换肤工作(每一个Activity都要进行换肤处理)
  3. 加载皮肤包资源
  4. 处理支持库或者自定义view的换肤
  5. 处理状态栏换肤
  6. 对代码动态设置颜色、背景的业务场景进行单独处理

接下来,我们将完成以上6步的内容,继续阅读前,建议先阅读我的另外两篇文章作为基础知识:

Activity setContentView背后的一系列源码分析

Android 让反射变的简单

先看下效果 

换肤前:

 

换肤后:

 

 所有源码会上传到github,建议下载源码,对照源码来阅读本篇文章,下载地址:

GitHub - ZS-ZhangsShun/EasySkinSwitch: 插件化换肤框架

一、收集所有需要换肤的view及相关属性

 通过系统预留的用于创建view的Factory来接管view的创建,接管的目的:

1、创建出view后对其进行相关颜色、背景的属性的设置,从而完成换肤操

2、把需要换肤的view缓存起来 用户动态的触发换肤时,直接对这些view进行换肤操作。

说明:所有的view都会通过LayoutInflater类来完成创建,而在创建之前系统会先判断是否有预设的

工厂,如果有则会先通过工厂来创建,详见其tryCreateView方法(代码是android-31 Android12)

 因此我们写一个工厂SkinLayoutInflaterFactory来实现Factory2,实现其onCreateView方法,在这个方法里接管view的创建工作

  1. /**
  2. * view 生产工厂类,用于代替系统进行view生产 生产过程参考系统源码即可
  3. * 1、在生成过程中对需要换肤的view进行缓存
  4. * 2、如果已经设置了相关皮肤,生成完view后立刻对其进行相应皮肤的设置
  5. */
  6. class SkinLayoutInflaterFactory : LayoutInflater.Factory2, Observer {
  7. var activity: Activity? = null
  8. var skinCache: SkinCache? = null
  9. //记录View的构造函数结构,通过两个参数的构造函数去反射view 这里参考系统源码
  10. private val mConstructorSignature = arrayOf(
  11. Context::class.java, AttributeSet::class.java
  12. )
  13. //缓存view的构造函数 参考系统源码
  14. private val sConstructorMap = HashMap<String, Constructor<out View>>()
  15. private val mClassPrefixList = arrayOf(
  16. "android.widget.",
  17. "android.webkit.",
  18. "android.app.",
  19. "android.view."
  20. )
  21. constructor(activity: Activity) {
  22. this.activity = activity
  23. skinCache = SkinCache()
  24. }
  25. /**
  26. * 对于Factory2 系统会回调4个参数的方法 在源码中可以看到
  27. * 详见 LayoutInflater --- tryCreateView 方法
  28. */
  29. override fun onCreateView(
  30. parent: View?,
  31. name: String,
  32. context: Context,
  33. attrs: AttributeSet
  34. ): View? {
  35. //先尝试按照系统的view("android.widget.xxx", "android.webkit.xxx", "android.app.xxx", "android.view.xxx")去创建
  36. var view: View? = tryCreateView(name, context, attrs)
  37. if (null == view) {
  38. //如果不是这几个包下的view 直接通过反射创建
  39. view = createView(name, context, attrs)
  40. }
  41. if (null != view) {
  42. LogUtil.i("success create view $name ")
  43. //1.如果是可以换肤的view则缓存相关信息
  44. val skinView = skinCache?.checkAndCache(view, attrs)
  45. //2.判断是否有设置的皮肤,有则对支持换肤的view进行换肤
  46. if (!ResourcesManager.isDefaultSkin) {
  47. skinView?.applySkin()
  48. }
  49. } else {
  50. LogUtil.i("view is null ${attrs.getAttributeName(0)}")
  51. }
  52. return view
  53. }
  54. private fun tryCreateView(name: String, context: Context, attrs: AttributeSet): View? {
  55. //如果包含 . 可能是自定义view,或者谷歌出的一些支持库或者Material Design里面的view等
  56. //总之 就是 xxx.xxx.xxx这种格式的view
  57. if (-1 != name.indexOf('.')) {
  58. return null
  59. }
  60. //不包含就要在解析的 节点 name前,拼上: android.widget. 等尝试去反射
  61. for (i in mClassPrefixList.indices) {
  62. val view = createView(mClassPrefixList[i].toString() + name, context, attrs)
  63. if (view != null) {
  64. return view
  65. }
  66. }
  67. return null
  68. }
  69. /**
  70. * 通过反射创建view 参考系统源码
  71. */
  72. private fun createView(name: String, context: Context, attrs: AttributeSet): View? {
  73. val constructor: Constructor<out View>? = findConstructor(context, name)
  74. try {
  75. return constructor?.newInstance(context, attrs)
  76. } catch (e: Exception) {
  77. }
  78. return null
  79. }
  80. private fun findConstructor(context: Context, name: String): Constructor<out View>? {
  81. var constructor: Constructor<out View>? = sConstructorMap[name]
  82. if (constructor == null) {
  83. try {
  84. val clazz = context.classLoader.loadClass(name).asSubclass(View::class.java)
  85. constructor =
  86. clazz.getConstructor(mConstructorSignature[0], mConstructorSignature[1])
  87. sConstructorMap[name] = constructor
  88. } catch (e: Exception) {
  89. }
  90. }
  91. return constructor
  92. }
  93. override fun onCreateView(name: String, context: Context, attrs: AttributeSet): View? {
  94. return null
  95. }
  96. /**
  97. * 观察者模式 有通知来就执行 用户手动点击换肤 会通过
  98. * SkinManager.notifyObservers通知过来
  99. */
  100. override fun update(o: Observable?, arg: Any?) {
  101. SkinThemeUtils.updateStatusBarColor(activity!!, R.color.status_bar)
  102. skinCache?.applySkin()
  103. //MainActivity 里面动态设置底部tab样式需要单独处理
  104. if (activity is SkinViewSupportInter) {
  105. (activity as SkinViewSupportInter).applySkin()
  106. }
  107. }
  108. /**
  109. * 释放当前缓存的资源
  110. */
  111. fun destroy() {
  112. sConstructorMap.clear()
  113. skinCache?.clear()
  114. }
  115. }

 这里实现了observer,这样每一个工厂都做为一个观察者,用户点击换肤时只需要通知一下这些观察者让他们执行换肤任务即可。

二、统一为所有Activity设置工厂(兼容Android9以上)

因为每一个Activity都需要一个Factory来接管view的创建工作,因此我们可以利用系统的ActivityLifecycleCallbacks机制来对Activity统一添加Factory。

说明:在ActivityLifecycleCallbacks的onActivityCreated中执行Factory的设置工作,刚好能赶在Activity的setContentView方法前面, 因为setContentView方法最终会调到LayoutInflater里面去创建view,所以我们这样操作不耽误当前页面的换肤工作。

我们写一个SkinActLifeCallback继承自Application.ActivityLifecycleCallbacks

  1. class SkinActLifeCallback : Application.ActivityLifecycleCallbacks {
  2. private val mLayoutInflaterFactories: ArrayMap<Activity, SkinLayoutInflaterFactory> = ArrayMap()
  3. override fun onActivityCreated(activity: Activity, savedInstanceState: Bundle?) {
  4. //在此处对Activity进行view生产工厂的设置,将会在setContentView之前执行此处代码
  5. //原理是:Activity的源码中在onCreate方法中会执行dispatchActivityCreated方法
  6. //然后就会回调到这里来,这一步在我们写的Activity的onCreate方法中的super.onCreate(savedInstanceState)里来执行的
  7. //而setContentView是在super.onCreate(savedInstanceState)之后调用
  8. //因为系统只允许设置一次factory 所以这里通过反射修改对应的系统变量 实现多次设置 但是 9.0以上不允许在反射修改mFactorySet 的值
  9. //因此我们这里直接通过反射给进行赋值 下面这个方法就是源码设置Factory2的地方 我们反射实现mFactorySet = true后面部分的代码
  10. // fun setFactory2(factory: Factory2?) {
  11. // check(!mFactorySet) { "A factory has already been set on this LayoutInflater" }
  12. // if (factory == null) {
  13. // throw NullPointerException("Given factory can not be null")
  14. // }
  15. // mFactorySet = true
  16. // if (mFactory == null) {
  17. // mFactory2 = factory
  18. // mFactory = mFactory2
  19. // } else {
  20. // mFactory2 = LayoutInflater.FactoryMerger(factory, factory, mFactory, mFactory2)
  21. // mFactory = mFactory2
  22. // }
  23. // }
  24. val factory2 = SkinLayoutInflaterFactory(activity)
  25. LogUtil.i("cur sdk version is ${Build.VERSION.SDK_INT}")
  26. if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.P) {
  27. //因为系统只允许设置一次factory 所以这里通过反射修改对应的系统变量 实现多次设置
  28. try {
  29. val javaClass = LayoutInflater::class.java
  30. val declaredField = javaClass.getDeclaredField("mFactorySet")
  31. declaredField.isAccessible = true
  32. declaredField.set(activity.layoutInflater, false)
  33. } catch (e: java.lang.Exception) {
  34. e.printStackTrace()
  35. }
  36. //此种方式不兼容5.0以下
  37. // activity.layoutInflater.factory2 = null
  38. //这种设置方式更好,系统对5.0以下做了兼容处理
  39. LayoutInflaterCompat.setFactory2(activity.layoutInflater, factory2)
  40. } else {
  41. //兼容Android9.0以上
  42. val layoutInflater = activity.layoutInflater
  43. val javaClass = LayoutInflater::class.java
  44. try {
  45. val mFactory2 = javaClass.getDeclaredField("mFactory2")
  46. val mFactory = javaClass.getDeclaredField("mFactory")
  47. mFactory2.isAccessible = true
  48. mFactory.isAccessible = true
  49. val mFactoryValue = mFactory.get(layoutInflater)
  50. val mFactory2Value = mFactory2.get(layoutInflater)
  51. if (mFactoryValue == null) {
  52. mFactory2.set(layoutInflater, factory2)
  53. mFactory.set(layoutInflater, factory2)
  54. } else {
  55. val clazz = Class.forName("android.view.LayoutInflater\$FactoryMerger")
  56. val size2 = clazz.declaredConstructors.size
  57. LogUtil.i("size2=$size2")
  58. val constructor = clazz.getConstructor(
  59. LayoutInflater.Factory::class.java,
  60. Factory2::class.java,
  61. LayoutInflater.Factory::class.java,
  62. Factory2::class.java
  63. )
  64. constructor.isAccessible = true
  65. val newInstance = constructor.newInstance(
  66. factory2,
  67. factory2,
  68. mFactoryValue as LayoutInflater.Factory,
  69. mFactory2Value as Factory2
  70. )
  71. mFactory2.set(layoutInflater, newInstance)
  72. mFactory.set(layoutInflater, newInstance)
  73. }
  74. } catch (e: Exception) {
  75. try {
  76. val mFactory2 = javaClass.getDeclaredField("mFactory2")
  77. val mFactory = javaClass.getDeclaredField("mFactory")
  78. mFactory2.isAccessible = true
  79. mFactory.isAccessible = true
  80. mFactory2.set(layoutInflater, factory2)
  81. mFactory.set(layoutInflater, factory2)
  82. } catch (e: Exception) {
  83. e.printStackTrace()
  84. }
  85. }
  86. }
  87. //设置完工厂 还要将工厂作为观察者缓存起来,动态调用换肤功能时,可以通知所有工厂进行换肤工作
  88. //这里利用系统自带的观察者类Observable来实现 SkinManager 继承自Observable
  89. //SkinLayoutInflaterFactory 实现 Observal接口
  90. mLayoutInflaterFactories[activity] = factory2
  91. SkinManager.addObserver(factory2)
  92. }
  93. override fun onActivityStarted(activity: Activity) {
  94. }
  95. override fun onActivityResumed(activity: Activity) {
  96. }
  97. override fun onActivityPaused(activity: Activity) {
  98. }
  99. override fun onActivityStopped(activity: Activity) {
  100. }
  101. override fun onActivitySaveInstanceState(activity: Activity, outState: Bundle) {
  102. }
  103. override fun onActivityDestroyed(activity: Activity) {
  104. //在这里把作为观察者的工厂移除
  105. val factory2: SkinLayoutInflaterFactory? = mLayoutInflaterFactories.remove(activity)
  106. //释放资源
  107. factory2?.destroy()
  108. SkinManager.deleteObserver(factory2)
  109. }
  110. }

 (1)这里的关键是通过反射来把第一步创建的Factory2设置到LayoutInflater里面去,9.0以上不允许在反射修改mFactorySet 的值 ,因此我们这里针对9.0以上直接通过反射把我们的工厂赋值给Factory2,和Factory

(2)同时将每个Activity的工厂作为观察者保存起来

三、加载皮肤包资源

(1)对于加载我们自己皮肤包资源这一块,要利用pms来解析我们的皮肤包(.apk文件)得到资源相关信息,然后利用系统AssetManager去加载资源

(2)注意:加载资源需要先将我们的皮肤包路径添加到系统中,建议调用AssetManager的addAssetPath或者addAssetPathInternal方法,这里仍然需要需要通过反射来调用

(3)皮肤包中的所有资源名称和宿主app包中的资源名称是完全一致的,例如主页背景颜色都叫R.color.home_bg_color,只不过对应的值不一样(例如一个是#ff00ff 一个是 0000ff)

(4)在加载资源时我们可以通过宿主app的资源id 得到资源名称和类型(resources.getResourceEntryName()、resources.getResourceTypeName()),然后在通过名称和类型找到皮肤包中对应资源id (resources.getIdentifier())

以上就是皮肤包资源的加载流程和思路,下面上代码:

写一个SkinManager类来管理皮肤资源,通过loadSkin方法来加载指定路径下的皮肤

  1. /**
  2. * 继承自Observable 的目的是使用系统写好的这套观察者模式
  3. * 后面可以直接调用notifyObservers方法来通知各个Activity的观察者(SkinLayoutInflaterFactory)去更新皮肤
  4. */
  5. object SkinManager : Observable() {
  6. /**
  7. * 初始化换肤相关代码
  8. */
  9. fun init(app: Application) {
  10. //注册Activity生命周期监听
  11. app.registerActivityLifecycleCallbacks(SkinActLifeCallback())
  12. //初始化资源
  13. ResourcesManager.init(app)
  14. //初始化全局变量
  15. SkinConstants.appContext = app
  16. SkinConstants.spCommon =
  17. app.getSharedPreferences(SkinConstants.SP_TAG, Context.MODE_PRIVATE)
  18. //如果用户有设置皮肤 则加载
  19. val skinPath = SkinConstants.spCommon!!.getString(SkinConstants.SP_SKIN_PATH, "")
  20. if (!TextUtils.isEmpty(skinPath)) {
  21. loadSkin(skinPath)
  22. }
  23. }
  24. /**
  25. * 记载皮肤并应用
  26. *
  27. * @param skinPath 皮肤路径 如果为空则使用默认皮肤
  28. */
  29. fun loadSkin(skinPath: String?) {
  30. if (SkinConstants.appContext == null) {
  31. throw Exception("please call SkinManager.init(appContext) first")
  32. }
  33. if (TextUtils.isEmpty(skinPath)) {
  34. //还原默认皮肤
  35. ResourcesManager.reset()
  36. //保存
  37. SkinConstants.spCommon!!.edit().putString(SkinConstants.SP_SKIN_PATH, "").apply()
  38. } else {
  39. try {
  40. //宿主app的 resources;
  41. val appResource: Resources = SkinConstants.appContext!!.resources
  42. //反射创建AssetManager 与 Resource
  43. val assetManager = AssetManager::class.java.newInstance()
  44. //资源路径设置 目录或压缩包
  45. val addAssetPath: Method = assetManager.javaClass.getMethod(
  46. "addAssetPath",
  47. String::class.java
  48. )
  49. addAssetPath.invoke(assetManager, skinPath)
  50. //根据当前的设备显示器信息 与 配置(横竖屏、语言等) 创建Resources
  51. val skinResource =
  52. Resources(assetManager, appResource.displayMetrics, appResource.configuration)
  53. //获取外部Apk(皮肤包) 包名
  54. val mPm = SkinConstants.appContext!!.packageManager
  55. val info = mPm.getPackageArchiveInfo(skinPath!!, PackageManager.GET_ACTIVITIES)
  56. val packageName = info?.packageName
  57. if (TextUtils.isEmpty(packageName)) {
  58. Log.i(
  59. SkinConstants.TAG, "loadSkin error ---------------------------------> \n" +
  60. "skin packageName is null.Are you sure there is an available skin package APK file\n" +
  61. "the path is $skinPath"
  62. )
  63. }
  64. ResourcesManager.applySkin(skinResource, packageName)
  65. //保存
  66. SkinConstants.spCommon!!.edit().putString(SkinConstants.SP_SKIN_PATH, skinPath)
  67. .apply()
  68. } catch (e: Exception) {
  69. e.printStackTrace()
  70. }
  71. }
  72. //通知采集的View 更新皮肤
  73. //被观察者改变 通知所有观察者
  74. setChanged()
  75. notifyObservers(null)
  76. }
  77. }

该类继承了Observable类,可以作为被观察者来通知所有的LayoutInflaterFactory(观察者)去进行换肤工作。

另外该类提供了初始化的方法,用来初始化相关资源和第二部分提到的SkinActLifeCallback,需要在程序的Application中调用

ResourceManager是具体资源加载的执行者,代码如下:

  1. /**
  2. * 资源管理器
  3. */
  4. object ResourcesManager {
  5. var mSkinPkgName: String? = null
  6. var isDefaultSkin = true
  7. // app原始的resource
  8. var mAppResources: Resources? = null
  9. // 皮肤包的resource
  10. var mSkinResources: Resources? = null
  11. fun init(context: Context) {
  12. mAppResources = context.resources
  13. }
  14. fun applySkin(resources: Resources?, pkgName: String ?) {
  15. mSkinResources = resources
  16. mSkinPkgName = pkgName
  17. //是否使用默认皮肤
  18. isDefaultSkin = TextUtils.isEmpty(pkgName) || resources == null
  19. }
  20. fun reset() {
  21. mSkinResources = null
  22. mSkinPkgName = ""
  23. isDefaultSkin = true
  24. }
  25. /**
  26. * 在加载资源时我们可以通过宿主app的资源id 得到资源名称和类型,然后在通过名称和类型找到皮肤包中对应资源id
  27. */
  28. private fun getIdFromSkinResource(resId: Int): Int {
  29. if (isDefaultSkin) {
  30. return resId
  31. }
  32. val resName = mAppResources!!.getResourceEntryName(resId)
  33. val resType = mAppResources!!.getResourceTypeName(resId)
  34. LogUtil.i("resId = $resId resName = $resName resType= $resType")
  35. return mSkinResources!!.getIdentifier(resName, resType, mSkinPkgName)
  36. }
  37. /**
  38. * 输入主APP的ID,到皮肤APK文件中去找到对应ID的颜色值
  39. * @param resId
  40. * @return
  41. */
  42. fun getColor(resId: Int): Int {
  43. if (isDefaultSkin) {
  44. return mAppResources!!.getColor(resId)
  45. }
  46. val skinId: Int = getIdFromSkinResource(resId)
  47. return if (skinId == 0) {
  48. mAppResources!!.getColor(resId)
  49. } else mSkinResources!!.getColor(skinId)
  50. }
  51. fun getColorStateList(resId: Int): ColorStateList? {
  52. if (isDefaultSkin) {
  53. return mAppResources!!.getColorStateList(resId)
  54. }
  55. val skinId: Int = getIdFromSkinResource(resId)
  56. return if (skinId == 0) {
  57. mAppResources!!.getColorStateList(resId)
  58. } else mSkinResources!!.getColorStateList(skinId)
  59. }
  60. fun getDrawable(resId: Int): Drawable {
  61. if (isDefaultSkin) {
  62. return mAppResources!!.getDrawable(resId)
  63. }
  64. //通过 app的resource 获取id 对应的 资源名 与 资源类型
  65. //找到 皮肤包 匹配 的 资源名资源类型 的 皮肤包的 资源 ID
  66. val skinId: Int = getIdFromSkinResource(resId)
  67. return if (skinId == 0) {
  68. mAppResources!!.getDrawable(resId)
  69. } else mSkinResources!!.getDrawable(skinId)
  70. }
  71. /**
  72. * 可能是Color 也可能是drawable
  73. *
  74. * @return
  75. */
  76. fun getBackground(resId: Int): Any {
  77. val resourceTypeName = mAppResources!!.getResourceTypeName(resId)
  78. return if ("color" == resourceTypeName) {
  79. getColor(resId)
  80. } else {
  81. // drawable
  82. getDrawable(resId)
  83. }
  84. }
  85. }

皮肤包写一个空工程只放资源文件就可以了

 在控制台Terminal窗口通过命令

gradlew skinonly:assembleRelease 或者

gradlew skinonly:assembleDebug 构建出apk文件即可

四、处理支持库或者自定义view的换肤

 实现方案:对于支持库或三方的view通过自定义view去继承这些view,例如我们写一个SkinTabLayout 去 继承 com.google.android.material.tabs.TabLayout 然后在SkinTabLayout内部写具体的换肤逻辑即可。

首先写一个换肤的接口:

  1. /**
  2. * 自定义view 需要实现此接口 以实现自身的换肤功能
  3. */
  4. interface SkinViewSupportInter {
  5. fun applySkin()
  6. }

自定义一个SkinFloatActionView ,继承自系统的com.google.android.material.floatingactionbutton.FloatingActionButton,实现刚才的SkinViewSupportInter接口,这个控件长什么样子?看图:

代码实现: 

  1. /**
  2. * 自定义view以实现换肤功能
  3. */
  4. class SkinFloatActionView : FloatingActionButton, SkinViewSupportInter {
  5. var bgTintColorId: Int = 0
  6. constructor(context: Context) : this(context, null) {
  7. }
  8. constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0) {
  9. }
  10. constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
  11. context,
  12. attrs,
  13. defStyleAttr
  14. ) {
  15. val obtainStyledAttributes =
  16. context.obtainStyledAttributes(attrs, R.styleable.FloatingActionButton, defStyleAttr, 0)
  17. bgTintColorId =
  18. obtainStyledAttributes.getResourceId(R.styleable.FloatingActionButton_backgroundTint, 0)
  19. }
  20. override fun applySkin() {
  21. if (bgTintColorId != 0) {
  22. backgroundTintList = ResourcesManager.getColorStateList(bgTintColorId)
  23. }
  24. }
  25. }

 按照此思路,所有的xxx.xxx.xxxView  都可以这样做来解决换肤的问题,这个view的换肤逻辑是何时被触发的呢?有两个地方会触发。

1、是view创建完成后会判断是否要换肤

2、是用户点击换肤按钮触发换肤

下面来屡屡这个流程:

先说场景一,view创建完成后判断是否要换肤

在上面的SkinLayoutInflaterFactory中创建完view的时候会做两个非常重要的事情,

   a.如果是可以换肤的view则缓存相关信息,用SkinCache来处理缓存(代码后面贴上)

   b.判断是否有设置的皮肤,有则对支持换肤的view进行换肤

 SkinCache代码:

  1. /**
  2. * 用于缓存需要换肤的view
  3. */
  4. class SkinCache {
  5. private val mAttributes: MutableList<String> = mutableListOf(
  6. "background",
  7. "src",
  8. "textColor",
  9. "drawableLeft",
  10. "drawableTop",
  11. "drawableRight",
  12. "drawableBottom"
  13. )
  14. //记录换肤需要操作的View与属性信息
  15. private val mSkinViews: MutableList<SkinView> = mutableListOf()
  16. /**
  17. * 检测并缓存view
  18. * 如果不支持换肤 则不缓存
  19. */
  20. fun checkAndCache(view: View, attrs: AttributeSet): SkinView? {
  21. val mSkinPars: MutableList<SkinPair> = ArrayList()
  22. for (i in 0 until attrs.attributeCount) {
  23. //获得属性名 textColor/background
  24. val attributeName: String = attrs.getAttributeName(i)
  25. if (mAttributes.contains(attributeName)) {
  26. // #1545634635
  27. // ?722727272
  28. // @722727272
  29. val attributeValue: String = attrs.getAttributeValue(i)
  30. // 比如color 以#开头表示写死的颜色 不可用于换肤
  31. if (attributeValue.startsWith("#")) {
  32. continue
  33. }
  34. // 以 ?开头的表示使用 属性
  35. val resId: Int = if (attributeValue.startsWith("?")) {
  36. val attrId = attributeValue.substring(1).toInt()
  37. SkinThemeUtils.getResId(view.context, intArrayOf(attrId)).get(0)
  38. } else {
  39. // 正常以 @ 开头
  40. attributeValue.substring(1).toInt()
  41. }
  42. val skinPair = SkinPair(attributeName, resId)
  43. mSkinPars.add(skinPair)
  44. }
  45. }
  46. if (mSkinPars.isNotEmpty() || view is SkinViewSupportInter) {
  47. val skinView = SkinView(view, mSkinPars)
  48. mSkinViews.add(skinView)
  49. return skinView
  50. } else {
  51. return null
  52. }
  53. }
  54. /**
  55. * 对所有的view中的所有的属性进行皮肤修改
  56. */
  57. fun applySkin() {
  58. for (mSkinView in mSkinViews) {
  59. mSkinView.applySkin()
  60. }
  61. }
  62. fun clear() {
  63. mAttributes.clear()
  64. mSkinViews.clear()
  65. }
  66. }

 如下图,在checkAndCache方法中如果当前view被设置了能够换肤的属性(textColor、background等)或者是SkinViewSupportInter(就是实现了这个接口),则包装成一个SkinView并缓存到集合中(mSkinViews)

 紧接着往下执行,就会触发SkinView的换肤工作,在贴一遍这个图,66行的skinView不为空就是支持换肤

 SkinView代码如下:

  1. /**
  2. * 每一个支持换肤的view 都包装组成一个SkinView
  3. */
  4. class SkinView {
  5. lateinit var view: View
  6. lateinit var skinPairs: MutableList<SkinPair>
  7. constructor(view: View, skinPairs: MutableList<SkinPair>) {
  8. this.view = view
  9. this.skinPairs = skinPairs
  10. }
  11. /**
  12. * 对当前view执行换肤操作
  13. */
  14. fun applySkin(){
  15. //如果当前view是自定义view 则 执行其自己的除了常规的background、textColor等属性的换肤逻辑
  16. if (view is SkinViewSupportInter) {
  17. (view as SkinViewSupportInter).applySkin()
  18. }
  19. for ((attributeName, resId) in skinPairs) {
  20. var left: Drawable? = null
  21. var top: Drawable? = null
  22. var right: Drawable? = null
  23. var bottom: Drawable? = null
  24. when (attributeName) {
  25. "background" -> {
  26. val background: Any = ResourcesManager.getBackground(resId)
  27. //背景可能是 @color 也可能是 @drawable
  28. if (background is Int) {
  29. view.setBackgroundColor(background)
  30. } else {
  31. ViewCompat.setBackground(view, background as Drawable)
  32. }
  33. }
  34. "src" -> {
  35. val background: Any = ResourcesManager.getBackground(resId)
  36. if (background is Int) {
  37. (view as ImageView).setImageDrawable(ColorDrawable((background as Int?)!!))
  38. } else {
  39. (view as ImageView).setImageDrawable(background as Drawable?)
  40. }
  41. }
  42. "textColor" -> (view as TextView).setTextColor(
  43. ResourcesManager.getColorStateList(
  44. resId
  45. )
  46. )
  47. "drawableLeft" -> left = ResourcesManager.getDrawable(resId)
  48. "drawableTop" -> top = ResourcesManager.getDrawable(resId)
  49. "drawableRight" -> right = ResourcesManager.getDrawable(resId)
  50. "drawableBottom" -> bottom = ResourcesManager.getDrawable(resId)
  51. else -> {
  52. }
  53. }
  54. if (null != left || null != right || null != top || null != bottom) {
  55. (view as TextView).setCompoundDrawablesWithIntrinsicBounds(
  56. left, top, right,
  57. bottom
  58. )
  59. }
  60. }
  61. }
  62. }

我们看到applySkin方法一上来就先去执行我们这些自定义view 的自己的换肤逻辑

 因为自定义的view除了特殊的需要自身处理的属性外,也有可能设置了普通的background等属性,所以31行并没有else的逻辑,而是直接往下执行这些常规属性的换肤逻辑,这样就梳理完了第一种场景的换肤逻辑的触发。

在说场景二,用户点击换肤按钮触发换肤:

用户点击换肤时我们会执行SkinManager的loadSkin方法 

loadSkin方法中准备好相关资源后会去通知所有的观察者执行换肤

 SkinLayoutInflaterFactory 就是我们的观察者,会执行update方法

 以上就梳理完了触发换肤操作的两个场景。设置了皮肤以后APP退出后在进入走的是第一个场景的换肤逻辑。

五、处理状态栏换肤

这个相对比较简单,状态栏的颜色单独定义到colors.xml文件中,换肤时,单独调用一下状态栏的颜色设置即可(找到皮肤包里的颜色值)

我们写一个处理主题的工具类SkinThemeUtils,提供一个updateStatusBarColor的方法,仅仅需要42行一行代码即可。

 需要在哪里调用这个方法来设置主题呢?

(1)在BaseActivity中调用(针对换肤后退出app在进入的场景),BaseActivity相信大家项目里肯定会有一个吧。

(2)用户手动触发换肤时,我们通知观察者执行update的时候执行主题的更换

以上就是对状态栏的处理过程。 

六、对代码动态设置颜色、背景的业务场景进行单独处理

 这里举个例子,我们主页底部tab的图标和颜色都是根据用户点击来动态设置的

像这种情况就要单独处理,为此我们做了以下处理:

(1)设置Tab的颜色和图标时用我们封装好的ResourcesManager来获取资源id对应的值

(2) 当前所在的Activity实现SkinViewSupportInter接口,实现接口中的applySkin方法,当触发换肤时,在SkinLayoutInflaterFactory中触发即可

 

 代码动态设置样式的地方以此为例进行处理即可。

GitHub地址:GitHub - ZS-ZhangsShun/EasySkinSwitch: 插件化换肤框架

集成与使用步骤:

第一步:在project的build.gradle 文件中添加JitPack依赖

  1. allprojects {
  2. repositories {
  3. ...
  4. maven { url 'https://jitpack.io' }
  5. }
  6. }

第二步: 在Module的build.gradle文件中添加对本库的依赖

  1. dependencies {
  2. ...
  3. implementation 'com.github.ZS-ZhangsShun:EasySkinSwitch:1.0.0'
  4. }

第三步:开始使用,步骤如下

(1)初始化,在Application的onCreate方法中执行以下代码

    SkinManager.init(this)

(2)针对支持库或自定义view(简单理解就是在布局文件里的这种 <xxx.xxx.xxxView)需要去实现SkinViewSupportInter接口,并实现其applySkin方法,示例如下:

  1. /**
  2. * 自定义view以实现换肤功能
  3. */
  4. class SkinFloatActionView : FloatingActionButton, SkinViewSupportInter {
  5. var bgTintColorId: Int = 0
  6. constructor(context: Context) : this(context, null) {
  7. }
  8. constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0) {
  9. }
  10. constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
  11. context,
  12. attrs,
  13. defStyleAttr
  14. ) {
  15. val obtainStyledAttributes =
  16. context.obtainStyledAttributes(attrs, R.styleable.FloatingActionButton, defStyleAttr, 0)
  17. bgTintColorId =
  18. obtainStyledAttributes.getResourceId(R.styleable.FloatingActionButton_backgroundTint, 0)
  19. }
  20. override fun applySkin() {
  21. if (bgTintColorId != 0) {
  22. backgroundTintList = ResourcesManager.getColorStateList(bgTintColorId)
  23. }
  24. }
  25. }

(3)对主题颜色进行单独换肤处理

  1. 状态栏的颜色单独定义到colors.xml文件中,换肤时,单独调用一下状态栏的颜色设置即可
  2. 建议在项目的BaseActivity的onCreate方法中调用库中的SkinThemeUtils.updateStatusBarColor方法如下:
  3. (R.color.status_bar 需要开发者自定义创建)
  4. /**
  5. * 基类Activity 统一设置主题啥的
  6. */
  7. open class BaseActivity : AppCompatActivity() {
  8. override fun onCreate(savedInstanceState: Bundle?) {
  9. super.onCreate(savedInstanceState)
  10. SkinThemeUtils.updateStatusBarColor(this, R.color.status_bar)
  11. }
  12. }

(4)代码中动态设置颜色、背景等皮肤相关的地方要单独进行处理

  1. 例如,app工程中我们主页底部tab的图标和颜色都是根据用户点击来动态设置的,这里可以这样处理
  2. a.设置Tab的颜色和图标时用使用库中封装好的ResourcesManager来获取资源id对应的值
  3. ResourcesManager.getColor(xxx)
  4. ResourcesManager.getDrawable(xxx)
  5. b.当前所在的Activity实现SkinViewSupportInter接口,实现接口中的applySkin方法,当触发换肤时,回进行回调
  6. 请参考app工程中MainActivity的实现方式

(5)需要换肤时调用SkinManager.loadSkin(皮肤包绝对路径)来换肤,如app工程NewsFragment所示:

  1. //换肤
  2. SkinManager.loadSkin(EasyVariable.mContext.cacheDir.absolutePath
  3. + File.separator + "skinonly.apk")
  4. }
  5. //恢复默认皮肤
  6. SkinManager.loadSkin(null)

混淆配置

-keep com.zs.skinswitch.** {*;}

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/86872
推荐阅读
相关标签
  

闽ICP备14008679号