（四）c#Winform自定义控件-选择按钮组-HZHControls

安林發表於 2019-8-16 09:47:00

（四）c#Winform自定义控件-选择按钮组-HZHControls

<h1>官网</h1>
https://www.hzhcontrols.cn
<h1>前提</h1>
入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。
GitHub：https://github.com/kwwwvagaa/NetWinformControl
码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git
如果觉得写的还行，请点个 star 支持一下吧
欢迎前来交流探讨：企鹅群568015492 <img src="https://pub.idqqimg.com/wpa/images/group.png">
<h1>目录</h1>
https://www.cnblogs.com/bfyx/p/11364884.html
<h1>准备工作</h1>
该控件是由多个按钮组合形成的，类似多选框和单选框，需要用到前面我们说到的控件UCBtnExt ，如果你对UCBtnExt 还不了解，请移步
（二）c#Winform自定义控件-按钮 查看
我们先理一下思路，我们需要显示多个按钮，支持多选和单选，具有选中效果
<h1>开始</h1>
我们先看下有哪些属性
<div class="cnblogs_code">
<pre> 1/// <summary>
 2 /// 选中改变事件
 3 /// </summary>
 4 public event EventHandler SelectedItemChanged;
 5 private Dictionary<string, string> m_dataSource = new Dictionary<string, string>();
 6 /// <summary>
 7 /// 数据源
 8 /// </summary>
 9 public Dictionary<string, string> DataSource
