官网

http://www.hzhcontrols.com

前提

入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章。

GitHub:https://github.com/kwwwvagaa/NetWinformControl

码云:https://gitee.com/kwwwvagaa/net_winform_custom_control.git

如果觉得写的还行,请点个 star 支持一下吧

欢迎前来交流探讨: 企鹅群568015492 

目录

https://www.cnblogs.com/bfyx/p/11364884.html

准备工作

自定义的分为控件和窗体2种类型,分别都有一个基类,基类实现公共的大部分工作

开始

首先从基类控件开始吧,

主要实现功能:

  1. 圆角
  2. 边框
  3. 填充颜色

添加一个用户控件,命名为UCControlBase,写入相关属性,包含圆角角度,边框颜色,边框宽度,填充颜色,背景色等

  private bool _isRadius = false;

         private int _cornerRadius = ;

         private bool _isShowRect = false;

         private Color _rectColor = Color.FromArgb(, , );

         private int _rectWidth = ;

         private Color _fillColor = Color.Transparent;
/// <summary>
/// 是否圆角
/// </summary>
[Description("是否圆角"), Category("自定义")]
public bool IsRadius
{
get
{
return this._isRadius;
}
set
{
this._isRadius = value;
}
}
//圆角角度
[Description("圆角角度"), Category("自定义")]
public int ConerRadius
{
get
{
return this._cornerRadius;
}
set
{
this._cornerRadius = value;
}
} /// <summary>
/// 是否显示边框
/// </summary>
[Description("是否显示边框"), Category("自定义")]
public bool IsShowRect
{
get
{
return this._isShowRect;
}
set
{
this._isShowRect = value;
}
}
/// <summary>
/// 边框颜色
/// </summary>
[Description("边框颜色"), Category("自定义")]
public Color RectColor
{
get
{
return this._rectColor;
}
set
{
this._rectColor = value;
this.Refresh();
}
}
/// <summary>
/// 边框宽度
/// </summary>
[Description("边框宽度"), Category("自定义")]
public int RectWidth
{
get
{
return this._rectWidth;
}
set
{
this._rectWidth = value;
}
}
/// <summary>
/// 当使用边框时填充颜色,当值为背景色或透明色或空值则不填充
/// </summary>
[Description("当使用边框时填充颜色,当值为背景色或透明色或空值则不填充"), Category("自定义")]
public Color FillColor
{
get
{
return this._fillColor;
}
set
{
this._fillColor = value;
}
}

需要做的就是重写OnPaint,来画边框以及填充颜色

 protected override void OnPaint(PaintEventArgs e)
{
if (this.Visible)
{
if (this._isRadius)
{
this.SetWindowRegion();
}
if (this._isShowRect)
{
Color rectColor = this._rectColor;
Pen pen = new Pen(rectColor, (float)this._rectWidth);
Rectangle clientRectangle = base.ClientRectangle;
GraphicsPath graphicsPath = new GraphicsPath();
graphicsPath.AddArc(, , _cornerRadius, _cornerRadius, 180f, 90f);
graphicsPath.AddArc(clientRectangle.Width - _cornerRadius - , , _cornerRadius, _cornerRadius, 270f, 90f);
graphicsPath.AddArc(clientRectangle.Width - _cornerRadius - , clientRectangle.Height - _cornerRadius - , _cornerRadius, _cornerRadius, 0f, 90f);
graphicsPath.AddArc(, clientRectangle.Height - _cornerRadius - , _cornerRadius, _cornerRadius, 90f, 90f);
graphicsPath.CloseFigure();
e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
if (_fillColor != Color.Empty && _fillColor != Color.Transparent && _fillColor != this.BackColor)
e.Graphics.FillPath(new SolidBrush(this._fillColor), graphicsPath);
e.Graphics.DrawPath(pen, graphicsPath);
}
}
base.OnPaint(e);
} private void SetWindowRegion()
{
GraphicsPath path = new GraphicsPath();
Rectangle rect = new Rectangle(-, -, base.Width + , base.Height);
path = this.GetRoundedRectPath(rect, this._cornerRadius);
base.Region = new Region(path);
} private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
{
Rectangle rect2 = new Rectangle(rect.Location, new Size(radius, radius));
GraphicsPath graphicsPath = new GraphicsPath();
graphicsPath.AddArc(rect2, 180f, 90f);//左上角
rect2.X = rect.Right - radius;
graphicsPath.AddArc(rect2, 270f, 90f);//右上角
rect2.Y = rect.Bottom - radius;
rect2.Width += ;
rect2.Height += ;
graphicsPath.AddArc(rect2, 360f, 90f);//右下角
rect2.X = rect.Left;
graphicsPath.AddArc(rect2, 90f, 90f);//左下角
graphicsPath.CloseFigure();
return graphicsPath;
}

