摘要：
3、优化使用鼠标选取像素点的操作，代码逻辑更简洁、操作更流畅。
今天分享一个 WPF 版的ColorDialog，该控件源自 这里，不过笔者已经该控件做了大量的修改工作，以适应自己的产品需求，闲话少说，先看看效果图：
1、DropDownCustomColorPicker 效果图
先看原项目的（喜欢这种方式的，请到 这里下载源码 ）
被笔者修改之后的效果图：
二、DropDownCustomColorPicker 四种颜色选择方式
第一种：单击任意一个预定义的颜色即可。
这些颜色通过反射Colors 中的属性获得的， 笔者 对这些颜色进行排序，视觉效果更美观了。
/// <summary> ///反射预定义颜色 /// </summary> public classCustomColors { List<Color> selectableColors = null; public List<Color>SelectableColors { get { returnselectableColors; } set { selectableColors =value; } } publicCustomColors() { var list = new List<Color>(); Type ColorsType = typeof(Colors); PropertyInfo[] ColorsProperty =ColorsType.GetProperties(); foreach (PropertyInfo property inColorsProperty) { list.Add((Color)ColorConverter.ConvertFromString(property.Name)); } list.Sort(new Comparison<Color>((Color x, Color y) => { var xtotal = x.R + x.G +x.B; var ytotal = y.R + y.G +y.B; return xtotal.CompareTo(ytotal); //升序排列 })); selectableColors =list; } }
第二种：使用鼠标选择图像中任意一个像素点的颜色
该控件原作者使用的是CroppedBitmap 来获取指定像素点的颜色值，还有一种方式WriteableBitmap，也可以达到类似的目的
private Color GetColorFromImage(int i, intj) { CroppedBitmap cb = new CroppedBitmap(image.Source asBitmapSource, newInt32Rect(i, j, 1, 1)); byte[] color = new byte[4]; cb.CopyPixels(color, 4, 0); Color Colorfromimagepoint = Color.FromArgb((byte)SdA.Value, color[2], color[1], color[0]); returnColorfromimagepoint; }
第三种：手动输入 十六进制数所表示的ARGB颜色值
第四种：手动滑动Slider 选择 ARGB颜色值
三、DropDownCustomColorPicker 中DropDown 的实现方式
原作者采用的 右键菜单，其实笔者更倾向于使用 Popup，不过这一点、笔者没有去做修改。
四、笔者的优化
1、预定义颜色的排序、视觉效果更美观
2、Expander 控件的自动折叠和展开、操作更方便。
3、优化使用鼠标选取像素点的操作，代码逻辑更简洁、操作更流畅。
4、增加了SelectedColorChangedEvent 、DropDownStateChangedEvent 事件
5、使用Slider 替代了 TextBox 来修改 RGB 颜色值
6、增加了几个配置属性，使用起来更方便。
7、该项目会继续进行扩展及优化，敬请期待。
五、完整的源码
完整的源码， 笔者已上传至Github, https://github.com/iqingyu/BlogsDemo:
DropDownCustomColorPicker.Test
两个项目为完整的Demo
该项目会继续进行扩展及优化，敬请期待。