Android 主题切换

最新推荐文章于 2024-08-02 07:10:57 发布
最新推荐文章于 2024-08-02 07:10:57 发布
阅读量6.6k 收藏 25
点赞数 1
文章标签： android 主题 github 界面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/utomi/article/details/72898180
版权

介绍

所谓的多主题切换，就是能够根据不同的设定，呈现不同风格的界面给用户。想实现Android多套主题的切换，网络上方案已经很多了，也看了许多大神的实现方式，但心里总想着自己去实现一遍，就这么借鉴GitHub的开源实现了一个简单的Android换肤框架。

实现的思路

通过LayoutInflaterCompat.setFactory方式，在onCreateView的回调中，解析每一个View的attrs, 判断是否有已标记需要换肤的属性, 比方说background, textColor, 或者说相应资源是否为skin_开头等等.然后保存到集合中, 将相应的属性收集到一起。 这种方式相对是比较简单的，易于实现的方式。于是我也采用了这种方式去捉摸一番。

最后实现的效果

项目地址：
https://github.com/zguop/Towards 存在于wt_library下 theme包中。

这里写图片描述

一张图了解Android中的主题颜色

这里写图片描述
我们可以根据这里的颜色定义成多套的主题Style，来应用我们的Android应用。

主题实现

   public void init(final AppCompatActivity activity) {
        LayoutInflaterCompat.setFactory(LayoutInflater.from(activity), new LayoutInflaterFactory() {
            @Override
            public View onCreateView(View parent, String name, Context context, AttributeSet attrs) {
                List<SkinAttr> skinAttrsList = getSkinAttrs(attrs, context);
                //如果属性为null 并且名字没有包含. 说明不是自定义的view
                if (skinAttrsList == null || skinAttrsList.isEmpty()) {
                    if (!name.contains(".")) {
                        return null;
                    }
                }
                View view = activity.getDelegate().createView(parent, name, activity, attrs);
                if (view == null) {
                    view = createViewFromTag(context, name, attrs);
                }
                if (view != null) {
                    if (skinAttrsList == null && !(view instanceof SkinCompatSupportable)) {
                        return null;
                    }
                    mSkinViewList.add(new SkinView(view, skinAttrsList));
                }
                return view;            }
        });
    }

oncreate中会回调当前页面中的view名称及view中所使用到的属性，
该方法主要是获取到视图中，符合条件换肤的view，和需要变更的xml属性，保存到集合中。
关于LayoutInflaterCompat.setFactory的作用，这里有一篇文章讲解
http://blog.csdn.net/lmj623565791/article/details/51503977

List<SkinAttr> skinAttrsList = getSkinAttrs(attrs, context);

首先我们通过getSkinAttrs()方法获取到一个view中需要换肤的属性集合，

 private static final String COLOR_PRIMARY      = "colorPrimary";
    private static final String COLOR_PRIMARY_DARK = "colorPrimaryDark";
    private static final String COLOR_ACCENT       = "colorAccent";
    private static final String ATTR_PREFIX        = "skin"; //开头

 private List<SkinAttr> getSkinAttrs(AttributeSet attrs, Context context) {
        List<SkinAttr> skinAttrsList = null;
        SkinAttr skinAttr;
        //遍历所有属性
        for (int i = 0; i < attrs.getAttributeCount(); i++) {
            //获取到当前的属性名字，
            String attributeName = attrs.getAttributeName(i);
            //改方法获取到枚举中定义好的需要更改的属性进行匹配
            SkinAttrType attrType = getSupportAttrType(attributeName);
            if (attrType == null) {
                continue;
            }
            //获取当前属性对应的值 并解析，如果是使用?attr/ 或者是 @color/属性
            String attributeValue = attrs.getAttributeValue(i);
            if (attributeValue.startsWith("?") || attributeValue.startsWith("@")) {
                //获取到该资源的id
                int id = ThemeUtils.getAttrResId(attributeValue);
                if (id != 0) {
                    //通过资源id 获取到资源的名称 
                    String entryName = context.getResources().getResourceEntryName(id);
                    //如果匹配 资源名称 表示都是使用了换肤的 属性则保存起来
                    if (entryName.equals(COLOR_PRIMARY) || entryName.equals(COLOR_PRIMARY_DARK) || entryName.equals(COLOR_ACCENT) || entryName.startsWith(ATTR_PREFIX)) {
                        if (skinAttrsList == null) {
                            skinAttrsList = new ArrayList<>();
                        }
                        String typeName = context.getResources().getResourceTypeName(id);
                        skinAttr = new SkinAttr(attrType, entryName, attributeName, typeName);
                        skinAttrsList.add(skinAttr);
                    }
                }
            }
        }
        return skinAttrsList;
    }

遍历所有属性，获取每一个属性的名字，通过getSupportAttrType()方法进行属性匹配，

