WPF色一覧表示してHSVで並べ替えするアプリできた

WPF色一覧表示と並べ替え

System.Windows.Media.Colorの中の色一覧を表示

並べ替えは

色の名前順(昇順ソート)

H：色相(昇順ソート)

S：彩度(昇順ソート)

V：明度(降順ソート)

YUVのY：輝度(降順ソート)

一覧マスをクリックで色の詳細表示と見本枠の背景色変更

一覧マスにマウスカーソルを乗せると見本枠の文字色変更

Transparentは無色透明で色じゃないけどそのまま入っていて、Whiteと同じような扱いになっている

一覧のTomatoをクリックしたところ

右にTomato色の詳細表示

#FFFF6347は16進数でARGBの順番

一覧のOliveにマウスカーソルを乗せたところ

右下の文字色がOliveになる

並べ替え

f:id:gogowaten:20191213134657p:plain

最初は名前順になっている

色相順

名前順→色相順

f:id:gogowaten:20191213134709p:plain

名前順→明度→色相

f:id:gogowaten:20191213134718p:plain

同じ色相順でも明度順にしてからだと少し変わるのは

色相が全く同じ色が複数あるからで

色相0は9色もあって左上のRedからMaroonまでがそう

彩度順

名前順→彩度順

f:id:gogowaten:20191213134730p:plain

名前から彩度だとバラけた感じだけど

名前→色相→明度→彩度

f:id:gogowaten:20191213134824p:plain

色相と明度を挟むとまとまる

明度順

名前順→明度順

f:id:gogowaten:20191213134855p:plain

前半がバラけている

名前順→色相→明度

f:id:gogowaten:20191213134909p:plain

このほうが選びやすい

輝度順

f:id:gogowaten:20191213134921p:plain

輝度順はどの並びからでもほとんど変化なし

デザイン画面

MainWindow.xaml

f:id:gogowaten:20191213134932p:plain

MainWindow.xaml.cs

using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

using MyHSV;
using System.Reflection;

namespace WPF色一覧
{
    class MyItem
    {
        public string Name;//色名
        public Color Color;
        public HSV HSV;
        public double Y;//YUV形式のY、輝度

        public MyItem(string name, Color color, HSV hSV, double y)
        {
            Name = name;
            Color = color;
            HSV = hSV;
            Y = y;
        }
    }

    public partial class MainWindow : Window
    {
        //色表示に使うTextBlockのリスト
        private List<TextBlock> MyListTextBlock = new List<TextBlock>();
        //並べ替えするテーブル
        List<MyItem> MyTable = new List<MyItem>();
        public MainWindow()
        {
            InitializeComponent();
            Title = this.ToString();

            MyInitialize();

            ButtonHue.Click += ButtonHue_Click;
            ButtonSaturation.Click += ButtonSaturation_Click;
            ButtonValue.Click += ButtonValue_Click;
            ButtonBrightness.Click += ButtonBrightness_Click;
            ButtonName.Click += ButtonName_Click;
            CheckBoxVisible.Click += CheckBoxVisible_Click;
        }
        private void CheckBoxVisible_Click(object sender, RoutedEventArgs e)
        {
            if (CheckBoxVisible.IsChecked == true)
            {
                for (int i = 0; i < MyListTextBlock.Count; i++)
                {
                    MyListTextBlock[i].Text = MyTable[i].Name;
                }
            }
            else
            {
                for (int i = 0; i < MyListTextBlock.Count; i++)
                {
                    MyListTextBlock[i].Text = "";
                }
            }
        }
        private void ButtonName_Click(object sender, RoutedEventArgs e)
        {
            MyTable = MyTable.OrderBy(a => a.Name).ToList();
            ChangeTextBlockColor();
        }

        private void ButtonBrightness_Click(object sender, RoutedEventArgs e)
        {
            MyTable = MyTable.OrderByDescending(a => a.Y).ToList();
            ChangeTextBlockColor();
        }

