由 Hue 组织的颜色选择框

Question

下面是一些生成不同颜色分布的代码。 （它将ComboBox 绑定到生成的颜色列表）。

以下代码没问题。

xaml

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>

    <TextBox x:Name="TextBox1"  Width="300" Height="30" VerticalAlignment="Top" />

    <ComboBox Margin="15" Height="30" Width="200" ItemsSource="{Binding ColorList}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="ComboBox_SelectionChanged">

        <ComboBox.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Rectangle Height="55" Width="55" x:Name="Rectangle1">
                        <Rectangle.Fill>
                            <SolidColorBrush Color="{Binding Color}"/>
                        </Rectangle.Fill>
                    </Rectangle>
                </Grid>
            </DataTemplate>
        </ComboBox.ItemTemplate>

        <ComboBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel IsItemsHost="True" Orientation="Horizontal" Width="1000"/>
            </ItemsPanelTemplate>
        </ComboBox.ItemsPanel>

    </ComboBox>

</Grid>
</Window>

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;

namespace WpfApplication1
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window, INotifyPropertyChanged
{
    public MainWindow()
    {
        this.InitializeComponent();
        this.DataContext = this;

        ColorList = ColorUtil.GenerateColorList(16);
    }

    private List<ColorWithInfo> colorList;
    public List<ColorWithInfo> ColorList
    {
        get { return colorList; }
        protected set
        {
            colorList = value;
            RaisePropertyChanged("ColorList");
        }
    }

    // INotifyPropertyChanged
    public event PropertyChangedEventHandler PropertyChanged = delegate { };

    private void RaisePropertyChanged(string propName)
    {
        PropertyChanged(this, new PropertyChangedEventArgs(propName));
    }

    private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        TextBox1.Text = "Show Hex color here, for example #0000ff ";
    }
}


public class ColorWithInfo : IComparable
{
    public Color Color { get; set; }

    public string Info
    {
        get { return string.Format("{0}/{1}/{2}", Color.R, Color.G, Color.B); }
    }

    public string HueSatBright
    {
        get { return string.Format("{0}/{1}/{2}", Hue, Saturation, Brightness); }
    }

    public float Hue
    {
        get { return System.Drawing.Color.FromArgb(Color.R, Color.G, Color.B).GetHue(); }
    }

    public float Saturation
    {
        get { return System.Drawing.Color.FromArgb(Color.R, Color.G, Color.B).GetSaturation(); }
    }

    public float Brightness
    {
        get { return System.Drawing.Color.FromArgb(Color.R, Color.G, Color.B).GetBrightness(); }
    }

    public int CompareTo(object obj)
    {
        ColorWithInfo cwiOther = obj as ColorWithInfo;

        // Sort by Hue, and then Saturation, and then Brightness
        if (this.Hue == cwiOther.Hue)
        {
            if (this.Saturation == cwiOther.Saturation)
                return this.Brightness.CompareTo(cwiOther.Brightness);
            else
                return this.Saturation.CompareTo(cwiOther.Saturation);
        }
        else
            return this.Hue.CompareTo(cwiOther.Hue);
    }
}


public static class ColorUtil
{
    public static List<ColorWithInfo> GenerateColorList(int numValsPerColor)
    {
        List<ColorWithInfo> colorList = new List<ColorWithInfo>();

        // Create increment such that we start at 0, end at 255,
        // and have a total of numValsPerColor within that range.
        int delta = Convert.ToInt32(255.0 / ((double)numValsPerColor - 1.0));

        for (int r = 0; r < numValsPerColor; r++)
            for (int g = 0; g < numValsPerColor; g++)
                for (int b = 0; b < numValsPerColor; b++)
                {
                    ColorWithInfo cwi = new ColorWithInfo
                    {
                        Color = Color.FromRgb((byte)(r * delta), (byte)(g * delta), (byte)(b * delta))
                    };
                    colorList.Add(cwi);
                }

        colorList.Sort();

        return colorList;
    }
}


}

我的问题：

我想在 TextBox1 中查看选定的颜色十六进制字符串。

所以，假设我单击ComboBox，然后单击ComboBox 下拉菜单中的蓝色。如何在TextBox1 中看到#0000FF？

Answer 1

回答 cmets 提出的其他问题... 要将 Hex 字符串添加到 ComboBox 中的每个项目，只需更改 DataTemplate 以包含一个 TextBlock 并将其绑定到 Color...

<ComboBox.ItemTemplate>
    <DataTemplate>
        <StackPanel>
            <Rectangle Height="55" Width="55" x:Name="Rectangle1">
                <Rectangle.Fill>
                    <SolidColorBrush Color="{Binding Color}"/>
                </Rectangle.Fill>
            </Rectangle>
            <TextBlock Text="{Binding Color}"/>
        </StackPanel>
    </DataTemplate>
</ComboBox.ItemTemplate>

注意：我还将您的 Grid 更改为水平 StackPanel 太简单了，以使其快速适应。您当然仍然可以使用 Grid 或至少让 StackPanel 看起来更好，但我会把它留给您。

Answer 2

试试这个：

private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (e.AddedItems.Count > 0)
    {
        var selectedItem = (ColorWithInfo)e.AddedItems[0];
        TextBox1.Text = selectedItem.Color.ToString();
    }
}