private SkinAttrType getSupportAttrType(String attrName) {
        for (SkinAttrType attrType : SkinAttrType.values()) {
            if (attrType.getAttrType().equals(attrName))
                return attrType;
        }
        return null;
    }

实现定义好一个需要换肤的一些属性枚举，这里定义了三个枚举值，当前大家也可以根据自己的需要定义更多的属性。background背景色，textColor字体颜色，src图片，当遍历的属性刚好是以下属性的时候，那么就认为是一个有效的，需要换肤的view。

enum SkinAttrType {
        BACKGROUD("background") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                view.setBackground(ThemeUtils.getDrawable(context, getResId(context, attrName)));
            }
        },
        COLOR("textColor") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                ((TextView) view).setTextColor(ThemeUtils.getColorStateList(context, getResId(context, attrName)));
            }
        },
        SRC("src") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                ((ImageView) view).setImageDrawable(ThemeUtils.getDrawable(context, getResId(context, attrName)));
            }
        }
 }

枚举中定义了一个抽象方法

public abstract void apply(View view, String attrName, String attrValueResName, String attrValueTypeName);

用于最后的更换颜色调用apply方法的实现。

匹配换肤属性的规则：定义好匹配的属性 这里选择了 系统的 三种 colorPrimary 名字 或者是 skin开头的，这里的资源属性命名有需要规范了，例如需要background背景色，那么?attr/colorPrimary使用或者是
@color/skin_bottom_bar_not skin命名开头的资源，就认定为时需要换肤的属性值。

实例
 app:background="?attr/colorPrimary"
 app:background="@drawable/skin_bottom_bar_not"

获取到每一条有效的换肤属性，保存到集合中返回。
这里就是将所有需要换肤的属性返回来了，属性有 了，那么还需要生成对应的view，最后更换主题的时候去设置view所需要改变的颜色。

回到onCreateView方法中

   View view = activity.getDelegate().createView(parent, name, activity, attrs);
                if (view == null) {
                    view = createViewFromTag(context, name, attrs);
                }
                if (view != null) {
                    if (skinAttrsList == null && !(view instanceof SkinCompatSupportable)) {
                        return null;
                    }
                    mSkinViewList.add(new SkinView(view, skinAttrsList));
                }
                return view;

如果有存在需要换肤的属性集合，才会去创建该view，保存到一个最终的集合中。这里就完成了一个初始化的过程，获取所以需要换肤的view，保存起来。那么接下就可以变更主题了。对外提供了两个方法

 * 装载改变主题的view 及 需要改变的主题元素
public class SkinView {
    private View           view;
    private List<SkinAttr> attrs;

    public SkinView(View view, List<SkinAttr> skinAttrs) {
        this.view = view;
        this.attrs = skinAttrs;
    }

    public void apply() {
        if (view == null) {
            return;
        }
        if (view instanceof SkinCompatSupportable) {
            ((SkinCompatSupportable) view).applySkin();
        }
        if (attrs == null) {
            return;
        }
        for (SkinAttr attr : attrs) {
            attr.apply(view);
        }
    }
}
/**
     * 设置当前主题
     */
    public void setTheme(Activity ctx) {
        int theme = USharedPref.get().getInteger(PRE_THEME_MODEL);
        ThemeEnum themeEnum = ThemeEnum.valueOf(theme);
        ctx.setTheme(themeEnum.getTheme());
    }

    /**
     * 更改主题
     */
    public void changeNight(Activity ctx, ThemeEnum themeEnum) {
        ctx.setTheme(themeEnum.getTheme());
        showAnimation(ctx);
        refreshUI(ctx);
        USharedPref.get().put(PRE_THEME_MODEL, themeEnum.getTheme());
    }

设置主题和更改当前的主题，当然我们还需要在style中定义多套主题。

蓝色调主题
 <style name="AppThemeBlue" parent="AppTheme">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorBlue</item>
        <item name="colorPrimaryDark">@color/colorBlue</item>
        <item name="colorAccent">@color/colorBlue</item>
        <!--白色字体-->
        <item name="skin_kind_color_not">@color/colorWhite</item>
        <!--相近暗淡色-->
        <item name="skin_home_title_not">@color/home_title3</item>
        <!--dialog背景色-->
        <item name="skin_dialog_bg_not">@color/color_ef6f26</item>
        <!--相反色-->
        <item name="skin_contrast_color_not">@color/color_ef6f26</item>
        <!--主题透明度色-->
        <item name="skin_transparent_theme_color">@color/color_blue_80</item>
        <!--字体暗色-->
        <item name="skin_text_dark_color">@color/color_373737</item>
        <!--灰色字体-->
        <item name="skin_text_gray_color">@color/color_a7a7a7</item>
        <!--背景图片-->
        <item name="skin_Background_drawable">@drawable/theme_bg3</item>
    </style>
