MAUI中DataTrigger在Release模式下背景色不生效问题求助

问题场景 #

我在MAUI开发中遇到按钮样式异常问题，按钮代码如下：

<Button
    Text="{x:Static res:AppRes.SaveAsDraft}"
    BorderColor="#2b3c3c"
    BackgroundColor="#001933"
    CornerRadius="10"
    TextColor="White"
    HorizontalOptions="CenterAndExpand"
    WidthRequest="120"
    HeightRequest="40"
    Margin="0,0,10,10"
    IsVisible="True"
    VerticalOptions="Center"
    Command="{Binding SaveAsDraftCommand}">
    <Button.Triggers>
        <DataTrigger TargetType="Button" Binding="{Binding ChangesWereMade}" Value="True">
            <Setter Property="IsEnabled" Value="True" />
            <Setter Property="BackgroundColor" Value="#001933" />
        </DataTrigger>
        <DataTrigger TargetType="Button" Binding="{Binding ChangesWereMade}" Value="False">
            <Setter Property="IsEnabled" Value="False" />
            <Setter Property="BackgroundColor" Value="Gray" />
        </DataTrigger>                        
    </Button.Triggers>
</Button>

ViewModel中的changesWereMade标记了[ObservableProperty]，表现差异如下：

• Design模式：完全正常，ChangesWereMade=True时按钮启用且背景色为#001933；False时禁用且背景色为灰色。
• Release模式：IsEnabled属性正常工作，但BackgroundColor异常——ChangesWereMade=True时背景色仍为灰色，仅False时显示正常。

原因分析及修复方案 #

1. Release模式下样式优先级冲突

MAUI在Release模式会加载默认控件样式，这些样式的优先级可能高于直接写在控件上的DataTrigger设置。当按钮从禁用切换为启用时，默认启用样式会覆盖你自定义的背景色设置。

修复：将Triggers移至Style中，并继承默认样式
把按钮属性和Triggers整合到自定义Style里，通过BasedOn继承默认样式，确保自定义规则优先级更高：

<ContentPage.Resources>
    <Style TargetType="Button" x:Key="SaveDraftButtonStyle" BasedOn="{StaticResource DefaultButtonStyle}">
        <Setter Property="Text" Value="{x:Static res:AppRes.SaveAsDraft}" />
        <Setter Property="BorderColor" Value="#2b3c3c" />
        <Setter Property="BackgroundColor" Value="#001933" />
        <Setter Property="CornerRadius" Value="10" />
        <Setter Property="TextColor" Value="White" />
        <Setter Property="HorizontalOptions" Value="CenterAndExpand" />
        <Setter Property="WidthRequest" Value="120" />
        <Setter Property="HeightRequest" Value="40" />
        <Setter Property="Margin" Value="0,0,10,10" />
        <Setter Property="IsVisible" Value="True" />
        <Setter Property="VerticalOptions" Value="Center" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding ChangesWereMade}" Value="True">
                <Setter Property="IsEnabled" Value="True" />
                <Setter Property="BackgroundColor" Value="#001933" />
            </DataTrigger>
            <DataTrigger Binding="{Binding ChangesWereMade}" Value="False">
                <Setter Property="IsEnabled" Value="False" />
                <Setter Property="BackgroundColor" Value="Gray" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</ContentPage.Resources>

<!-- 使用自定义样式 -->
<Button Command="{Binding SaveAsDraftCommand}" Style="{StaticResource SaveDraftButtonStyle}" />

2. 启用编译时绑定检查

在ContentPage根节点添加x:DataType指定ViewModel类型，让MAUI在编译阶段校验绑定正确性，避免Release模式下绑定优化导致的Trigger失效：

<ContentPage 
    ...
    x:DataType="local:你的ViewModel类名">

3. 检查Release模式编译配置

右键项目→属性→MAUI，确保“优化XAML编译”未过度优化（默认配置即可，若问题持续可尝试临时关闭该选项测试）。

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