Android 主题换肤技术方案分析

作者: 冰雪情缘long | 来源:发表于2020-06-11 23:28 被阅读0次

写在前面

Android TV 电视开发，主题换肤，我感觉有两种层级的方式，一种是系统级，另一种是应用级，

我记得很早在 Linux 桌面开发的时候，我们之前的公司在GTK+上也实现了一套换肤UI框架，

包括我们看到的QQ，掘金，简书，等应用，无缝切入主题，不需要重启应用。

为何需要主题切换，因为UI库改来改去也就那些东西，不过在变换一些样式，阴影，圆角，文本大小，颜色，边框，背景等等而已。

那么其实我们可以通用主题的配置方式，统一配置更改样式.

几种方案探讨

下面探讨的方案，都是不需要重启应用，及时生效的方案。
主题切换的问题在于，新的出来的界面，还有已经存在的界面。

`QMUI 主题换肤方案`

QMUI的方案，定义各种 theme style，通过遍历已存在的View，然后设置相关属性，并且设置 Theme.；包括后续新出的控件也是已切换的主题样式.

public void changeSkin(Object ob, int skinRes, Resources resources) {
    View view = null;
    if (null != ob) {
        if (ob instanceof Activity) { // 普通的 Activity支持
            Activity activity = (Activity) ob;
            Drawable drawable = getAttrDrawable(activity, activity.getTheme(), R.attr.tvui_commonItem_detailColor);
            activity.getWindow().setBackgroundDrawable(drawable);
            // 获取 content view.
            view = activity.findViewById(android.R.id.content);
        } else if (ob instanceof Dialog) { // 系统设置5.0 - Dialog 主题切换支持
            Window window = ((Dialog) ob).getWindow();
            if (window != null) {
                view = window.getDecorView();
            }
        } else if (ob instanceof View) { // 普通的 View 主题切换支持
            view = (View) ob;
        }
        mResources = resources != null ? resources : view.getResources();
        if (null != view) {
            // 切换主题样式
            theme = mResources.newTheme();
            theme.applyStyle(skinRes, true);
            // 设置背景颜色
            ColorStateList bgColorStateList = getAttrColorStateList(
                        mContext, theme, R.attr.tvui_main_layout_background_color);
            view.setBackgroundColor(bgColorStateList.getDefaultColor());
            // 切换主题样式，遍历所有子View...
            setThemeDatas(view, skinRes, theme);
        }
    }
}

// 遍历Views切换主题样式
private void setThemeDatas(View view, int skinRes, Resources.Theme theme) {
    applyTheme(view, skinRes, theme);
    if (view instanceof ViewGroup) {
        ViewGroup viewGroup = (ViewGroup) view;
        for (int i = 0; i < viewGroup.getChildCount(); i++) {
            setThemeDatas(viewGroup.getChildAt(i), skinRes, theme);
        }
    }
}

private void applyTheme(View view, int skinRes, Resources.Theme theme) {
    if (view instanceof Button) {
        ((Button)view).setTextColor(getAttrColorStateList(mContext, theme, R.attr.tvui_text_color).getDefaultColor());
    }
}

// 添加了测试的 背景颜色与文本颜色
<attr name="tvui_main_layout_background_color" format="color"/>
<attr name="tvui_text_color" format="color"/>

<style name="NewAppTheme" parent="xxxx">
        <item name="tvui_main_layout_background_color">#FF0000</item>
        <item name="tvui_text_color">#0000FF</item>
</style>


// 切换主题
SkinManager.getInstance(AnimHomeActivity.this).changeSkin(AnimHomeActivity.this, R.style.NewAppTheme);

切换主题效果如下

在这里插入图片描述
主题切换示例代码

上面会存在一个问题，已经切换了主题样式，新出来的界面控件这么办？？？？？？？
为了使后续启动的新出来的界面控件也是切换后的主题，需要作出如下修改

public void changeSkin(Object ob, int skinRes, Resources resources) {
    View view = null;
    ... ...
    view.setBackgroundColor(bgColorStateList.getDefaultColor());
    // 新增 随意一个都可以，设置后，后续新出来的控件都是现在切换的主题样式
    view.getContext().setTheme(skinRes);
    //view.getContext().getTheme().setTo(theme);
}

// 主题 style
<attr name="TVUIRoundButtonStyle" format="reference"/>
<declare-styleable name="UIRoundButton">
    <attr name="tvui_text_color"/>
</declare-styleable>

// 默认主题使用
<style name="TVUITheme.UIRoundButton">
    <item name="tvui_text_color">#FFEB3B</item>
</style>

// NewAppTheme 使用
<style name="TVUITheme.UIRoundButton.New">
    <item name="tvui_text_color">#2196F3</item>
</style>

 <style name="NewAppTheme" parent="xxxxx">
    <item name="tvui_main_layout_background_color">#FF0000</item>
    <item name="tvui_text_color">#0000FF</item>
    <item name="TVUIRoundButtonStyle">@style/TVUITheme.UIRoundButton.New</item>
</style>

// 测试UIButton代码
public class TVUIButton extends Button {
    public TVUIButton(Context context) {
        this(context, null);
    }

    public TVUIButton(Context context, AttributeSet attrs) {
        this(context, attrs, R.attr.TVUIRoundButtonStyle);
    }

    public TVUIButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.UIRoundButton, defStyleAttr, 0);
        int textColor = ta.getColor(R.styleable.UIRoundButton_tvui_text_color, Color.BLACK);
        setTextColor(textColor);
        setTextSize(152);
        ta.recycle();
    }
}

新增控件的效果

在这里插入图片描述
新增的相关代码

