绑定wpf中颜色的RGB属性

Question

我有一个自定义的类,即具有三个属性,"FavoriteColor" - [R ,G ^和乙.现在我想绘制一个矩形并用这些R,G和B值填充它(使用数据绑定).我在我的xaml中尝试了以下代码段,但是给了我一个编译时错误.

                <Rectangle Width="10" Height="10" Grid.Column="4">
                    <Rectangle.Fill>
                        <SolidColorBrush>
                            <SolidColorBrush.Color>
                                <Color R="{Binding Path=R}" />
                                <Color G="{Binding Path=G}" />
                                <Color B="{Binding Path=B}" />
                            </SolidColorBrush.Color>
                        </SolidColorBrush>
                    </Rectangle.Fill>
                </Rectangle>

它说Color类的属性R,G和B不是依赖属性.我知道您只能将数据绑定到依赖项属性,但在这种情况下,如何将R,G和B与矩形的填充颜色绑定.

除了通过声明另一种颜色类型属性然后在设置R,G和B时初始化它还有其他方法吗？另外为什么颜色类的R,G和B不是依赖属性？

Answer 1

让我们使用 MultiBinding 和 IMultiValueConverter 来做到这一点。这是一个完整的示例。

首先，Window1 的 xaml。我们将设置三个 Sliders 并通过 SolidColorBrush 将它们的值绑定到 Window 的 Background 属性。

<Window x:Class="WpfApplication16.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:WpfApplication16"
    Title="Window1" Height="300" Width="300">
    <Window.Resources>
        <my:RgbConverter x:Key="RgbConverter" />
    </Window.Resources>
    <Window.Background>
        <SolidColorBrush>
            <SolidColorBrush.Color>
                <MultiBinding Converter="{StaticResource RgbConverter}">
                    <Binding Path="Value" ElementName="redSlider" />
                    <Binding Path="Value" ElementName="greenSlider" />
                    <Binding Path="Value" ElementName="blueSlider" />
                </MultiBinding>
            </SolidColorBrush.Color>
        </SolidColorBrush>
    </Window.Background>
    <StackPanel>
        <Slider Minimum="0" Maximum="255" x:Name="redSlider" />
        <Slider Minimum="0" Maximum="255" x:Name="greenSlider" />
        <Slider Minimum="0" Maximum="255" x:Name="blueSlider" />
    </StackPanel>
</Window>

接下来是转换器。请注意，我在这里没有进行任何错误检查 - 您确实应该检查values数组的长度是否为 3 以及各个值是否为有效字节等。

public class RgbConverter : IMultiValueConverter
{
    #region IMultiValueConverter Members

    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var r = System.Convert.ToByte(values[0]);
        var g = System.Convert.ToByte(values[1]);
        var b = System.Convert.ToByte(values[2]);

        return Color.FromRgb(r, g, b);
    }

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

    #endregion
}

就是这样！不需要其他代码隐藏。