2021-08-12

@## WPF Combox 下拉颜色选择器

---

---

前言

在工作中想要做一个Combox 下拉选择颜色 基本的并不能满足 所以做了下面的demo。话不多说下面直接上代码。

---

一、xaml 内容

代码如下（示例）：

<Grid>
        <ComboBox Name="comboBox1" ItemsSource="{Binding}" Width="200" Height="30"  Loaded="ComboBox1_Loaded">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Rectangle Fill="{Binding Color}" Width="40" Height="10"></Rectangle>
                        <TextBlock Text="{Binding Name}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>

    </Grid>

二、xaml对应得cs文件

1.cs文件内容

代码如下（示例）：

 public MainWindow()
        {
            InitializeComponent();
        }

        private void ComboBox1_Loaded(object sender, RoutedEventArgs e)
        {
            List<ComboxTest> list = new List<ComboxTest>();

            list.Add(new ComboxTest { Name = "A", Color = "#fedcbd", ID = 0 });
            list.Add(new ComboxTest { Name = "B", Color = "#f47920", ID = 1 });
            list.Add(new ComboxTest { Name = "2", Color = "#4e72b8", ID = 2 });
            list.Add(new ComboxTest { Name = "3", Color = "#ea66a6", ID = 3 });

            comboBox1.ItemsSource = list;
          
            comboBox1.SelectedIndex = 0;
        }

2.实体类

代码如下（示例）：

 public class ComboxTest
    {
        public int ID { get; set; }
        public string Color { get; set; }
        public string Name { get; set; }
    }

---

总结

虽然很简单但是对于初入者来说还是要记录一下自己成果。给个赞哦！