silverlight - Silverlight 数据影响外观 .. VisualStateManger .. 根据数据值显示颜色

Question

在 Silverlight 中，我如何让按钮的颜色根据其内容的值进行更改.. 例如 '0' = red ，'1' = green ..

我已经查看了 VisualStateManger，但看不到该怎么做.. 我可以看到鼠标悬停等很容易.. 但对于数据值则不然。

Answer 1

您需要的是一个值转换器，它是IValueConverter. 在这篇博客文章中，您可以找到StringToObjectConverter可用于您的任务的代码。我将在这里重现代码：-

using System;
using System.Windows;
using System.Windows.Data;
using System.Linq;
using System.Windows.Markup;

namespace SilverlightApplication1
{
    [ContentProperty("Items")]
    public class StringToObjectConverter : IValueConverter
    {
        public ResourceDictionary Items { get; set; }
        public string DefaultKey { get; set; }

        public StringToObjectConverter()
        {
            DefaultKey = "__default__";
        }

        public virtual object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value != null && Items.Contains(value.ToString()))
                return Items[value.ToString()];
            else
                return Items[DefaultKey];
        }

        public virtual object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return Items.FirstOrDefault(kvp => value.Equals(kvp.Value)).Key;
        }
    }
}

现在您可以将此转换器的实例添加到您的用户控件中的资源中：-

 <UserControl.Resources>
     <local:StringToObjectConverter x:Key="StatusToBrush">
         <ResourceDictionary>
             <SolidColorBrush Color="Red" x:Key="0" />
             <SolidColorBrush Color="Green" x:Key="1" />
             <SolidColorBrush Color="Silver" x:Key="__default__" /> 
         </ResourceDictionary>
     </local:StringToObjectConverter>
 </UserControl>

现在您可以将 绑定Background到您的值：-

 <Button Background="{Binding Value, Converter={StaticResource StatusToBrush}}">
    <TextBlock Text="{Binding Value}" />
 </Button>