.NET MAUI中基于背景色通过转换器设置文本颜色问题

你的Label绑定语法存在错误，{x:Reference}的使用方式不正确，同时这里仅需绑定单个属性，没必要用MultiBinding，用普通Binding更简洁。

正确的Label XAML代码 #

<Label Text="{Binding Supplier}">
    <Label.TextColor>
        <Binding Source="{x:Reference FrameToy}" 
                 Path="BackgroundColor" 
                 Converter="{StaticResource TextColorCoverterVdBackground}" />
    </Label.TextColor>
</Label>

如果坚持要使用MultiBinding，修正后的写法如下：

<Label Text="{Binding Supplier}">
    <Label.TextColor>
        <MultiBinding Converter="{StaticResource TextColorCoverterVdBackground}">
            <Binding Source="{x:Reference FrameToy}" Path="BackgroundColor" />
        </MultiBinding>
    </Label.TextColor>
</Label>

文本颜色转换器实现 #

转换器的核心逻辑是根据背景色的亮度，自动选择高对比度的文本颜色（亮色背景用黑色，暗色背景用白色），符合WCAG可读性标准：

普通IValueConverter版本（对应普通Binding）

public class TextColorCoverterVdBackground : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is Color bgColor)
        {
            // 计算颜色相对亮度
            double luminance = (0.299 * bgColor.Red) + (0.587 * bgColor.Green) + (0.114 * bgColor.Blue);
            return luminance > 0.5 ? Colors.Black : Colors.White;
        }
        return Colors.Black;
    }

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

IMultiValueConverter版本（对应MultiBinding）

public class TextColorCoverterVdBackground : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length > 0 && values[0] is Color bgColor)
        {
            double luminance = (0.299 * bgColor.Red) + (0.587 * bgColor.Green) + (0.114 * bgColor.Blue);
            return luminance > 0.5 ? Colors.Black : Colors.White;
        }
        return Colors.Black;
    }

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

最后别忘了注册转换器 #

在页面的资源字典中添加转换器的注册：

<ContentPage.Resources>
    <ResourceDictionary>
        <local:ToyColorConverter x:Key="ToyColorConverter" />
        <local:TextColorCoverterVdBackground x:Key="TextColorCoverterVdBackground" />
    </ResourceDictionary>
</ContentPage.Resources>

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