如何在ToolbarItem禁用时将FontImageSource图标置灰？

可以实现该需求，通过样式绑定或触发器，让所有ToolbarItem在禁用状态下自动将FontImageSource图标置灰，以下是具体实现方式：

方法1：使用布尔转颜色转换器（推荐，灵活可控） #

步骤1：创建布尔转颜色转换器 #

先定义一个转换器，根据IsEnabled状态返回对应颜色：

public class BoolToColorConverter : IValueConverter
{
    // 可自定义启用/禁用状态的颜色
    public Color EnabledColor { get; set; } = Colors.Black;
    public Color DisabledColor { get; set; } = Colors.Gray;

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is bool isEnabled && isEnabled ? EnabledColor : DisabledColor;
    }

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

步骤2：全局配置样式（App.xaml） #

将转换器和ToolbarItem样式添加到应用全局资源，这样所有ToolbarItem都会自动应用该行为：

<Application.Resources>
    <local:BoolToColorConverter x:Key="BoolToColorConverter" 
                                EnabledColor="Black" 
                                DisabledColor="Gray" />
    
    <Style TargetType="ToolbarItem">
        <!-- 动态绑定FontImageSource的Color到ToolbarItem自身的IsEnabled -->
        <Setter Property="IconImageSource">
            <Setter.Value>
                <FontImageSource 
                    Color="{Binding Source={RelativeSource Self}, Path=Parent.IsEnabled, Converter={StaticResource BoolToColorConverter}}" />
            </Setter.Value>
        </Setter>
    </Style>
</Application.Resources>

步骤3：使用ToolbarItem #

在页面中正常定义ToolbarItem即可，无需额外配置颜色：

<ContentPage.ToolbarItems>
    <ToolbarItem
        Command="{Binding StartContainerCommand}"
        CommandParameter="{Binding Container}"
        IsEnabled="{Binding Container.State, Converter={StaticResource IsEqualConverter}, ConverterParameter=exited}"
        Text="Start">
        <ToolbarItem.IconImageSource>
            <FontImageSource FontFamily="faLight" Glyph="&#xf04b;" />
        </ToolbarItem.IconImageSource>
    </ToolbarItem>
</ContentPage.ToolbarItems>

方法2：使用DataTrigger实现（无需转换器） #

直接在ToolbarItem样式中添加触发器，根据IsEnabled状态切换图标颜色：

<Application.Resources>
    <Style TargetType="ToolbarItem">
        <Style.Triggers>
            <!-- 禁用状态下置灰 -->
            <DataTrigger Binding="{Binding IsEnabled}" Value="False">
                <Setter Property="IconImageSource">
                    <Setter.Value>
                        <FontImageSource 
                            FontFamily="{Binding IconImageSource.FontFamily, Source={RelativeSource Self}}"
                            Glyph="{Binding IconImageSource.Glyph, Source={RelativeSource Self}}"
                            Color="Gray" />
                    </Setter.Value>
                </Setter>
            </DataTrigger>
            <!-- 启用状态恢复原色 -->
            <DataTrigger Binding="{Binding IsEnabled}" Value="True">
                <Setter Property="IconImageSource">
                    <Setter.Value>
                        <FontImageSource 
                            FontFamily="{Binding IconImageSource.FontFamily, Source={RelativeSource Self}}"
                            Glyph="{Binding IconImageSource.Glyph, Source={RelativeSource Self}}"
                            Color="Black" />
                    </Setter.Value>
                </Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Application.Resources>

两种方式都能实现全局统一的行为，当ToolbarItem的IsEnabled变为False时，图标会自动切换为灰色，文本保持原有禁用样式。

内容的提问来源于stack exchange，提问作者Johann Löwen