.NET MAUI中如何复用频繁使用的XAML触发器？

1. 定义可复用Style（最适合全局多处复用） #

在页面的ResourceDictionary或全局App.xaml中定义包含DataTrigger的Style，所有需要该效果的Label直接引用即可：

<!-- 可放在页面资源或App.xaml全局资源中 -->
<Style x:Key="GreyWhenActiveLabelStyle" TargetType="Label">
    <Setter Property="TextColor" Value="White"/> <!-- 默认白色 -->
    <Style.Triggers>
        <DataTrigger TargetType="Label"
                     Binding="{Binding SomeTriggerBool}"
                     Value="True">
            <Setter Property="TextColor" Value="Grey"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

Label代码简化为：

<Label Text="{Binding SomeNumber}" Style="{StaticResource GreyWhenActiveLabelStyle}"/>
<Label Text="/" Style="{StaticResource GreyWhenActiveLabelStyle}"/>
<Label Text="{Binding SomeOtherNumber}" Style="{StaticResource GreyWhenActiveLabelStyle}"/>

若全局多处用到，将Style放入App.xaml，整个应用可直接复用。

2. 使用ValueConverter（极简绑定方式） #

创建布尔值转颜色的转换器，直接通过绑定实现颜色切换，无需触发器：

首先编写C#转换器类：

public class BoolToTextColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (value is bool isGrey && isGrey) ? Colors.Grey : Colors.White;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException(); // 单向绑定无需实现
    }
}

在XAML资源中声明转换器：

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

Label直接绑定TextColor：

<Label Text="{Binding SomeNumber}" TextColor="{Binding SomeTriggerBool, Converter={StaticResource BoolToTextColor}}"/>
<Label Text="/" TextColor="{Binding SomeTriggerBool, Converter={StaticResource BoolToTextColor}}"/>
<Label Text="{Binding SomeOtherNumber}" TextColor="{Binding SomeTriggerBool, Converter={StaticResource BoolToTextColor}}"/>

此方式代码量最少，适合简单颜色切换场景。

3. 容器级批量控制（适合同组Label） #

若Label在同一容器内（如HorizontalStackLayout），可通过VisualState批量控制：

<HorizontalStackLayout x:Name="NumberGroup">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="TriggerStates">
            <VisualState x:Name="Normal"/>
            <VisualState x:Name="GreyState">
                <VisualState.Setters>
                    <Setter TargetName="Num1" Property="TextColor" Value="Grey"/>
                    <Setter TargetName="Slash" Property="TextColor" Value="Grey"/>
                    <Setter TargetName="Num2" Property="TextColor" Value="Grey"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

    <Label x:Name="Num1" Text="{Binding SomeNumber}" TextColor="White"/>
    <Label x:Name="Slash" Text="/" TextColor="White"/>
    <Label x:Name="Num2" Text="{Binding SomeOtherNumber}" TextColor="White"/>
</HorizontalStackLayout>

在后台或ViewModel中切换状态：

// 监听SomeTriggerBool变化，切换视觉状态
if (SomeTriggerBool)
    VisualStateManager.GoToState(NumberGroup, "GreyState");
else
    VisualStateManager.GoToState(NumberGroup, "Normal");

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