Silverlight 数据影响外观.. VisualStateManger .. 根据数据值的颜色

Question

在Silverlight中，如何让按钮的颜色根据其内容的值而改变..例如'0'=红色，'1'=绿色..

我已经查看了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>