至此基类控件就完成了,下面是完成代码

 // 版权所有  黄正辉  交流群:568015492   QQ:623128629
// 文件名称:UCControlBase.cs
// 创建日期:2019-08-15 16:04:12
// 功能描述:ControlBase
// 项目地址:https://gitee.com/kwwwvagaa/net_winform_custom_control
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Drawing.Drawing2D; namespace HZH_Controls.Controls
{
[Designer("System.Windows.Forms.Design.ParentControlDesigner, System.Design", typeof(System.ComponentModel.Design.IDesigner))]
public partial class UCControlBase : UserControl, IContainerControl
{
private bool _isRadius = false; private int _cornerRadius = ; private bool _isShowRect = false; private Color _rectColor = Color.FromArgb(, , ); private int _rectWidth = ; private Color _fillColor = Color.Transparent;
/// <summary>
/// 是否圆角
/// </summary>
[Description("是否圆角"), Category("自定义")]
public bool IsRadius
{
get
{
return this._isRadius;
}
set
{
this._isRadius = value;
}
}
//圆角角度
[Description("圆角角度"), Category("自定义")]
public int ConerRadius
{
get
{
return this._cornerRadius;
}
set
{
this._cornerRadius = value;
}
} /// <summary>
/// 是否显示边框
/// </summary>
[Description("是否显示边框"), Category("自定义")]
public bool IsShowRect
{
get
{
return this._isShowRect;
}
set
{
this._isShowRect = value;
}
}
/// <summary>
/// 边框颜色
/// </summary>
[Description("边框颜色"), Category("自定义")]
public Color RectColor
{
get
{
return this._rectColor;
}
set
{
this._rectColor = value;
this.Refresh();
}
}
/// <summary>
/// 边框宽度
/// </summary>
[Description("边框宽度"), Category("自定义")]
public int RectWidth
{
get
{
return this._rectWidth;
}
set
{
this._rectWidth = value;
}
}
/// <summary>
/// 当使用边框时填充颜色,当值为背景色或透明色或空值则不填充
/// </summary>
[Description("当使用边框时填充颜色,当值为背景色或透明色或空值则不填充"), Category("自定义")]
public Color FillColor
{
get
{
return this._fillColor;
}
set
{
this._fillColor = value;
}
} public UCControlBase()
{
this.InitializeComponent();
base.SetStyle(ControlStyles.UserPaint, true);
base.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
base.SetStyle(ControlStyles.DoubleBuffer, true);
} protected override void OnPaint(PaintEventArgs e)
{
if (this.Visible)
{
if (this._isRadius)
{
this.SetWindowRegion();
}
if (this._isShowRect)
{
Color rectColor = this._rectColor;
Pen pen = new Pen(rectColor, (float)this._rectWidth);
Rectangle clientRectangle = base.ClientRectangle;
GraphicsPath graphicsPath = new GraphicsPath();
graphicsPath.AddArc(, , _cornerRadius, _cornerRadius, 180f, 90f);
graphicsPath.AddArc(clientRectangle.Width - _cornerRadius - , , _cornerRadius, _cornerRadius, 270f, 90f);
graphicsPath.AddArc(clientRectangle.Width - _cornerRadius - , clientRectangle.Height - _cornerRadius - , _cornerRadius, _cornerRadius, 0f, 90f);
graphicsPath.AddArc(, clientRectangle.Height - _cornerRadius - , _cornerRadius, _cornerRadius, 90f, 90f);
graphicsPath.CloseFigure();
e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
if (_fillColor != Color.Empty && _fillColor != Color.Transparent && _fillColor != this.BackColor)
e.Graphics.FillPath(new SolidBrush(this._fillColor), graphicsPath);
e.Graphics.DrawPath(pen, graphicsPath);
}
}
base.OnPaint(e);
} private void SetWindowRegion()
{
GraphicsPath path = new GraphicsPath();
Rectangle rect = new Rectangle(-, -, base.Width + , base.Height);
path = this.GetRoundedRectPath(rect, this._cornerRadius);
base.Region = new Region(path);
} private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
{
Rectangle rect2 = new Rectangle(rect.Location, new Size(radius, radius));
GraphicsPath graphicsPath = new GraphicsPath();
graphicsPath.AddArc(rect2, 180f, 90f);//左上角
rect2.X = rect.Right - radius;
graphicsPath.AddArc(rect2, 270f, 90f);//右上角
rect2.Y = rect.Bottom - radius;
rect2.Width += ;
rect2.Height += ;
graphicsPath.AddArc(rect2, 360f, 90f);//右下角
rect2.X = rect.Left;
graphicsPath.AddArc(rect2, 90f, 90f);//左下角
graphicsPath.CloseFigure();
return graphicsPath;
} protected override void WndProc(ref Message m)
{
if (m.Msg != )
{
base.WndProc(ref m);
}
} }
}
  partial class UCControlBase
{
/// <summary>
/// 必需的设计器变量。
/// </summary>
private System.ComponentModel.IContainer components = null; /// <summary>
/// 清理所有正在使用的资源。
/// </summary>
/// <param name="disposing">如果应释放托管资源,为 true;否则为 false。</param>
protected override void Dispose(bool disposing)
{
if (disposing && (components != null))
{
components.Dispose();
}
base.Dispose(disposing);
} #region 组件设计器生成的代码 /// <summary>
/// 设计器支持所需的方法 - 不要
/// 使用代码编辑器修改此方法的内容。
/// </summary>
private void InitializeComponent()
{
components = new System.ComponentModel.Container();
this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.None;
base.SuspendLayout();
base.AutoScaleDimensions = new SizeF(9f, 20f);
base.AutoScaleMode = System.Windows.Forms.AutoScaleMode.None;
this.DoubleBuffered = true;
this.Font = new Font("微软雅黑", 15f, FontStyle.Regular, GraphicsUnit.Pixel);
base.Margin = new Padding(, , , );
base.Name = "UCBase";
base.Size = new Size(, );
base.ResumeLayout(false);
} #endregion
}

