如何使用 Xamarin.Forms 中的转换器将文本转换为颜色



我想固定枚举我的应用程序颜色,即文本的颜色、分隔符的颜色和背景的颜色,我不想每次使用它时都键入相同的颜色,所以我想我可以传递对象名称(例如分隔符),并在转换器中将其转换为所需的颜色:这是我对IValueConverter类的实现:

class AppColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string)
        {
            var color = (string)value;
            switch (color)
            {
                case "separator":
                    return Color.FromHex("c2bca8");
                case "text":
                    return Color.FromHex("96907e");
                default:
                    return Color.Default;
            }
        }
        else
            return null;
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

但是我从我的知识中使用它进行数据绑定,但我只想将一个字符串传递给 color 属性,转换器处理它,我添加了一个资源字典:

  <Controls:CustomPage.Resources>
        <ResourceDictionary>
            <Converters:AppColorConverter x:Key="colorConverter"/>
        </ResourceDictionary>
    </Controls:CustomPage.Resources>

但是我如何使用它,这不起作用:

<Label Text="English" 
       VerticalOptions="CenterAndExpand" 
       HorizontalOptions="EndAndExpand" 
       TextColor="{separator, Converter=colorConverter}"/>
您还可以将

颜色值存储在资源字典中,如下所示:

<Color x:Key="ThemeBlue">#2499CE</Color>

然后在 switch 语句中,使用以下语法:

return Application.Current.Resources["ThemeBlue"];

这样,您就可以在网站上的所有转换器中重复使用颜色值,并在一个地方(资源词典)中管理它们。

编辑

可以在尝试时绑定,但需要更新语法。试试这个:

<Label Text="English" VerticalOptions="CenterAndExpand" HorizontalOptions="EndAndExpand" TextColor="{Binding ., Converter={StaticResource colorConverter}, ConverterParameter='separator'}" />

在值转换器中,使用参数对象而不是值对象 - 在此示例中,我们将"分隔符"作为参数传递。但是,我不推荐这种方法。

if (parameter is string)
        {
            var color = (string)parameter;
            ... etc ...

我认为迭戈只使用风格的想法是要走的路,但这回答了你的问题并适用于我的测试。

这只是您忘记的一个细节:使用转换器的静态资源声明。

以下是您必须设置转换器使用的方法:

<Label Text="English" 
       VerticalOptions="CenterAndExpand" 
       HorizontalOptions="EndAndExpand" 
       TextColor="{separator, Converter={StaticResource colorConverter}}"/>

尽管如此,在你的场景中,你不会认为一种风格是一种更好的方法吗?

基本上你不能

使用该语法{separator, Converter=colorConverter},因为大括号表示你正在使用标记扩展(在这种情况下,这意味着在你的代码库中的某个地方有一个从 MarkupExtension 继承的分隔符扩展,并且它有一个名为 Converter 的属性,但这也不起作用,因为 UWP 不支持自定义标记扩展)。 如果您尝试使用 Binding 标记扩展(及其转换器,它应该是类似这样的 {Binding separator, C.... ),您也不能这样做,因为它会尝试在包含元素的 DataContext 中搜索"分隔符"属性(但在 WPF 中,您可以绑定到静态属性,因此您可以在 XAML 中的某个位置创建字符串的实例,并以静态方式绑定到它以通过转换器使用。我们在 UWP 中也无法实现这一点)。 因此,您唯一的选择是使用David答案中的资源方法,并通过{StaticResource MyColor}语法引用它们。

最新更新