.net Winform自定义渐变个性化的GroupBox

于 2022-11-12 15:14:19 发布
阅读量429 收藏
点赞数
分类专栏： C#类 GDI+图形类 图形图像软件编程 文章标签： .net c# GDI+ winform 图像处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/johnsuna/article/details/127820652
版权

先看效果：

如图，上面使用了LinearGradientBrush。从而让GroupBox显得更为个性化。 

再看源码：

using CommonUtils.Controls.GroupControls;
using System;
using System.ComponentModel;
using System.ComponentModel.Design;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms;
using System.Collections.Generic;

namespace CommonUtils.Controls.GroupBoxControls
{
    /// <summary>A special custom rounding GroupBox with many painting features.</summary>
    [ToolboxBitmap(typeof(LinearGradientGrouper), "MyControls.Grouper.bmp")]
    [Designer("System.Windows.Forms.Design.ParentControlDesigner, System.Design", typeof(IDesigner))]
    public class LinearGradientGrouper : UserControl
    {
        #region Variables
        private System.ComponentModel.Container components = null;
        private int _RoundCorners = 10;
        private string _GroupTitle = "The Grouper";
        private Color _BorderColor = Color.Black;
        private float _BorderThickness = 1;
        private bool _ShadowControl = false;
        private Color _BackgroundColor = Color.White;
        private Color _BackgroundGradientColor = Color.White;
        private GroupBoxGradientMode _BackgroundGradientMode = GroupBoxGradientMode.None;
        private Color _ShadowColor = Color.DarkGray;
        private int _ShadowThickness = 3;
        private Image _GroupImage = null;
        private Color _CustomGroupBoxColor = Color.White;
        private bool _PaintGroupBox = false;
        private Color _BackColor = Color.Transparent;
        Color[] colors = new Color[] { Color.Red, Color.OrangeRed, Color.DarkRed, Color.DarkGoldenrod, Color.Orange, Color.Yellow, Color.White };
        #endregion

        #region Constructor

        /// <summary>This method will construct a new GroupBox control.</summary>
        public LinearGradientGrouper()
        {
            InitializeStyles();
            InitializeGroupBox();
        }

        #region Initialization

        /// <summary>This method will initialize the controls custom styles.</summary>
        private void InitializeStyles()
        {
            this.SetStyle(ControlStyles.DoubleBuffer, true);
            this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            this.SetStyle(ControlStyles.UserPaint, true);
            this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);
        }

        /// <summary>This method will initialize the GroupBox control.</summary>
        private void InitializeGroupBox()
        {
            components = new System.ComponentModel.Container();
            this.Resize += new EventHandler(GroupBox_Resize);
            this.DockPadding.All = 20;
            this.Name = "GroupBox";
            this.Size = new System.Drawing.Size(368, 288);
        }
        #endregion Initialization
        #endregion Constructor


        #region Properties

        /// <summary>This feature will paint the background color of the control.</summary>
        [Category("Appearance"), Description("This feature will paint the background color of the control.")]
        public override Color BackColor
        {
            get { return _BackColor; }
            set { _BackColor = value; this.Refresh(); }
        }

        /// <summary>This feature will paint the group title background to the specified color if PaintGroupBox is set to true.</summary>
        [Category("Appearance"), Description("This feature will paint the group title background to the specified color if PaintGroupBox is set to true.")]
        public Color CustomGroupBoxColor
        {
            get { return _CustomGroupBoxColor; }
            set { _CustomGroupBoxColor = value; this.Refresh(); }
        }

        /// <summary>This feature will paint the group title background to the CustomGroupBoxColor.</summary>
        [Category("Appearance"), Description("This feature will paint the group title background to the CustomGroupBoxColor.")]
        public bool PaintGroupBox
        {
            get { return _PaintGroupBox; }
            set { _PaintGroupBox = value; this.Refresh(); }
        }

        /// <summary>This feature can add a 16 x 16 image to the group title bar.</summary>
        [Category("Appearance"), Description("This feature can add a 16 x 16 image to the group title bar.")]
        public Image GroupImage
        {
            get { return _GroupImage; }
            set { _GroupImage = value; this.Refresh(); }
        }

        /// <summary>This feature will change the control's shadow color.</summary>
        [Category("Appearance"), Description("This feature will change the control's shadow color.")]
        public Color ShadowColor
        {
            get { return _ShadowColor; }
            set { _ShadowColor = value; this.Refresh(); }
        }