红色调主题
 <style name="AppThemeRed" parent="AppTheme">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorRed</item>
        <item name="colorPrimaryDark">@color/colorRed</item>
        <item name="colorAccent">@color/colorRed</item>
        <item name="skin_kind_color_not">@color/colorWhite</item>
        <item name="skin_home_title_not">@color/home_title2</item>
        <item name="skin_dialog_bg_not">@color/color_31c2c5</item>
        <item name="skin_contrast_color_not">@color/color_31c2c5</item>
        <item name="skin_transparent_theme_color">@color/color_red_80</item>
        <item name="skin_text_dark_color">@color/color_373737</item>
        <item name="skin_text_gray_color">@color/color_a7a7a7</item>
        <item name="skin_Background_drawable">@drawable/theme_bg1</item>
    </style>

多套主题的定义，当调用更改主题时 

 /**
     * 更改主题
     */
    public void changeNight(Activity ctx, ThemeEnum themeEnum) {
        ctx.setTheme(themeEnum.getTheme());
        showAnimation(ctx);
        refreshUI(ctx);
        USharedPref.get().put(PRE_THEME_MODEL, themeEnum.getTheme());
    }

开始了一个过渡动画，然后进行页面的UI刷新，

/**
     * 刷新UI界面
     */
    private void refreshUI(Activity ctx) {
        refreshStatusBar(ctx);
        for (SkinView skinView : mSkinViewList) {
            skinView.apply();
        }
    }
public void apply() {
        if (view == null) {
            return;
        }
        if (view instanceof SkinCompatSupportable) {
            ((SkinCompatSupportable) view).applySkin();
        }
        if (attrs == null) {
            return;
        }
        for (SkinAttr attr : attrs) {
            attr.apply(view);
        }
    }

继续调用枚举中apply这个抽象方法

 public void apply(View view) {
        attrType.apply(view, attrName, attrValueResName, attrValueTypeName);
    }

每个属性下实现各自的apply更改UI的实现

背景色的修改
BACKGROUD("background") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                view.setBackground(ThemeUtils.getDrawable(context, getResId(context, attrName)));
            }
        },
字体颜色
 COLOR("textColor") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                ((TextView) view).setTextColor(ThemeUtils.getColorStateList(context, getResId(context, attrName)));
            }
        },
图片
 SRC("src") {
            @Override
            public void apply(View view, String attrName, String attrValueResName, String attrValueTypeName) {
                Context context = view.getContext();
                ((ImageView) view).setImageDrawable(ThemeUtils.getDrawable(context, getResId(context, attrName)));
            }
        },

这样一个简单的换肤就实现完成啦，具体的细节可以到代码中查看。
https://github.com/zguop/Towards 存在于wt_library下 theme包中。

关于自定义view设置的自定义属性设置换肤属性，可以实现SkinCompatSupportable接口来更改自定义属性的，来调用自己view中的方法。

