Android 中解决 Button 按钮背景色设置无效的问题

发布于:2025-08-10 ⋅ 阅读:(20) ⋅ 点赞:(0)

1、问题描述

  • 在布局文件中有两个 Button 按钮,为每个按钮设置不同的背景色,但是显示出来的效果都是紫色的,跟设置的颜色不同,布局文件如下所示:
	<Button
           android:id="@+id/button_cancel"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:textSize="@dimen/sp_30"
           android:textColor="@color/white"
           android:text="@string/cancel"
           android:background="@color/blue"
           app:layout_constraintTop_toTopOf="parent"
           app:layout_constraintLeft_toLeftOf="parent">

       <Button
           android:id="@+id/button_confirm"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:textSize="@dimen/sp_30"
           android:textColor="@color/white"
           android:text="@string/confirm"
           android:background="@color/red"
           app:layout_constraintTop_toTopOf="@+id/button_cancel"
           app:layout_constraintLeft_toRightOf="@+id/button_cancel"
           android:layout_marginStart="@dimen/dp_50"/>
  • 正常效果应该是一个显示蓝色,一个显示红色,但是实际效果是两个都显示紫色,如下所示:
    在这里插入图片描述

2、原因分析

  • 这种现象是由于程序中设置了新版本主题,而新版本主题会导致按钮颜色显示异常。
    <style name="MyTheme.FullScreen" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
    </style>
  • 这里用了 Material 新版本主题 Theme.MaterialComponents.DayNight.NoActionBar。

3、解决方法

  • 通过修改主题可以解决该问题,修改 app/res/values 目录下的 themes.xml 文件,将父主题更改为 Theme.MaterialComponents.DayNight.NoActionBar.Bridge,成功解决了所有按钮颜色统一显示为紫色的问题。
    <style name="MyTheme.FullScreen" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
    </style>
  • 显示效果
    在这里插入图片描述

4、两个主题区别

  • Theme.MaterialComponents.DayNight.NoActionBar
    这是一个标准的 Material Components 主题,支持日夜模式切换(DayNight),并且不包含 ActionBar。适用于需要完全采用 Material Components 设计语言的应用程序,且不需要 ActionBar 的场景。
  • Theme.MaterialComponents.DayNight.NoActionBar.Bridge
    这是一个过渡主题,用于在迁移到 Material Components 时,保持与旧主题的兼容性。适用于从旧的主题(如 Theme.AppCompat)迁移到 Material Components 主题时,但又不想立即完全替换所有主题属性,可以使用这个桥接主题。

网站公告

今日签到

点亮在社区的每一天
去签到