【问题标题】:How do you change android app theme colors with default phone settings?如何使用默认手机设置更改 android 应用主题颜色?
【发布时间】:2021-03-28 07:59:56
【问题描述】:

我是 android 样式和主题的新手,我看过很多不同的帖子,但似乎无法解决我面临的问题。

我尝试过的所有解决方案似乎都与this one 几乎相同(通常不包括物理应用内开关),所以我可能只是在这里遗漏了一些东西!

基本上,我希望我正在开发的应用程序的背景能够根据手机默认暗模式设置的设置在浅色和深色之间切换。因此,如果手机处于深色模式,则在您打开应用时应用较深的颜色,如果处于浅色模式,则应用较浅的颜色。

明确地说,我说的是您在手机设置或向下滑动屏幕中设置的明暗模式,而不是应用内的开关。

我已将样式和主题的父项都切换为使用 dayNight。

速记

风格的名称目前是 LightTheme,这只是我尝试不同的东西来尝试让它发挥作用!

styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="LightTheme" parent="Theme.MaterialComponents.DayNight">
        <item name="colorPrimary">@color/light_blue</item>
        <item name="colorPrimaryDark">@color/dark_blue</item>
        <item name="colorSecondary">@color/dark_purple</item>
        <item name="colorSecondaryVariant">@color/light_purple</item>
        <item name="colorAccent">@color/yellow</item>
        <item name="colorButtonNormal">@color/orange</item>
    </style>
</resources>

Themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.Whereshouldieat" parent="Theme.MaterialComponents.DayNight">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>
</resources>

我可以为整个应用或活动设置主题或样式,但我不希望较小的子元素的背景与应用的“背面”具有相同的颜色背景(例如,我不希望不希望 recyclerview 项目与应用程序的背景共享背景颜色,因为那样它们就不会像我需要它们那样突出)。我可以设置视图的样式,但它们不会随着手机的明暗模式而改变。

目前我的颜色会随着问题的错误解决方法而改变,这就是其中的这段代码 MainActvitiy.kt

 when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) {

            Configuration.UI_MODE_NIGHT_NO -> {
                val backgroundColor = ContextCompat.getColor(this, R.color.light_blue)

                findViewById<ConstraintLayout>(R.id.main_activity_layout).setBackgroundColor(backgroundColor)
            }

            Configuration.UI_MODE_NIGHT_YES -> {
                val backgroundColor = ContextCompat.getColor(this, R.color.black)

                findViewById<ConstraintLayout>(R.id.main_activity_layout).setBackgroundColor(backgroundColor)
            }
        }

可以做的是让应用程序使用我所描述的白天或夜间模式在白色和黑色背景之间切换。是否像更改这些“模式”的默认颜色一样简单?如果是这样,我只需要知道该怎么做!

感谢您的帮助,谢谢!

【问题讨论】:

    标签: android android-layout kotlin


    【解决方案1】:

    请查看此代码实验室Add Light/Dark Theme

    更新您的主题的深色版本
    打开 themes.xml (night) (app > res > values > Themes > Themes.xml (night))
    注意:这个 theme.xml 文件与之前的主题不同。 xml 文件。
    此文件包含主题的深色主题版本。
    当设备上的深色主题打开时,将使用此文件中的资源。

    完成后,您的 Themes.xml(夜间)文件应如下所示:

        <resources xmlns:tools="http://schemas.android.com/tools">
            <!-- Application theme for dark theme. -->
            <style name="Theme.TipTime" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
                <!-- Primary brand color. -->
                <item name="colorPrimary">@color/green_light</item>
                <item name="colorPrimaryVariant">@color/green</item>
                <item name="colorOnPrimary">@color/black</item>
                <!-- Secondary brand color. -->
                <item name="colorSecondary">@color/blue_light</item>
                <item name="colorSecondaryVariant">@color/blue_light</item>
                <item name="colorOnSecondary">@color/black</item>
                <!-- Status bar color. -->
                <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
                <!-- Customize your theme here. -->
            </style>
        </resources>
    

    your theme structure should look like this

    【讨论】:

    • 谢谢!看来我有所有正确的部分(加上一些额外的!)但我只是有一些小错误漂浮在周围。这为我指明了正确的方向,谢谢!
    猜你喜欢
    • 1970-01-01
    • 2015-10-28
    • 1970-01-01
    • 2012-03-24
    • 2019-12-13
    • 1970-01-01
    • 1970-01-01
    • 2012-10-26
    • 1970-01-01
    相关资源
    最近更新 更多