欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android 使用Theme实现动态切换主题详细教程

程序员文章站 2022-05-14 21:14:04
...

简介:

有关于Android 实现应用内动态切换主题的常用方式有两种

  • 通过Theme切换主题
  • 通过AssetManager切换主题

本文主要介绍通过Theme切换主题。

通过AssetManager切换主题

Android通过AssetManager来加载皮肤包,用皮肤包里的资源替换现有资源达成换肤效果。对此暂时没有深入研究,留作以后填写,不再赘述。

通过Theme切换主题

Android 通过在activity中使用 setTheme()函数来设置背景样式,通过加载styles.xml里的样式来设置Android 应用的主题。(注意:需要在 setContentView(R.layout.activity_main);之前调用setTheme)

在开始制作主题之前我们先看下这张图Android 使用Theme实现动态切换主题详细教程
通过这张图我们可以了解到不同的字段代表的是哪一块的颜色,例如:

  • colorPrimary 代表的是 App Bar 的颜色。
  • colorPrimaryDark 代表的是状态栏的背景色。

我们也可以自己定制布局控件的颜色:

1. 在values文件夹下创建attr.xml ,在attr.xml写入属性名

<resources>
    <attr name="mainColor" format="color" />
    <attr name="view1color" format="color" />
    <attr name="view2color" format="color" />
    <attr name="view3color" format="color" />
    <attr name="button1color" format="color" />
</resources>

2. 在colors.xml 填入需要用到的颜色。

<resources>

    <color name="colorPrimary">#008577</color>
    <color name="colorAccent">#D81B60</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="blue2">#006c93</color>
    <color name="blue1">#b4e1f1</color>
    <color name="blue3">#003CFF</color>
    <color name="blace">#000000</color>
    <color name="white">#FFFFFF</color>
    <color name="red">#fd0000</color>
    <color name="red2">#f96363</color>
    <color name="green">#04fd00</color>
    <color name="yellow">#D9B300</color>
    <color name="gray">#cecece</color>
    <color name="pink">#ff3542</color>
</resources>

3. 在布局中引用样式,注意红框圈起来的部分
Android 使用Theme实现动态切换主题详细教程

4. 在styles.xml文件下自定义主题样式
在这里写个例子示范。

    <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar" >
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>// App Bar 颜色
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>//状态栏颜色
        <item name="colorAccent">@color/colorAccent</item>//控件选中状态下的颜色
        <item name="android:windowBackground">@drawable/white</item>//窗口背景颜色
        <item name="view1color">@color/blue1</item>//textview1的颜色
        <item name="view2color">@color/red</item>//textview2的颜色
        <item name="view3color">@color/yellow</item>//textview3的颜色
        <item name="button1color">@color/blue1</item>//button的颜色
    </style>

parent 是指继承的主题风格,
常见的主题风格有:以下这些:
android:theme="@android:style/Theme.Dialog" 将一个Activity显示为能话框模式
android:theme="@android:style/Theme.NoTitleBar" 不显示应用程序标题栏
android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 不显示应用程序标题栏,并全屏
android:theme=“Theme.Light” 背景为白色
android:theme=“Theme.Light.NoTitleBar” 白色背景并无标题栏
android:theme=“Theme.Light.NoTitleBar.Fullscreen” 白色背景,无标题栏,全屏
android:theme=“Theme.Black” 背景黑色
android:theme=“Theme.Black.NoTitleBar” 黑色背景并无标题栏
android:theme=“Theme.Black.NoTitleBar.Fullscreen” 黑色背景,无标题栏,全屏
android:theme=“Theme.Wallpaper” 用系统桌面为应用程序背景
android:theme=“Theme.Wallpaper.NoTitleBar” 用系统桌面为应用程序背景,且无标题栏
android:theme=“Theme.Wallpaper.NoTitleBar.Fullscreen” 用系统桌面为应用程序背景,无标题栏,全屏
android:theme=“Translucent” 半透明
android:theme=“Theme.Translucent.NoTitleBar” 半透明、无标题栏
android:theme=“Theme.Translucent.NoTitleBar.Fullscreen” 半透明、无标题栏、全屏
android:theme=“Theme.Panel”

5. 实现读取配置文件设置主题

    private  void setBaseTheme() {
        SharedPreferences sharedPreferences = getSharedPreferences(
                "com.example.test_preferences", MODE_PRIVATE);
        String themeType = sharedPreferences.getString("theme_type", "蓝色主题");
        int themeId;
        switch (themeType) {
            case "蓝色主题":
                themeId = R.style.blueTheme;
                break;
            case "粉色主题":
                themeId = R.style.pinkTheme;
                break;
            case "彩色主题":
                themeId = R.style.AppTheme;
                break;
            default:
                themeId = R.style.blueTheme;
        }
        setTheme(themeId);
    }

使用SharedPreferences 来读取文件。根据读取的参数来设置主题
再次提醒,需要写在setContentView(R.layout.activity_main);之前

下面是一些实现效果。
Android 使用Theme实现动态切换主题详细教程
Android 使用Theme实现动态切换主题详细教程
Android 使用Theme实现动态切换主题详细教程
https://blog.csdn.net/qq_36674643/article/details/90546926
张联兴