用处及效果

用处:你可以把它当作一个panel来用,比如需要包裹一些控件并显示一个圆角边框的时候,你应该想到用这个控件

效果图:其实就是一个圆角边框的面板

最后的话

如果你喜欢的话,请到 https://gitee.com/kwwwvagaa/net_winform_custom_control 点个星星吧

最新文章

  1. SQL ISNULL 函数
  2. Spring源码下载地址
  3. wordpress 开发日志及技巧收集
  4. BZOJ 2176 Strange String (最小表示法)
  5. html中事件处理中的this和event对象
  6. mysql 中文字段排序( UTF8按拼音首字母排序)
  7. 网络协议TFTP
  8. js 跨域问题 汇总
  9. 转 Caffe学习系列(5):其它常用层及参数
  10. C# 正则表达式应用
  11. Windows7 64位环境6sv2.1大气传输模型修改源码添加国产高分卫星GF-1 GF-2光谱响应支持
  12. Ninja编译过程分析
  13. 关于SQL优化的一点建议
  14. django 的后台管理
  15. 首页技术支持常见问题宽带外网IP显示为10、100、172开头,没有公网IP,如何解决?
  16. text-overflow文本溢出隐藏“...”显示
  17. RESTful规范(一)
  18. RedHat6.5创建本地yum源
  19. iframe 页面刷新
  20. Python初学者第十六天 文件处理操作练习

热门文章

  1. C语言学习书籍推荐《C语言入门经典(第4版)》
  2. 原创:Python编写通讯录,支持模糊查询,利用数据库存储
  3. 提升布局性能____Making ListView Scrolling Smooth
  4. 7月18日刷题记录 二分答案跳石头游戏Getting
  5. [算法]Python判断一个点是否在多边形内部
  6. 码云及Git的使用
  7. python菜鸟入门知识
  8. React的Context的使用方法简介
  9. vue.js 中组件的使用
  10. libvirt-qemu-TLS加密虚拟机传输实例分析