wpf自定义colorpicker

要自定义 WPF 的 ColorPicker，需要先了解 WPF 中的颜色模型和控件样式。WPF 中有三种颜色模型：RGB、HSL 和 HSV。ColorPicker 控件可以通过这些模型来选择颜色。

下面是一个简单的自定义 ColorPicker 的实现：

1. 创建一个新的 WPF 项目，并添加一个 UserControl。
2. 在 UserControl 中添加一个 ComboBox 和一个 Rectangle。
3. 在 ComboBox 中添加三个选项：RGB、HSL 和 HSV。
4. 在 UserControl 的代码文件中，添加以下代码：

public partial class ColorPicker : UserControl
{
    public static readonly DependencyProperty SelectedColorProperty = DependencyProperty.Register("SelectedColor", typeof(Color), typeof(ColorPicker), new PropertyMetadata(Colors.Black));

    public Color SelectedColor
    {
        get { return (Color)GetValue(SelectedColorProperty); }
        set { SetValue(SelectedColorProperty, value); }
    }

    public ColorPicker()
    {
        InitializeComponent();
    }

    private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        string selectedItem = (string)(e.AddedItems[0] as ComboBoxItem).Content;
        switch (selectedItem)
        {
            case "RGB":
                // TODO: Show RGB color picker
                break;
            case "HSL":
                // TODO: Show HSL color picker
                break;
            case "HSV":
                // TODO: Show HSV color picker
                break;
        }
    }
}

5. 在 XAML 文件中，添加以下代码：

<UserControl x:Class="WpfApp1.ColorPicker"
             ...
             xmlns:local="clr-namespace:WpfApp1">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <ComboBox x:Name="ComboBox" Grid.Column="0" SelectedIndex="0" SelectionChanged="ComboBox_SelectionChanged">
            <ComboBoxItem Content="RGB"/>
            <ComboBoxItem Content="HSL"/>
            <ComboBoxItem Content="HSV"/>
        </ComboBox>
        <Rectangle Grid.Column="1" Fill="{Binding SelectedColor, RelativeSource={RelativeSource AncestorType={x:Type local:ColorPicker}}}" Width="50" Height="50"/>
    </Grid>
</UserControl>

6. 运行程序，可以看到一个简单的 ColorPicker 控件，可以通过 ComboBox 选择不同的颜色模型，并且在 Rectangle 中显示选定的颜色。

在上面的代码中，我们定义了一个 SelectedColor 属性，它用于存储用户选择的颜色。ComboBox_SelectionChanged 方法用于根据用户选择的颜色模型显示相应的颜色选择器。在 XAML 中，我们使用 Binding 将 Rectangle 的 Fill 属性绑定到 SelectedColor 属性，以便在用户选择颜色后更新颜色值。

这只是一个简单的示例，你可以根据自己的需求扩展 ColorPicker 控件，添加更多的颜色模型和自定义颜色选择器。