        /// <summary>This feature will change the size of the shadow border.</summary>
        [Category("Appearance"), Description("This feature will change the size of the shadow border.")]
        public int ShadowThickness
        {
            get { return _ShadowThickness; }
            set
            {
                if (value > 10)
                    _ShadowThickness = 10;
                else
                    _ShadowThickness = (value < 1) ? 1 : value;
                this.Refresh();
            }
        }

        /// <summary>This feature will change the group control color. This color can also be used in combination with BackgroundGradientColor for a gradient paint.</summary>
        [Category("Appearance"), Description("This feature will change the group control color. This color can also be used in combination with BackgroundGradientColor for a gradient paint.")]
        public Color BackgroundColor
        {
            get { return _BackgroundColor; }
            set { _BackgroundColor = value; this.Refresh(); }
        }

        /// <summary>This feature can be used in combination with BackgroundColor to create a gradient background.</summary>
        [Category("Appearance"), Description("This feature can be used in combination with BackgroundColor to create a gradient background.")]
        public Color BackgroundGradientColor
        {
            get { return _BackgroundGradientColor; }
            set { _BackgroundGradientColor = value; this.Refresh(); }
        }

        /// <summary>This feature turns on background gradient painting.</summary>
        [Category("Appearance"), Description("This feature turns on background gradient painting.")]
        public GroupBoxGradientMode BackgroundGradientMode
        {
            get { return _BackgroundGradientMode; }
            set { _BackgroundGradientMode = value; this.Refresh(); }
        }

        /// <summary>This feature will round the corners of the control.</summary>
        [Category("Appearance"), Description("This feature will round the corners of the control.")]
        public int RoundCorners
        {
            get { return _RoundCorners; }
            set
            {
                if (value > 25)
                    _RoundCorners = 25;
                else
                    _RoundCorners = (value < 1) ? 1 : value;
                this.Refresh();
            }
        }

        /// <summary>This feature will add a group title to the control.</summary>
        [Category("Appearance"), Description("This feature will add a group title to the control.")]
        public string GroupTitle
        {
            get { return _GroupTitle; }
            set { _GroupTitle = value; this.Refresh(); }
        }

        /// <summary>This feature will allow you to change the color of the control's border.</summary>
        [Category("Appearance"), Description("This feature will allow you to change the color of the control's border.")]
        public Color BorderColor
        {
            get { return _BorderColor; }
            set { _BorderColor = value; this.Refresh(); }
        }

        /// <summary>This feature will allow you to set the control's border size.</summary>
        [Category("Appearance"), Description("This feature will allow you to set the control's border size.")]
        public float BorderThickness
        {
            get { return _BorderThickness; }
            set
            {
                if (value > 3)
                    _BorderThickness = 3;
                else
                    _BorderThickness = (value < 1) ? 1 : value;
                this.Refresh();
            }
        }

        /// <summary>This feature will allow you to turn on control shadowing.</summary>
        [Category("Appearance"), Description("This feature will allow you to turn on control shadowing.")]
        public bool ShadowControl
        {
            get { return _ShadowControl; }
            set { _ShadowControl = value; this.Refresh(); }
        }

        #endregion

        #region DeConstructor

        /// <summary>This method will dispose of the GroupBox control.</summary>
        protected override void Dispose(bool disposing)
        {
            if (disposing) { if (components != null) { components.Dispose(); } }
            base.Dispose(disposing);
        }

        #endregion

        #region Protected Methods

        /// <summary>Overrides the OnPaint method to paint control.</summary>
        /// <param name="e">The paint event arguments.</param>
        protected override void OnPaint(PaintEventArgs e)
        {
            PaintBack(e.Graphics);
            PaintGroupText(e.Graphics);
        }

        #endregion

        #region Private Methods