public interface SkinCompatSupportable {
    void applySkin();
}
utomi
关注
Android 实现一键切换应用主题颜色（二）
05-10
上一篇说到一键切换应用的主题颜色，那么今天就继续来讲一讲如何实现应用的有些图标也一样能够跟随应用的主题颜色切换而改变图标的颜色。比如应用首页的一些固定的展示图标，或者是单选框以及复选框的图标，还有一些功能按钮的图标等等。下面还是老规矩，先上一个效果图（有图有真相有木有？）
Android 实现一键切换应用主题颜色
05-09
一般我们需要改变整个应用的背景颜色可以直接这样设置getWindow().getDecorView().setBackgroundColor(int color)。但是这种方式显然不是我们想要的，而且还有许多不好的地方。为什么呢？第一、它会把整个页面的背景颜色都改变了。第二、布局的背景还必须是透明的才会有效果。所以这种方式有的时候是满足不了我们的需求的。
Android开发之换肤方案
最新发布
2302_77186925的博客
08-02 534
Android开发之换肤方案
Android UI界面之切换主题的实现代码.rar
07-10
Android UI界面之切换主题的实现代码，在安卓手机中，这是个比较有用且比较基础的功能，无刷新切换android系统默认的窗口风格，这个你知道的，这是个简单的测试例子。
ElementUI主题颜色动态切换并缓存
专注前端技术，包括Web端、移动端、小程序、APP
08-07 1956
今天给大家分享一下在Vue中使用ElementUI时，想切换主题颜色的两种方式。
动态切换App桌面icon跟text,让你的应用炫起来(Android)！！
vv_bug
11-11 6950
前言： 唉唉，又是一个剁手的日子啊，当大家还沉浸在双11买什么的时候，我在想：“手机上的天猫，淘宝，支付宝应用的icon都变成了双11了，不得不感叹这些公司的产品手段真的高！！这无形中打了多少广告啊。”于是我就打算去研究一下，下面就把我研究的东西分享一下哦，没错，这就是程序猿所看到的“11.11”(^__^) 嘻嘻……其实吧，实现原理还是相当简单的，主要是用到了Activity的activity-a
android主题切换demo
11-19
本示例"android主题切换demo"将介绍如何通过编程方式实现在运行时切换应用的主题，从而为用户提供个性化的体验。 首先，我们需要在项目的res/values目录下创建不同的主题样式文件。例如，可以创建两个主题：`styles...
Android 主题切换，切换字体颜色颜色，背景色，图片引用文件等
12-04
总之，Android主题切换是一项增强用户体验的重要功能。通过合理的主题设计和动态切换机制，我们可以让应用更好地适应用户的需求和喜好，提供更个性化、更舒适的使用环境。在实际开发中，还需要考虑主题切换的性能...
Android主题切换之探究白天和夜间模式
09-02
Android主题切换是提升用户体验的重要功能，它允许用户根据个人喜好或环境光线条件选择适合的界面风格。在Android系统中，主题切换通常涉及颜色、布局、字体等视觉元素的变化，以适应白天或夜间模式。本文将深入探讨...
Android 主题切换的一个Demo
04-17
Android 主题切换的Demo,详细介绍请到：http://www.jianshu.com/users/6725c8e8194f。需要源码请到：https://github.com/burgessjp/MaterialDesignDemo
Android 主题动态切换
02-17
首先，Android的主题切换通常涉及到以下几个步骤： 1. **创建自定义主题**：在`res/values`目录下，开发者需要创建XML资源文件，例如`styles.xml`，来定义自定义主题。每个主题都是一个元素，其中包含各种属性，如...
Android 手写实现插件化换肤框架 兼容Android10 Android11
安卓开发-顺 的博客
01-27 3262
实现插件化换肤，有以下几个关键问题要处理 收集所有需要换肤的view及相关属性 统一处理所有Activity的换肤工作（每一个Activity都要进行换肤处理） 加载皮肤包资源 处理支持库或者自定义view的换肤 处理状态栏换肤 对代码动态设置颜色、背景的业务场景进行单独处理 接下来，我们将完成以上6步的内容，继续阅读前，建议先阅读我的另外两篇文章作为基础知识： Activity setContentView背后的一系列源码分析 Android 让反射变的简单 建议先阅读 .
关于三种『应用内主题切换』开源项目的一点思考
赵凯强
12-10 4934
Theme 遍历View 开源项目 MultipleTheme Colorful AndroidChangeSkin 我的思考 参考文章 关于我 这里讨论的只是白天、夜晚主题切换这种场景，不涉及外部资源加载。现在要给App添加夜晚主题，所以就需要选择一种应用内部更换主题的实现方案，目前来说，比较常见的几种方式如下：Theme设置Theme来切换不同主题。优点：利用系统自带的机制实现，根据标志位set
android自定义dialog实现app换肤功能
qq_28510593的博客
12-08 635
1.先是写自定义的MyDialog类 package com.oracle.cary.myphoneprotector1; import android.app.Dialog; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; impo
关于dialog 切换主题的难题
qq_26522993的博客
09-18 546
android 主题切换，dialog等其他控件在已经显示的情况下切换不同的主题
Android：主题切换
肖云鹤的博客
06-04 3692
主题切换
Android实现切换主题功能
QG
01-31 304
主题换肤
android自定义对话框有背景,Android之Activity设置主题背景后AlertDialog的背景随之改变的问题...
weixin_31208627的博客
05-25 302
在制作App的闪屏页时如果你仔细观察就会发现，每次你在手机桌面点击图标启动应用时会先出现一个白色背景(也就是我们通常所说的白屏)，然后才会跳转到闪屏页。就像这样：关于如何解决启动时的白屏问题，大家可以参考这篇博客：Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法。解决的方法很简单，就是在SplashActivity的主题中将背景设置成给闪屏页一样的图片：truetru...
关于Android应用多套主题切换
刹那的博客
10-17 3304
一、要求：在应用内实现可以切换多套主题（指使用不同的背景颜色、字体颜色、图片等）二、方法步骤：（一）定义需要实现切换的资源对应的属性在res文件夹下的values下新建attrs.xml文件<?xml version=1.0 encoding="utf-8"?> <resources> <attr name="infobar_background" format="reference/col
Android日夜间模式切换实现解析
"Android主题切换之探究白天和夜间模式" 在Android开发中，主题切换是提升用户体验的重要手段之一，尤其体现在白天和夜间模式的切换。这种功能允许用户根据环境光线或个人偏好选择适合的界面风格，以减少视觉疲劳，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值