10 {
11 get { return m_dataSource; }
12 set
13 {
14 m_dataSource = value;
15 Reload();
16 }
17 }
18
19 private List<string> m_selectItem = new List<string>();
20 /// <summary>
21 /// 选中项
22 /// </summary>
23 public List<string> SelectItem
24 {
25 get { return m_selectItem; }
26 set
27 {
28 m_selectItem = value;
29 if (m_selectItem == null)
30 m_selectItem = new List<string>();
31 SetSelected();
32 }
33 }
34
35 private bool m_isMultiple = false;
36 /// <summary>
37 /// 是否多选
38 /// </summary>
39 public bool IsMultiple
40 {
41 get { return m_isMultiple; }
42 set { m_isMultiple = value; }
43 }</pre>
</div>
当数据源改变的时候，需要加载按钮到面板上
<div class="cnblogs_code">
<pre> 1private void Reload()
 2 {
 3 try
 4 {
 5 ControlHelper.FreezeControl(flowLayoutPanel1, true);
 6 this.flowLayoutPanel1.Controls.Clear();
 7 if (DataSource != null)
 8 {
 9 foreach (var item in DataSource)
10 {
11 UCBtnExt btn = new UCBtnExt();
12 btn.BackColor = System.Drawing.Color.Transparent;
13 btn.BtnBackColor = System.Drawing.Color.White;
14 btn.BtnFont = new System.Drawing.Font("微软雅黑", 10F);
15 btn.BtnForeColor = System.Drawing.Color.Gray;
16 btn.BtnText = item.Value;
17 btn.ConerRadius = 5;
18 btn.Cursor = System.Windows.Forms.Cursors.Hand;
19 btn.FillColor = System.Drawing.Color.White;
20 btn.Font = new System.Drawing.Font("微软雅黑", 15F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Pixel);
21 btn.IsRadius = true;
22 btn.IsShowRect = true;
23 btn.IsShowTips = false;
24 btn.Location = new System.Drawing.Point(5, 5);
25 btn.Margin = new System.Windows.Forms.Padding(5);
26 btn.Name = item.Key;
27 btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
28 btn.RectWidth = 1;
29 btn.Size = new System.Drawing.Size(72, 38);
30 btn.TabStop = false;
31 btn.BtnClick += btn_BtnClick;
32 this.flowLayoutPanel1.Controls.Add(btn);
33 }
34 }
35 }
36 finally
37 {
38 ControlHelper.FreezeControl(flowLayoutPanel1, false);
39 }
40 SetSelected();
41 }
42
43 void btn_BtnClick(object sender, EventArgs e)
44 {
45 var btn = sender as UCBtnExt;
46 if (m_selectItem.Contains(btn.Name))
47 {
48 btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
49 m_selectItem.Remove(btn.Name);
50 }
51 else
52 {
53 if (!m_isMultiple)
54 {
55 foreach (var item in m_selectItem)
56 {
57 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
58 if (lst.Length == 1)
59 {
60 var _btn = lst[0] as UCBtnExt;
61 _btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
62 }
63 }
64 m_selectItem.Clear();
65 }
66 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
67 m_selectItem.Add(btn.Name);
68 }
69 if (SelectedItemChanged != null)
70 SelectedItemChanged(this, e);
71 }</pre>
</div>
如果设置了初始选中项，那么还需要在加载后选中
<div class="cnblogs_code">
<pre> 1 private void SetSelected()
 2 {
 3 if (m_selectItem != null && m_selectItem.Count > 0 && DataSource != null && DataSource.Count > 0)
 4 {
 5 try
 6 {
 7 ControlHelper.FreezeControl(flowLayoutPanel1, true);
 8 if (m_isMultiple)
 9 {
10 foreach (var item in m_selectItem)
11 {
12 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
13 if (lst.Length == 1)
14 {
15 var btn = lst[0] as UCBtnExt;
16 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
17 }
18 }
19 }
20 else
21 {
22 UCBtnExt btn = null;
23 foreach (var item in m_selectItem)
24 {
25 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
26 if (lst.Length == 1)
27 {
28 btn = lst[0] as UCBtnExt;
29 break;
30 }
31 }
32 if (btn != null)
33 {
34 m_selectItem = new List<string>() { btn.Name };
35 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
36 }
37 }
38 }
39 finally
40 {
41 ControlHelper.FreezeControl(flowLayoutPanel1, false);
42 }
43 }
44 }</pre>
</div>
至此所有的逻辑已经处理完成，下面看下完整的代码吧
<div class="cnblogs_code"><img src="http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif"><img alt="" id="code_img_opened_92a2a73a-823c-4132-9176-e12bc4b0ae79" class="code_img_opened lazyload" style="display: none" data-src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif">
<div id="cnblogs_code_open_92a2a73a-823c-4132-9176-e12bc4b0ae79" class="cnblogs_code_hide">
<pre>1 // 版权所有黄正辉交流群：568015492 QQ：623128629
2 // 文件名称：UCBtnsGroup.cs
3 // 创建日期：2019-08-15 15:58:13
4 // 功能描述：按钮组
5 // 项目地址：https://gitee.com/kwwwvagaa/net_winform_custom_control
6 using System;
7 using System.Collections.Generic;
8 using System.ComponentModel;
9 using System.Drawing;
 10 using System.Data;
 11 using System.Linq;
 12 using System.Text;
 13 using System.Windows.Forms;
 14
 15 namespace HZH_Controls.Controls
 16 {
 17 public partial class UCBtnsGroup : UserControl
 18 {
 19 /// <summary>
 20 /// 选中改变事件
 21 /// </summary>
 22 public event EventHandler SelectedItemChanged;
 23 private Dictionary<string, string> m_dataSource = new Dictionary<string, string>();
 24 /// <summary>
 25 /// 数据源
 26 /// </summary>
 27 public Dictionary<string, string> DataSource
 28 {
 29 get { return m_dataSource; }
 30 set
 31 {
 32 m_dataSource = value;
 33 Reload();
 34 }
 35 }
 36
 37 private List<string> m_selectItem = new List<string>();
 38 /// <summary>
 39 /// 选中项
 40 /// </summary>
 41 public List<string> SelectItem
 42 {
 43 get { return m_selectItem; }
 44 set
 45 {
 46 m_selectItem = value;
 47 if (m_selectItem == null)
 48 m_selectItem = new List<string>();
 49 SetSelected();
 50 }
 51 }
 52
 53 private bool m_isMultiple = false;
 54 /// <summary>
 55 /// 是否多选
 56 /// </summary>
 57 public bool IsMultiple
 58 {
 59 get { return m_isMultiple; }
 60 set { m_isMultiple = value; }
 61 }
 62 public UCBtnsGroup()
 63 {
 64 InitializeComponent();
 65 }
 66
 67 private void Reload()
 68 {
 69 try
 70 {
 71 ControlHelper.FreezeControl(flowLayoutPanel1, true);
 72 this.flowLayoutPanel1.Controls.Clear();
 73 if (DataSource != null)
 74 {
 75 foreach (var item in DataSource)
 76 {
 77 UCBtnExt btn = new UCBtnExt();
 78 btn.BackColor = System.Drawing.Color.Transparent;
 79 btn.BtnBackColor = System.Drawing.Color.White;
 80 btn.BtnFont = new System.Drawing.Font("微软雅黑", 10F);
 81 btn.BtnForeColor = System.Drawing.Color.Gray;
 82 btn.BtnText = item.Value;
 83 btn.ConerRadius = 5;
 84 btn.Cursor = System.Windows.Forms.Cursors.Hand;
 85 btn.FillColor = System.Drawing.Color.White;
 86 btn.Font = new System.Drawing.Font("微软雅黑", 15F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Pixel);
 87 btn.IsRadius = true;
 88 btn.IsShowRect = true;
 89 btn.IsShowTips = false;
 90 btn.Location = new System.Drawing.Point(5, 5);
 91 btn.Margin = new System.Windows.Forms.Padding(5);
 92 btn.Name = item.Key;
 93 btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
 94 btn.RectWidth = 1;
 95 btn.Size = new System.Drawing.Size(72, 38);
 96 btn.TabStop = false;
 97 btn.BtnClick += btn_BtnClick;
 98 this.flowLayoutPanel1.Controls.Add(btn);
 99 }
100 }
101 }
102 finally
103 {
104 ControlHelper.FreezeControl(flowLayoutPanel1, false);
105 }
106 SetSelected();
107 }
108
109 void btn_BtnClick(object sender, EventArgs e)
110 {
111 var btn = sender as UCBtnExt;
112 if (m_selectItem.Contains(btn.Name))
113 {
114 btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
115 m_selectItem.Remove(btn.Name);
116 }
117 else
118 {
119 if (!m_isMultiple)
120 {
121 foreach (var item in m_selectItem)
122 {
123 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
124 if (lst.Length == 1)
125 {
126 var _btn = lst[0] as UCBtnExt;
127 _btn.RectColor = System.Drawing.Color.FromArgb(224, 224, 224);
128 }
129 }
130 m_selectItem.Clear();
131 }
132 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
133 m_selectItem.Add(btn.Name);
134 }
135 if (SelectedItemChanged != null)
136 SelectedItemChanged(this, e);
137 }
138
139 private void SetSelected()
140 {
141 if (m_selectItem != null && m_selectItem.Count > 0 && DataSource != null && DataSource.Count > 0)
142 {
143 try
144 {
145 ControlHelper.FreezeControl(flowLayoutPanel1, true);
146 if (m_isMultiple)
147 {
148 foreach (var item in m_selectItem)
149 {
150 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
151 if (lst.Length == 1)
152 {
153 var btn = lst[0] as UCBtnExt;
154 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
155 }
156 }
157 }
158 else
159 {
160 UCBtnExt btn = null;
161 foreach (var item in m_selectItem)
162 {
163 var lst = this.flowLayoutPanel1.Controls.Find(item, false);
164 if (lst.Length == 1)
165 {
166 btn = lst[0] as UCBtnExt;
167 break;
168 }
169 }
170 if (btn != null)
171 {
172 m_selectItem = new List<string>() { btn.Name };
173 btn.RectColor = System.Drawing.Color.FromArgb(255, 77, 59);
174 }
175 }
176 }
177 finally
178 {
179 ControlHelper.FreezeControl(flowLayoutPanel1, false);
180 }
181 }
182 }
183 }
184 }</pre>
</div>
View Code</div>
<div class="cnblogs_code"><img alt="" id="code_img_closed_e9733558-87a1-4e5d-8d7d-24739541cd12" class="code_img_closed lazyload" data-src="http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif"><img alt="" id="code_img_opened_e9733558-87a1-4e5d-8d7d-24739541cd12" class="code_img_opened lazyload" style="display: none" data-src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif">
<div id="cnblogs_code_open_e9733558-87a1-4e5d-8d7d-24739541cd12" class="cnblogs_code_hide">
<pre> 1 namespace HZH_Controls.Controls
 2 {
 3 partial class UCBtnsGroup
 4 {
 5 /// <summary>
 6 /// 必需的设计器变量。
 7 /// </summary>
 8 private System.ComponentModel.IContainer components = null;
 9
10 /// <summary>
11 /// 清理所有正在使用的资源。
12 /// </summary>
13 /// <param name="disposing">如果应释放托管资源，为 true；否则为 false。</param>
14 protected override void Dispose(bool disposing)
15 {
16 if (disposing && (components != null))
17 {
18 components.Dispose();
19 }
20 base.Dispose(disposing);
21 }
22
23 #region 组件设计器生成的代码
24
25 /// <summary>
26 /// 设计器支持所需的方法 - 不要
27 /// 使用代码编辑器修改此方法的内容。
28 /// </summary>
29 private void InitializeComponent()
30 {
31 this.flowLayoutPanel1 = new System.Windows.Forms.FlowLayoutPanel();
32 this.SuspendLayout();
33 //
34 // flowLayoutPanel1
35 //
36 this.flowLayoutPanel1.Dock = System.Windows.Forms.DockStyle.Fill;
37 this.flowLayoutPanel1.Location = new System.Drawing.Point(0, 0);
38 this.flowLayoutPanel1.Name = "flowLayoutPanel1";
39 this.flowLayoutPanel1.Size = new System.Drawing.Size(420, 50);
40 this.flowLayoutPanel1.TabIndex = 0;
41 //
42 // UCBtnsGroup
43 //
44 this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.None;
45 this.BackColor = System.Drawing.Color.White;
46 this.Controls.Add(this.flowLayoutPanel1);
47 this.MinimumSize = new System.Drawing.Size(0, 50);
48 this.Name = "UCBtnsGroup";
49 this.Size = new System.Drawing.Size(420, 50);
50 this.ResumeLayout(false);
51
52 }
53
54 #endregion
55
56 private System.Windows.Forms.FlowLayoutPanel flowLayoutPanel1;
57 }
58 }</pre>
</div>
View Code</div>
<h1>用处及效果</h1>
用处：可以用选择按钮组来替换单选框和复选框，具有更和谐的界面效果
效果：
<img alt="" data-src="https://img2018.cnblogs.com/blog/396919/201908/396919-20190816094624321-430587310.png">
<h1>最后的话</h1>
如果你喜欢的话，请到 https://gitee.com/kwwwvagaa/net_winform_custom_control 点个星星吧

</div>
<div id="MySignature" role="contentinfo">
<div style="display: block" id="MySignature">
作者：冰封一夏
 
出处：http://www.cnblogs.com/bfyx/
 
HZHControls官网：http://www.hzhcontrols.cn
 
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，
 且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
 
GitHub：https://github.com/kwwwvagaa/NetWinformControl
 
码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git

</div> 
来源：https://www.cnblogs.com/bfyx/p/11362037.html

頁: [1]

琼殿技术论坛's Archiver

（四）c#Winform自定义控件-选择按钮组-HZHControls