        /// <summary>This method will paint the group title.</summary>
        /// <param name="g">The paint event graphics object.</param>
        private void PaintGroupText(System.Drawing.Graphics g)
        {
            if (this.GroupTitle == string.Empty) { return; }
            g.SmoothingMode = SmoothingMode.AntiAlias;
            SizeF StringSize = g.MeasureString(this.GroupTitle, this.Font);
            Size StringSize2 = StringSize.ToSize();
            if (this.GroupImage != null) { StringSize2.Width += 18; }
            int ArcWidth = this.RoundCorners;
            int ArcHeight = this.RoundCorners;
            int ArcX1 = 20;
            int ArcX2 = (StringSize2.Width + 34) - (ArcWidth + 1);
            int ArcY1 = 0;
            int ArcY2 = 24 - (ArcHeight + 1);
            GraphicsPath path = new GraphicsPath();
            Brush BorderBrush = new SolidBrush(this.BorderColor);
            Pen BorderPen = new Pen(BorderBrush, this.BorderThickness);
            Brush BackgroundBrush = (this.PaintGroupBox) ? new SolidBrush(this.CustomGroupBoxColor) : new SolidBrush(this.BackgroundColor);
            SolidBrush TextColorBrush = new SolidBrush(this.ForeColor);
            SolidBrush ShadowBrush = null;
            GraphicsPath ShadowPath = null;
            if (this.ShadowControl)
            {
                ShadowBrush = new SolidBrush(this.ShadowColor);
                ShadowPath = new GraphicsPath();
                ShadowPath.AddArc(ArcX1 + (this.ShadowThickness - 1), ArcY1 + (this.ShadowThickness - 1), ArcWidth, ArcHeight, 180, GroupBoxConstants.SweepAngle); // Top Left
                ShadowPath.AddArc(ArcX2 + (this.ShadowThickness - 1), ArcY1 + (this.ShadowThickness - 1), ArcWidth, ArcHeight, 270, GroupBoxConstants.SweepAngle); //Top Right
                ShadowPath.AddArc(ArcX2 + (this.ShadowThickness - 1), ArcY2 + (this.ShadowThickness - 1), ArcWidth, ArcHeight, 360, GroupBoxConstants.SweepAngle); //Bottom Right
                ShadowPath.AddArc(ArcX1 + (this.ShadowThickness - 1), ArcY2 + (this.ShadowThickness - 1), ArcWidth, ArcHeight, 90, GroupBoxConstants.SweepAngle); //Bottom Left
                ShadowPath.CloseAllFigures();

                g.FillPath(ShadowBrush, ShadowPath);
            }
            path.AddArc(ArcX1, ArcY1, ArcWidth, ArcHeight, 180, GroupBoxConstants.SweepAngle); // Top Left
            path.AddArc(ArcX2, ArcY1, ArcWidth, ArcHeight, 270, GroupBoxConstants.SweepAngle); //Top Right
            path.AddArc(ArcX2, ArcY2, ArcWidth, ArcHeight, 360, GroupBoxConstants.SweepAngle); //Bottom Right
            path.AddArc(ArcX1, ArcY2, ArcWidth, ArcHeight, 90, GroupBoxConstants.SweepAngle); //Bottom Left
            path.CloseAllFigures();

            if (!this.PaintGroupBox)
                g.FillPath(BackgroundBrush, path);
            else
            {
                if (this.BackgroundGradientMode == GroupBoxGradientMode.None)
                    g.FillPath(BackgroundBrush, path);
                else
                {
                    RectangleF rectF = path.GetBounds();
                    LinearGradientBrush lgb = new LinearGradientBrush(rectF,
                        this.BackgroundColor, this.BackgroundGradientColor,
                        (LinearGradientMode)this.BackgroundGradientMode);
                    ColorBlend cb = new ColorBlend();
                    List<Color> colorList = new List<Color>();
                    foreach (Color color in colors)
                    {
                        colorList.Add(ControlPaint.Light(color, 0.68f));
                    }
                    colorList.Reverse();
                    Color[] groupTitleColors = colorList.ToArray();
                    cb.Colors = groupTitleColors;
                    cb.Positions = new float[] { 0.0f, 0.1f, .25f, .4f, .8f, .9f, 1.0f };
                    lgb.InterpolationColors = cb;
                    g.FillPath(lgb, path);
                }
            }
            g.DrawPath(BorderPen, path);
            int CustomStringWidth = (this.GroupImage != null) ? 44 : 28;
            g.DrawString(this.GroupTitle, this.Font, TextColorBrush, CustomStringWidth, 5);

            if (this.GroupImage != null)
                g.DrawImage(this.GroupImage, 28, 4, 16, 16);

            if (path != null) { path.Dispose(); }
            if (BorderBrush != null) { BorderBrush.Dispose(); }
            if (BorderPen != null) { BorderPen.Dispose(); }
            if (BackgroundBrush != null) { BackgroundBrush.Dispose(); }
            if (TextColorBrush != null) { TextColorBrush.Dispose(); }
            if (ShadowBrush != null) { ShadowBrush.Dispose(); }
            if (ShadowPath != null) { ShadowPath.Dispose(); }
        }

