Android Studio设计视图颜色显示异常，未设色按钮显示紫色

• 你的项目默认主题继承了MaterialComponents系列主题，该主题对未单独设置背景色调的Button控件，会默认使用主题中定义的colorPrimary属性值（你看到的紫色）作为按钮背景色，设计视图会优先读取主题默认样式渲染控件，所以所有未单独配置颜色的按钮都会显示为紫色。
• 少数情况是Android Studio设计视图缓存异常，导致渲染效果和实际配置不一致。

方法一：全局修改默认按钮样式（所有按钮统一生效） #

打开项目主题配置文件（通常路径为res/values/themes.xml），新增按钮样式配置：

<style name="Theme.你的应用名称" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- 原有其他主题配置保留 -->
    <item name="materialButtonStyle">@style/CustomDefaultButton</item>
</style>

<!-- 自定义默认按钮样式 -->
<style name="CustomDefaultButton" parent="Widget.MaterialComponents.Button">
    <item name="backgroundTint">@color/你想要的默认按钮颜色</item>
</style>

方法二：单独调整单个按钮颜色 #

如果只需要修改个别按钮的颜色，给对应Button控件添加app:backgroundTint属性即可：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="其他按钮"
    app:backgroundTint="@color/你需要的颜色值"
    />

注意：使用MaterialComponents主题时，不要直接用android:background属性设置按钮背景，该属性会被默认的backgroundTint覆盖，优先使用app:backgroundTint调整按钮颜色。

方法三：清理缓存解决渲染异常 #

如果修改配置后设计视图显示仍不正确，点击顶部菜单栏 File -> Invalidate Caches...，勾选清理缓存选项后重启Android Studio即可生效。

内容的提问来源于stack exchange，提问作者user14603655