        private void ButtonValue_Click(object sender, RoutedEventArgs e)
        {
            MyTable = MyTable.OrderByDescending(a => a.HSV.Value).ToList();
            ChangeTextBlockColor();
        }

        private void ButtonSaturation_Click(object sender, RoutedEventArgs e)
        {
            MyTable = MyTable.OrderBy(a => a.HSV.Saturation).ToList();
            ChangeTextBlockColor();
        }

        private void ButtonHue_Click(object sender, RoutedEventArgs e)
        {
            MyTable = MyTable.OrderBy(a => a.HSV.Hue).ToList();
            ChangeTextBlockColor();
        }



        private void MyInitialize()
        {
            //TypeクラスのGetPropertyメソッドを使ってColorsクラスの色取得
            PropertyInfo[] infos = typeof(Colors).GetProperties(BindingFlags.Public | BindingFlags.Static);

            for (int i = 0; i < infos.Length; i++)
            {
                PropertyInfo info = infos[i];
                Color color = (Color)info.GetValue(null);
                //HSV hSV = HSV.Color2HSV_ConicalModel(color);//円錐モデル
                HSV hSV = HSV.Color2HSV(color);//円柱モデル
                string name = info.Name;
                double y = GetBrightness(color);
                MyTable.Add(new MyItem(name, color, hSV, y));
                var textBlock = new TextBlock()
                {
                    Margin = new Thickness(1),
                    Text = name,
                    Width = 120,
                    Tag = i
                };
                MyWrapPanel.Children.Add(textBlock);
                MyListTextBlock.Add(textBlock);
                textBlock.MouseLeftButtonDown += TextBlock_MouseLeftButtonDown;
                textBlock.MouseEnter += TextBlock_MouseEnter;
            }
            ChangeTextBlockColor();
        }
        private void TextBlock_MouseEnter(object sender, MouseEventArgs e)
        {
            var tb = (TextBlock)sender;
            var i = (int)tb.Tag;
            TextBlockBackAndForeColor.Foreground = new SolidColorBrush(MyTable[i].Color);
            TextBlockBackAndForeColor.Text = MyTable[i].Name;
        }
        private void TextBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var textBlock = (TextBlock)sender;
            var b = (SolidColorBrush)textBlock.Background;
            int i = (int)textBlock.Tag;
            MyItem item = MyTable[i];
            TextBlockBackAndForeColor.Background = b;
            TextBlockHexadecimal.Text = b.Color.ToString();
            TextBlockColor.Background = b;
            TextBlockColorName.Text = item.Name;
            TextBlockRGB.Text = $"R:{b.Color.R.ToString()} G:{b.Color.G.ToString()} B:{b.Color.B.ToString()}";
            TextBlockHue.Text = $"色相：{item.HSV.Hue:000.00}°";
            TextBlockSaturation.Text = $"彩度：{item.HSV.Saturation:000.00%}";
            TextBlockValue.Text = $"明度：{item.HSV.Value:000.00%}";
            TextBlockbrightness.Text = $"輝度：{item.Y:000.00}";
        }
        //色一覧textblockの色の変更        
        private void ChangeTextBlockColor()
        {
            for (int i = 0; i < MyTable.Count; i++)
            {
                TextBlock tb = MyListTextBlock[i];
                MyItem item = MyTable[i];
                tb.Background = new SolidColorBrush(item.Color);
                if (CheckBoxVisible.IsChecked == true)
                {
                    tb.Text = item.Name;
                }
                //色の輝度が200未満なら文字色を白にする、以上なら灰色
                if (item.Y < 200)
                {
                    tb.Foreground = new SolidColorBrush(Colors.White);
                }
                else
                {
                    tb.Foreground = new SolidColorBrush(Colors.Gray);
                }

            }
        }
        //輝度
        private double GetBrightness(Color col)
        {
            double y = 0.299 * col.R + 0.587 * col.G + 0.11 * col.B;
            return y;
        }
    }
}