可绘制文件在深色模式下不会改变颜色

Posted

技术标签:

【中文标题】可绘制文件在深色模式下不会改变颜色【英文标题】:Drawable file wont change color in Dark Mode 【发布时间】:2021-11-29 17:01:50 【问题描述】:

我目前正在处理一个 LoginActivity,我想制作一个圆形线性来将 Edittext 放在里面,我使用一个 XML 文件来圆角它们,但唯一的问题是,它们在暗模式下不会改变颜色.

我已经使用了 @colors 文件中的颜色,但它根本不会影响,我尝试使用 cardview 而不是带有可绘制文件作为背景的 Linearview,但它破坏了布局。

XML:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/design_default_color_on_primary"/>
    <stroke android: android:color="#B1BCBE" />
    <corners android:radius="20dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

LoginActivity.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    tools:context=".LoginActivity">

    <ImageView
        android:layout_
        android:layout_
        android:scaleType="center"
        android:src="@drawable/login_bg1"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>


    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_
        android:layout_
        android:background="@drawable/loginbg"
        android:elevation="25dp"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <TextView
            android:layout_
            android:layout_
            android:text="Login"
            android:layout_marginVertical="20dp"
            android:textStyle="bold"
            android:textSize="30sp"
            android:textColor="@color/design_default_color_primary"/>

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_marginTop="10dp"
            android:layout_marginEnd="44dp"
            android:layout_marginStart="44dp"
            android:padding="10dp"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:background="@drawable/edittext_box"
            android:elevation="10dp">

            <ImageView
                android:layout_
                android:layout_
                android:src="@drawable/ic_email"/>

            <EditText
                android:id="@+id/Email"
                android:layout_
                android:layout_
                android:layout_marginStart="10dp"
                android:layout_marginEnd="10dp"
                android:background="@null"
                android:hint="Email"
                android:inputType="textEmailAddress"
                android:textColorHint="@color/design_default_color_primary"/>
        </LinearLayout>

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_marginTop="10dp"
            android:layout_marginEnd="44dp"
            android:layout_marginStart="44dp"
            android:padding="10dp"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:background="@drawable/edittext_box"
            android:elevation="10dp">

            <ImageView
                android:layout_
                android:layout_
                android:src="@drawable/ic_password"/>

            <EditText
                android:id="@+id/Password"
                android:layout_
                android:layout_
                android:layout_marginStart="10dp"
                android:layout_marginEnd="10dp"
                android:background="@null"
                android:hint="Password"
                android:inputType="textPassword"
                android:textColorHint="@color/design_default_color_primary"/>
        </LinearLayout>

        <Button
            android:id="@+id/login"
            android:layout_
            android:layout_
            android:layout_marginTop="20dp"
            android:text="Login"/>


    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

也许有人知道要解决这个问题。

【问题讨论】:

您是否有 values/colors.xmlvalues-night/colors.xml 具有不同值的文件:@color/design_default_color_on_primary?确实,您应该尝试使用 ?attr 样式语法来引用颜色(就像 Android 所做的那样 - colorOnSurfacecolorPrimary 等)并创建自定义 attr 值而不是直接引用颜色,当您想要更改或更新主题。 我只有 colors.xml 和 2 个主题,一个用于白天,一个用于晚上,我使用了“colorPrimary”等主题中的颜色,这两个主题都有,只是版本略有不同。跨度> 你是直接引用颜色,如果你没有为同一种颜色定义2个状态那么它不会改变吗?正如建议的那样,要么创建 2 个 color.xml 文件,要么创建您自己的 attr 值,该值指向每个主题中的不同颜色,这应该是执行此操作的首选方式。 我使用了属性,它可以工作。 【参考方案1】:

要支持暗模式,夜间版本需要单独的 colors.xml 文件。为夜间模式创建颜色文件。按着这些次序。 右键单击值文件夹 新建 > 价值资源文件 在可用的限定符中搜索夜间模式并单击 (>>) 按钮。 从下拉列表中选择夜晚 将文件命名为颜色

并在此处定义所有夜间模式颜色

颜色名称将与非夜间颜色文件相同

为夜间模式创建 colors.xml 的另一种方法是 在左上角点击 Android 并切换到项目, 转到文件夹 app > src > main > res 并创建一个新文件夹并将其命名为 values-night 并在该文件夹中创建一个名为 colors.xml 的 XML 文件

【讨论】:

我刚刚使用了 Attributes,它起作用了。

以上是关于可绘制文件在深色模式下不会改变颜色的主要内容,如果未能解决你的问题,请参考以下文章

Android Dark 主题反转矢量可绘制对象的颜色

windowbackground 在深色和浅色主题中不起作用

页面重新加载后 Vuetify 暗模式颜色错误

Flutter-如何在深色模式下更改状态栏文字颜色?

重点突破——Canvas技术绘制随机改变的验证码

Flutter 深色(暗黑)模式下 状态栏字体颜色为白色