补充，如果感觉麻烦，也可以直接在布局里面使用 attr 的属性，就不需要定义一堆的和button相关的Style.
但是前提是你需要定义好你自己的相关值，比如阴影多少，圆角的角度，一级文本，二级文本属性等等，这里可以称为 通用属性.

<attr name="tvui_text_color" format="color"/>

<style name="NewAppTheme" parent="xxxx">
    <item name="tvui_text_color">#0000FF</item>
</style>

// 布局里面使用
android:textColor="?attr/tvui_text_color"
// 代码中使用
ColorStateList textColor = SkinManager.getAttrColorStateList(getContext(), R.attr.tvui_text_color);

这套主题的优/缺点：

简单方便，适用于只有亮/暗的主题切换.
缺点也明显，如果要新增主题，就要更改或者新增，很麻烦，会导致重新发布APK.

当然，因为某些局限性，肯定使用场景不同. 如果你是那种需要下载以及加载各种酷炫主题包的，这种方案肯定不适合你.
如果只是UI库统一配置(新的UI界面，只需要再原来的基础继承，就可以产生一套新的)，只有亮/暗主题切换，简单，方便.

参考资料：
Android如何在代码中获取attr属性的值

`Andrid-Skin-Loader 主题切换方案`

git项目地址:

Andrid-Skin-Loader 流程步骤：

初始化加载APK主题包
通用 Factory 遍历 View，保存相关View与属性的信息
最后切换主题的时候，重新调用 SkinManager 来获取相关主题包的资源属性.

加载APK主题包

// 这里会有点卡，建议放在异步线程里面执行相关操作
String skinPkgPath = "皮肤的apk路径";                
File file = new File(skinPkgPath); 
if(file == null || !file.exists()){
    return null;
}
                        
PackageManager mPm = context.getPackageManager();
// getPackageArchiveInfo文章: https://blog.csdn.net/qq379454816/article/details/50402805?locationNum=10&fps=1
PackageInfo mInfo = mPm.getPackageArchiveInfo(skinPkgPath, PackageManager.GET_ACTIVITIES);
skinPackageName = mInfo.packageName;

AssetManager assetManager = AssetManager.class.newInstance();
// 调用addAssetPath方法将皮肤包加载进内存
Method addAssetPath = assetManager.getClass().getMethod("addAssetPath", String.class);
addAssetPath.invoke(assetManager, skinPkgPath);

Resources superRes = context.getResources();
Resources skinResource = new Resources(assetManager, superRes.getDisplayMetrics(),superRes.getConfiguration()); // apk皮肤包的资源句柄
                        
skinPath = skinPkgPath;
isDefaultSkin = false;

return skinResource;

Factory 遍历 View，保存相关view信息
因为做主题切换的，已经显示出来的没有办法更新，所以需要保存相关信息，切换的时候，就更新这些view的信息，达到主题切换的效果

public class SkinInflaterFactory implements Factory {
    public View onCreateView(String name, Context context, AttributeSet attrs) {
        view = LayoutInflater.from(context).createView(name, "android.view.", attrs);
        // 创建 view.
        view = LayoutInflater.from(context).createView(name, null, attrs);
        // 这里可以判断 view 的 name，是不是 原生的，你也可以替换成你的
        //
        return view;
    }
    // 解析view的 attrs 的属性，保存view的相关信息
    private void parseSkinAttr(Context context, AttributeSet attrs, View view) {
    }
}

// Activity或者其它地方如何使用？？
getLayoutInflater().setFactory(new SkinInflaterFactory());

但是如果要达到遍历View的效果，也可以参考 changeSkin，不一定要保存相关信息的

SkinManager 相关函数

// 获取颜色值 比如 <color name="tvui_bg_color">#ecf0f1</color>
public int getColor(int resId){
    int originColor = context.getResources().getColor(resId);
    // 如果APK资源 mResources为空 或 使用默认的，就返回当前APP默认的资源
    if(mResources == null || isDefaultSkin) {
        return originColor;
    }
    // 获取 ID 的字符串名称     ，这里返回的是 tvui_bg_color
    String resName = context.getResources().getResourceEntryName(resId);
    // getResourceTypeName(resId) 获取 color, drawable 等类型，这里返回的就是 color
    
    // 通过APK资源的 mResources 获取APK 相关的资源.(类型，名字相关，值不一样的)
    // 比如APK资源里面是这样：<color name="tvui_bg_color">#FF0000</color>
    int trueResId = mResources.getIdentifier(resName, "color", skinPackageName);
    int trueColor = 0;
        
    try{
        trueColor = mResources.getColor(trueResId);
    } catch(NotFoundException e) {
        e.printStackTrace();
        trueColor = originColor;
    }
        
    return trueColor;
}
// 获取Drawble
getDrawable... ...

上面已经提到当前已经显示的，那么后面新出来的控件这么办？这个就需要再代码里面编写相关代码才行.

有人肯定会想，我将 Activity 的 getResources 变成 APK资源的 resources 不就完啦，哈哈哈，肯定不是这样的.

 public Resources getResources() {
        Resources resources = SkinManagerApk.getInstance().getResources();
        if (null != resources) {
            return resources;
        }
        return super.getResources();
}
// getResources().getColorStateList(R.color.news_item_text_color_selector);

不能以上面的方式获取，因为 getColorStateList(... ...); 这个资源的ID是本APK的，不是主题资源APK里面的.那要这么办？
只能使用 SkinManager getColor 类似的方式.
通用 getResourceEntryName 获取到 news_item_text_color_selector 的名称.
然后再通用 mResources.getIdentifier("news_item_text_color_selector", "color", skinPackageName); 获取资源APK的ID.
最后通用 mResources.getColorStateList(trueResId); 获取相关资源.
具体代码参考：