1、问题描述

• 在布局文件中有两个 Button 按钮，为每个按钮设置不同的背景色，但是显示出来的效果都是紫色的，跟设置的颜色不同，布局文件如下所示：

	<Buttonandroid: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"><Buttonandroid: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 主题时，但又不想立即完全替换所有主题属性，可以使用这个桥接主题。