WPF系列（二）数据转换

WPF中的依赖属性绑定对象时，如果数据类型不一致，会发生数据转换，比如int 转string 等，这些WPF会帮我们做好，但是如果是比较负杂的类型，比如bool类型转换成 Visibility，就不行了。这时候我们需要自定义转换的类。
这里还是以一个自定义控件的示例来进行说明。
自定义控件调音台SingnalLight,实现功能（示例程序摘自鱼哥的地盘）

• 接收来自外部的范围0~100的数值
• 实时显示接收数值
• 列表内容
• 数值范围0~50显示绿色，50~85显示黄色，85~100显示红色，没有数值显示褐色

• 可在父控件上拖拽该控件

  其中数值范围0~50显示绿色，50~85显示黄色，85~100显示红色，没有数值显示褐色这个功能就是使用的数据转换功能。以下是源代码

 public class SingnalLightStatusConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            SolidColorBrush result = Brushes.Transparent;
            if (value.GetType() == typeof(int))
            {
                var color = System.Convert.ToInt32(value);
                if (color < 50) result = Brushes.Green;
                else if (color < 85 && color >= 50) result = Brushes.Yellow;
                else if (color <= 100 && color >= 85) result = Brushes.Red;
                else result = Brushes.Gray;
            }
            return result;
        }

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

需要实现IValueConverter接口。我们来看一下，.NET中是如何对IValueConverter接口进行说明的。

 //
    // 摘要:
    //     提供一种将自定义逻辑应用于绑定的方式。
    public interface IValueConverter
    {
        //
        // 摘要:
        //     转换值。
        //
        // 参数:
        //   value:
        //     绑定源生成的值。
        //
        //   targetType:
        //     绑定目标属性的类型。
        //
        //   parameter:
        //     要使用的转换器参数。
        //
        //   culture:
        //     要用在转换器中的区域性。
        //
        // 返回结果:
        //     转换后的值。如果该方法返回 null，则使用有效的 null 值。
        object Convert(object value, Type targetType, object parameter, CultureInfo culture);
        //
        // 摘要:
        //     转换值。
        //
        // 参数:
        //   value:
        //     绑定目标生成的值。
        //
        //   targetType:
        //     要转换到的类型。
        //
        //   parameter:
        //     要使用的转换器参数。
        //
        //   culture:
        //     要用在转换器中的区域性。
        //
        // 返回结果:
        //     转换后的值。如果该方法返回 null，则使用有效的 null 值。
        object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);

最后我们来看如何使用自定义的数据转换功能，以下是自定义SingnalLight的xaml文件。

    <Style TargetType="{x:Type local:SingnalLight}">
        <Setter Property="RenderTransform">
            <Setter.Value>
                <TranslateTransform X="{Binding Path=X,RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}}}"
                                    Y="{Binding Path=Y,RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}}}"/>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <ControlTemplate.Resources>
                        <local:SingnalLightStatusConverter x:Key="colorconverter"></local:SingnalLightStatusConverter>
                        <local:SingnalLightValueConverter x:Key="valueconverter"></local:SingnalLightValueConverter>
                    </ControlTemplate.Resources>
                    <StackPanel>
                        <TextBlock Text="{Binding Path=ValueA,RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}}}"></TextBlock>
                        <TextBlock Text="100"></TextBlock>
                        <Border   
                            x:Name="bd1"
                            Height="{Binding Path=LightHeight,RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}}}"
                            SnapsToDevicePixels="True"
                            BorderBrush="Black" BorderThickness="1" Background="Transparent">
                            <Rectangle Fill="{Binding Path=ValueA,
                                                      RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}},
                                                      Converter={StaticResource ResourceKey=colorconverter}}" 
                                       VerticalAlignment="Bottom">
                                <Rectangle.Height>
                                    <MultiBinding Converter="{StaticResource ResourceKey=valueconverter}">
                                        <Binding Path="ValueA" RelativeSource="{RelativeSource AncestorType={x:Type local:SingnalLight}}"></Binding>
                                        <Binding Path="Height" ElementName="bd1"></Binding>
                                    </MultiBinding>
                                </Rectangle.Height>
                            </Rectangle>
                        </Border>
                        <TextBlock Text="0"></TextBlock>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

很明显可以看出来自定义的数据转换相当与资源的一种。在绑定的时候，增加一个Converter节点即可。

                            <Rectangle Fill="{Binding Path=ValueA,
                                                      RelativeSource={RelativeSource AncestorType={x:Type local:SingnalLight}},
                                                      Converter={StaticResource ResourceKey=colorconverter}}"