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 主題時，但又不想立即完全替換所有主題屬性，可以使用這個橋接主題。