（三）c#Winform自定义控件-有图标的按钮-HZHControls

众李寻他千百度 發表於 2019-8-16 09:38:00

（三）c#Winform自定义控件-有图标的按钮-HZHControls

<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>
 添加一个用户控件UCBtnImg 继承UCBtnExt
添加属性
<div class="cnblogs_code">
<pre> 1 private string _btnText = "自定义按钮";
 2 /// <summary>
 3 /// 按钮文字
 4 /// </summary>
 5
 6 public new string BtnText
 7 {
 8 get { return _btnText; }
 9 set
10 {
11 _btnText = value;
12 lbl.Text = " " + value;
13 lbl.Refresh();
14 }
15 }
16 /// <summary>
17 /// 图片
18 /// </summary>
19
20 public Image Image
21 {
22 get
23 {
24 return this.imageList1.Images[0];
25 }
26 set
27 {
28 this.imageList1.Images.Clear();
29 this.imageList1.Images.Add(value);
30 this.lbl.ImageIndex = 0;
31 }
32 }</pre>
</div>
下面看一下完整代码
<div class="cnblogs_code"><img src="http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif"><img id="code_img_opened_081e308b-f00c-49c3-8c46-7cfe334ad283" class="code_img_opened lazyload" style="display: none" alt="" data-src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif">
<div id="cnblogs_code_open_081e308b-f00c-49c3-8c46-7cfe334ad283" class="cnblogs_code_hide">
<pre> 1 // 版权所有黄正辉交流群：568015492 QQ：623128629
 2 // 文件名称：UCBtnImg.cs
 3 // 创建日期：2019-08-15 15:58:07
 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 /// <summary>
18 ///
19 /// </summary>
20 public partial class UCBtnImg : UCBtnExt
21 {
22 private string _btnText = "自定义按钮";
23 /// <summary>
24 /// 按钮文字
25 /// </summary>
26
27 public new string BtnText
28 {
29 get { return _btnText; }
30 set
31 {
32 _btnText = value;
33 lbl.Text = " " + value;
34 lbl.Refresh();
35 }
36 }
37 /// <summary>
38 /// 图片
39 /// </summary>
40
41 public Image Image
42 {
43 get
44 {
45 return this.imageList1.Images[0];
46 }
47 set
48 {
49 this.imageList1.Images.Clear();
50 this.imageList1.Images.Add(value);
51 this.lbl.ImageIndex = 0;
52 }
53 }
54
55 public UCBtnImg()
56 {
57 InitializeComponent();
58 base.BtnForeColor = ForeColor = System.Drawing.Color.FromArgb(((int)(((byte)(102)))), ((int)(((byte)(102)))), ((int)(((byte)(102)))));
59 base.BtnFont = new System.Drawing.Font("微软雅黑", 17F);
60 base.BtnText = " 自定义按钮";
61 }
62 }
63 }</pre>
</div>
View Code</div>
<div class="cnblogs_code"><img id="code_img_closed_4cba3224-b214-4474-a433-b0d6b271dbdc" class="code_img_closed lazyload" alt="" data-src="http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif"><img id="code_img_opened_4cba3224-b214-4474-a433-b0d6b271dbdc" class="code_img_opened lazyload" style="display: none" alt="" data-src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif">
<div id="cnblogs_code_open_4cba3224-b214-4474-a433-b0d6b271dbdc" class="cnblogs_code_hide">
<pre> 1 namespace HZH_Controls.Controls
 2 {
 3 partial class UCBtnImg
 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.components = new System.ComponentModel.Container();
32 System.ComponentModel.ComponentResourceManager resources = new System.ComponentModel.ComponentResourceManager(typeof(UCBtnImg));
33 this.imageList1 = new System.Windows.Forms.ImageList(this.components);
34 this.SuspendLayout();
35 //
36 // lbl
37 //
38 //this.lbl.Font = new System.Drawing.Font("微软雅黑", 17F);
39 //this.lbl.ForeColor = System.Drawing.Color.FromArgb(((int)(((byte)(102)))), ((int)(((byte)(102)))), ((int)(((byte)(102)))));
40 this.lbl.ImageIndex = 0;
41 this.lbl.ImageList = this.imageList1;
42 this.lbl.Padding = new System.Windows.Forms.Padding(10, 0, 0, 0);
43 this.lbl.Text = " 自定义按钮";
44 this.lbl.TextAlign = System.Drawing.ContentAlignment.MiddleLeft;
45 //
46 // imageList1
47 //
48 this.imageList1.ImageStream = ((System.Windows.Forms.ImageListStreamer)(resources.GetObject("imageList1.ImageStream")));
49 this.imageList1.TransparentColor = System.Drawing.Color.Transparent;
50 this.imageList1.Images.SetKeyName(0, "back.png");
51 //
52 // BtnBack
53 //
54 this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);
55 this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.None;
56 this.Name = "BtnBack";
57 this.ResumeLayout(false);
58
59 }
60
61 #endregion
62
63 private System.Windows.Forms.ImageList imageList1;
64 }
65 }</pre>
</div>
View Code</div>
<h1>用处及效果</h1>
用处：按钮需要显示图标时使用
效果：
<img alt="" data-src="https://img2018.cnblogs.com/blog/396919/201908/396919-20190816093720207-1440564168.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/11361974.html

頁: [1]

琼殿技术论坛's Archiver

（三）c#Winform自定义控件-有图标的按钮-HZHControls