        /// <summary>This method will paint the control.</summary>
        /// <param name="g">The paint event graphics object.</param>
        private void PaintBack(Graphics g)
        {
            g.SmoothingMode = SmoothingMode.AntiAlias;
            int ArcWidth = this.RoundCorners * 2;
            int ArcHeight = this.RoundCorners * 2;
            int ArcX1 = 0;
            int ArcX2 = (this.ShadowControl) ? (this.Width - (ArcWidth + 1)) - this.ShadowThickness : this.Width - (ArcWidth + 1);
            int ArcY1 = 10;
            int ArcY2 = (this.ShadowControl) ? (this.Height - (ArcHeight + 1)) - this.ShadowThickness : this.Height - (ArcHeight + 1);
            GraphicsPath path = new GraphicsPath();
            Brush BorderBrush = new SolidBrush(this.BorderColor);
            Pen BorderPen = new Pen(BorderBrush, this.BorderThickness);
            Brush BackgroundBrush = new SolidBrush(this.BackgroundColor);
            SolidBrush ShadowBrush = null;
            GraphicsPath ShadowPath = null;
            if (this.ShadowControl)
            {
                ShadowBrush = new SolidBrush(this.ShadowColor);
                ShadowPath = new GraphicsPath();
                ShadowPath.AddArc(ArcX1 + this.ShadowThickness, ArcY1 + this.ShadowThickness, ArcWidth, ArcHeight, 180, GroupBoxConstants.SweepAngle); // Top Left
                ShadowPath.AddArc(ArcX2 + this.ShadowThickness, ArcY1 + this.ShadowThickness, ArcWidth, ArcHeight, 270, GroupBoxConstants.SweepAngle); //Top Right
                ShadowPath.AddArc(ArcX2 + this.ShadowThickness, ArcY2 + this.ShadowThickness, ArcWidth, ArcHeight, 360, GroupBoxConstants.SweepAngle); //Bottom Right
                ShadowPath.AddArc(ArcX1 + this.ShadowThickness, ArcY2 + this.ShadowThickness, ArcWidth, ArcHeight, 90, GroupBoxConstants.SweepAngle); //Bottom Left
                ShadowPath.CloseAllFigures();
                g.FillPath(ShadowBrush, ShadowPath);
            }
            path.AddArc(ArcX1, ArcY1, ArcWidth, ArcHeight, 180, GroupBoxConstants.SweepAngle); // Top Left
            path.AddArc(ArcX2, ArcY1, ArcWidth, ArcHeight, 270, GroupBoxConstants.SweepAngle); //Top Right
            path.AddArc(ArcX2, ArcY2, ArcWidth, ArcHeight, 360, GroupBoxConstants.SweepAngle); //Bottom Right
            path.AddArc(ArcX1, ArcY2, ArcWidth, ArcHeight, 90, GroupBoxConstants.SweepAngle); //Bottom Left
            path.CloseAllFigures();
            if (this.BackgroundGradientMode == GroupBoxGradientMode.None)
                g.FillPath(BackgroundBrush, path);
            else
            {
                LinearGradientBrush lgb = new LinearGradientBrush(new Rectangle(0, 0, this.Width, this.Height),
                        this.BackgroundColor, this.BackgroundGradientColor,
                        (LinearGradientMode)this.BackgroundGradientMode);
                ColorBlend cb = new ColorBlend();
                cb.Colors = colors;
                cb.Positions = new float[] { 0.0f, 0.1f, .25f, .4f, .68f, .86f, 1.0f };
                lgb.InterpolationColors = cb;
                g.FillPath(lgb, path);
            }
            g.DrawPath(BorderPen, path);
            if (path != null) { path.Dispose(); }
            if (BorderBrush != null) { BorderBrush.Dispose(); }
            if (BorderPen != null) { BorderPen.Dispose(); }
            if (BackgroundBrush != null) { BackgroundBrush.Dispose(); }
            if (ShadowBrush != null) { ShadowBrush.Dispose(); }
            if (ShadowPath != null) { ShadowPath.Dispose(); }
        }

        /// <summary>This method fires when the GroupBox resize event occurs.</summary>
        /// <param name="sender">The object the sent the event.</param>
        /// <param name="e">The event arguments.</param>
        private void GroupBox_Resize(object sender, EventArgs e)
        {
            this.Refresh();
        }

