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