.NET 8 MAUI中Label的MultiTrigger/DataTrigger条件匹配失败问题

在.NET 8 MAUI应用中，通过后台代码设置Label的Text属性，相关XAML代码如下：

<Label
    x:Name="lblDropDown"
    Text="{Binding Placeholder, Source={x:Reference this}}"
    TextColor="{Binding TextColor, Source={x:Reference this}}"
    FontSize="{Binding TextSize, Source={x:Reference this}}"
    FontFamily="{Binding TextFontFamily, Source={x:Reference this}}"
>
    <Label.Triggers>
        <MultiTrigger TargetType="Label">
            <MultiTrigger.Conditions>
                <BindingCondition 
                    Binding="{Binding Text, Source={x:Reference this}}" 
                    Value="{Binding Placeholder, Source={x:Reference this}}" />
            </MultiTrigger.Conditions>
            <Setter Property="TextColor" Value="{Binding PlaceholderColor}" />
        </MultiTrigger>
        <DataTrigger TargetType="Label" 
                Binding="{Binding Text, Source={x:Reference this}}" 
                Value="{Binding Placeholder, Source={x:Reference this}}"
        >
            <Setter Property="TextColor" Value="{Binding PlaceholderColor}" />
        </DataTrigger>
    </Label.Triggers>
</Label>
<Label Text="{Binding Text, Source={x:Reference this}}" />

运行时出现问题：当Label的Text与Placeholder初始值相同时，MultiTrigger和DataTrigger均未触发，文本颜色无法切换为PlaceholderColor（灰色）。最后一行Label显示的Text值与Placeholder一致，但触发器未生效。

原因 #

MAUI的DataTrigger/MultiTrigger的Value属性不支持直接绑定动态值（如Placeholder），只能使用静态常量或通过转换器间接处理。直接在Value中写绑定表达式会导致条件判断逻辑失效，无法正确识别Text与Placeholder的相等状态。

解决方法 #

方法1：使用转换器对比文本值

1. 创建一个判断字符串是否相等的转换器：

public class IsEqualConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return string.Equals(value?.ToString(), parameter?.ToString());
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中声明转换器并修改DataTrigger：

<ContentPage.Resources>
    <local:IsEqualConverter x:Key="IsEqualConverter" />
</ContentPage.Resources>

<Label
    x:Name="lblDropDown"
    Text="{Binding Text, Source={x:Reference this}}"
    TextColor="{Binding TextColor, Source={x:Reference this}}"
    FontSize="{Binding TextSize, Source={x:Reference this}}"
    FontFamily="{Binding TextFontFamily, Source={x:Reference this}}"
>
    <Label.Triggers>
        <DataTrigger TargetType="Label" 
                Binding="{Binding Text, Source={x:Reference this}, Converter={StaticResource IsEqualConverter}, ConverterParameter={Binding Placeholder, Source={x:Reference this}}}"
                Value="True"
        >
            <Setter Property="TextColor" Value="{Binding PlaceholderColor, Source={x:Reference this}}" />
        </DataTrigger>
    </Label.Triggers>
</Label>

方法2：通过属性直接判断（MVVM场景推荐）

在代码后台/ViewModel中添加一个用于判断Text与Placeholder是否相等的属性：

private string _text;
public string Text
{
    get => _text;
    set
    {
        _text = value;
        OnPropertyChanged();
        OnPropertyChanged(nameof(IsTextEqualToPlaceholder));
    }
}

private string _placeholder;
public string Placeholder
{
    get => _placeholder;
    set
    {
        _placeholder = value;
        OnPropertyChanged();
        OnPropertyChanged(nameof(IsTextEqualToPlaceholder));
    }
}

public bool IsTextEqualToPlaceholder => string.Equals(Text, Placeholder);

然后在XAML中直接绑定该属性到DataTrigger：

<DataTrigger TargetType="Label" 
        Binding="{Binding IsTextEqualToPlaceholder, Source={x:Reference this}}"
        Value="True"
>
    <Setter Property="TextColor" Value="{Binding PlaceholderColor, Source={x:Reference this}}" />
</DataTrigger>

额外说明 #

• 无需同时保留MultiTrigger和DataTrigger，单个DataTrigger即可满足需求
• 确保PlaceholderColor、TextColor等属性已实现INotifyPropertyChanged，保证属性变化时UI能同步更新

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