        #endregion
    }
}

其他辅助代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CommonUtils.Controls.GroupBoxControls
{
    /// <summary>A special gradient enumeration.</summary>
    public enum GroupBoxGradientMode
    {
        /// <summary>Specifies no gradient mode.</summary>
        None = -1,

        /// <summary>Specifies a gradient from upper right to lower left.</summary>
        BackwardDiagonal = 3,

        /// <summary>Specifies a gradient from upper left to lower right.</summary>
        ForwardDiagonal = 2,

        /// <summary>Specifies a gradient from left to right.</summary>
        Horizontal = 0,

        /// <summary>Specifies a gradient from top to bottom.</summary>
        Vertical = 1
    }
}

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CommonUtils.Controls.GroupControls
{
    /// <summary>This class holds all GroupBox constants.</summary>
    public class GroupBoxConstants
    {
        /// <summary>The sweep angle of the arc.</summary>
        public const int SweepAngle = 90;
        /// <summary>The minimum control height.</summary>
        public const int MinControlHeight = 32;
        /// <summary>The minimum control width.</summary>
        public const int MinControlWidth = 96;
    }
}

OK.

大可山人
关注
专栏目录
C#自定义控件案例--美化GroupBox(十分经典)
03-07
C#自定义控件案例--美化GroupBox(十分经典)
C#自定义控件案例--美化GroupBox非常经典
03-01
C#自定义控件案例--美化GroupBox非常经典
C# Winform 带优美外观的UserControl控件GroupBox
weixin_33958366的博客
07-21 308
写在前面：如果大家觉得.Net自带的GroupBox控件太差了，样子很不美观，而想用.Net强大的自定义功能来实现定制控件，如，在GroupBox的Title那里加个Button形状的东西，给GroupBox的四周的角都变成圆的，给GroupBox加个背景色，并且有过渡效果。那，请您看看，下面的效果图，是不是您所需要的？就是不是你需要的，但是不是有很大的参考价值？应该是吧。 介绍此自定...
C#美化GroupBox
biyusr的专栏
05-31 580
1C#美化GroupBox的源码 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 Beautifica
C#自定义控件案例--美化GroupBox2019
02-26
C#自定义控件案例--美化GroupBox2019
C#.net winform自定义系统简单版
06-01
1、本系统实现自定义模块录入数据功能，可在自定义模块中录入各种模块，自动生成数据表，生成导航菜单，生成模块界面，实现增删改查的简单操作。 2、DataBase文件夹存放SQL的BAK文件，可还原到SQL数据库。 3、...
WinForm 漂亮的自定义控件GroupBox,Button
10-14
总之，通过自定义WinForm控件，如GroupBox和Button，我们可以实现独特的视觉效果和交互体验。这个过程涉及到继承、绘制、事件处理和属性设置等多个方面，需要对.NET Framework和C#有深入理解。通过不断实践和调整，...
(VB.NET)WinForm自定义DataGridView分页组合控件
01-02
本资源提供的就是一个自定义的WinForm分页组合控件，它在VS2015环境下通过结合VB.NET的已有控件实现，能够有效地提高数据展示的效率和用户体验。 首先，让我们来深入理解这个分页控件的核心原理。在VB.NET中，...
.NET自定义控件案例--美化GroupBox
03-21
.NET自定义控件案例--美化GroupBox
C#自定义控件案例--美化GroupBox[201903]
03-11
C#自定义控件案例--美化GroupBox[201903]
C#自定义控件案例--美化GroupBox
03-28
C#自定义控件案例--美化GroupBox
C#.NET WinForm 大型企业ERP管理系统源码ERP源码
最新发布
11-01
ERP源码_含vs2019版 0,两套大型源码。 1,vs2010和vs2019。 2,sqlserver2008以上。 3,C#. 4,附带数据库，详细安装说明。 5、赠送dxdev控件。
c# winform 设置gropuBox样式，top.fill,left,right,none
黑色头发
08-13 283
groupBox1.Dock = DockStyle.Bottom; groupBox1.Dock = DockStyle.None; groupBox1.Dock = DockStyle.Left; groupBox1.Dock = DockStyle.Right; groupBox1.Dock = DockStyle.Fill; groupBox1.Dock = DockStyle...
C#自定义控件案例--美化GroupBox.rar
05-12
C#自定义控件案例--美化GroupBox
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值