winform 页面设计自定义圆角按键

爱搞事的程小猿

已于 2022-07-06 08:51:03 修改

阅读量3.6k

点赞数 2

分类专栏： C# 文章标签： c#

于 2022-05-27 16:37:40 首次发布

本文链接：https://blog.youkuaiyun.com/adsd1233123/article/details/125006719

版权

C# 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种自定义美观的圆角按钮的方法，并通过重绘设计实现了多种样式，包括纯文字、纯图像、图文结合及带边框的按钮等。文章提供了核心代码片段和下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.概述

winform 自带的按键button 美观上面的话，完全不够看
那么？
想制作一个美观的自定义圆角按键，如何实现呢？

2.效果展示

①仅显示文字
在这里插入图片描述
②仅显示图像

③显示图像与文字

⑤带有边界的圆角按键

3.自定义属性参数

在这里插入图片描述

4.实质运用

方便观看进一步的效果就自制一个自定义窗体
使用上圆角按键
请添加图片描述

5.核心代码

主要是对原来的按键进行了重绘设计

        protected override void OnPaint(PaintEventArgs pevent)
        {
            base.OnPaint(pevent);
            if (IsSolid)
            {
                pevent.Graphics.SmoothingMode = SmoothingMode.AntiAlias;//绘画图形的平滑模式,抗锯齿
                RectangleF rectBorder = new RectangleF(0, 0, this.Width - 0.5f, this.Height - 0.5f);
                Pen penBorder = new Pen(this.BackColor, 3);
                GraphicsPath pathBorder = GetFigurePath(rectBorder);
                this.Region = new Region(pathBorder);//边界
                pevent.Graphics.DrawPath(penBorder, pathBorder);
                //在内层加一个真正的区域--显示的也是这个不会右region的锯齿问题
                RectangleF rectSurface = new RectangleF(1f, 1f, this.Width - 1f, this.Height - 1f);
                GraphicsPath pathSurface = GetFigurePath(rectSurface);
                Color sfColor = SurfaceColor;
                pevent.Graphics.FillPath(new SolidBrush(sfColor), pathSurface);//遮盖层，遮挡住原有的图像与文字
                sfColor = hover ? GetArgbColor(press ? 128 : 255, HoverColor) : SurfaceColor;
                pevent.Graphics.FillPath(new SolidBrush(sfColor), pathSurface);//鼠标事件响应层

                //绘制背景图像
                if (BackgroundImage != null)
                {
                    DrawBackgroundImage(
                        pevent.Graphics,
                        this.BackgroundImage,
                        rectSurface,
                        this.BackgroundImageLayout,
                        BackImageOffsetX,
                        BackImageOffsetY
                        );
                    //不加的话，填充的时候，出现锯齿
                    penBorder.Width = 1;
                    pevent.Graphics.DrawPath(penBorder, pathBorder);
                }

                if (TextVisible)
                {
                    //绘制文字
                    RectangleF rectText = new RectangleF(0 + TextOffsetX, 0 + TextOffsetY
                        , this.Width - 0.5f + TextOffsetX, this.Height - 0.5f + TextOffsetY);
                    StringFormat format = new StringFormat();//控制文字方向
                    format.LineAlignment = strAlignV;//文字垂直方向
                    format.Alignment = strAlignH;//文字水平方向
                    pevent.Graphics.DrawString(
                        this.Text,
                        this.Font,
                        new SolidBrush(this.ForeColor),
                        rectText,
                        format);
                }
            }
            else
            {
                pevent.Graphics.SmoothingMode = SmoothingMode.AntiAlias;//绘画图形的平滑模式,抗锯齿
                RectangleF rectBorder = new RectangleF(0, 0, this.Width - 0.5f, this.Height - 0.5f);
                Pen penBorder = new Pen(this.BackColor, 3);
                GraphicsPath pathBorder = GetFigurePath(rectBorder);
                this.Region = new Region(pathBorder);//边界
                pevent.Graphics.DrawPath(penBorder, pathBorder);
                //在内层加一个真正的区域--显示的也是这个不会右region的锯齿问题
                RectangleF rectSurface = new RectangleF(1f, 1f, this.Width - 1f, this.Height - 1f);
                GraphicsPath pathSurface = GetFigurePath(rectSurface);
                Color sfColor = hover ? GetArgbColor(64, hoverColor)
                    : (IsSelected ? GetArgbColor(64, hoverColor) : GetArgbColor(0, this.BackColor));
                pevent.Graphics.FillPath(new SolidBrush(sfColor), pathSurface);
            }

            if (BorderVisible)
            {
                RectangleF rectBorder = new RectangleF(1f, 1f, this.Width - 1f, this.Height - 1f);
                GraphicsPath pathBorder = GetFigurePath(rectBorder);
                Pen penBorder = new Pen(BorderColor, BorderWidth);
                pevent.Graphics.DrawPath(penBorder, pathBorder);
            }
        }