C#中用winform和WPF实现圆角按钮、C#中类说明

已于 2025-01-10 10:23:43 修改
阅读量947 收藏 5
点赞数 2
文章标签： c# wpf 开发语言
于 2025-01-07 17:22:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dunshangxing9683/article/details/144988711
版权

一、C#类说明

Form.Designer.cs（窗体的设计类）存放窗体的布局，你的窗体定义了哪些控件，那些控件的名字、属性等等，拖动控件后自动生成
Form.cs（窗体的逻辑类）则是用来存放自定义方法和事件

二、 winform实现圆角按钮

首先建一个新类：RoundButton

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;


namespace WindowsFormsApp1
{
        public enum ControlState { Hover, Normal, Pressed }
        public class RoundButton : Button
        {

            private int radius;//半径 
                               //private Color _borderColor = Color.FromArgb(51, 161, 224);//边框颜色
            private Color _hoverColor = Color.FromArgb(220, 80, 80);//基颜色
            private Color _normalColor = Color.FromArgb(51, 161, 224);//基颜色
            private Color _pressedColor = Color.FromArgb(251, 161, 0);//基颜色

            private ContentAlignment _textAlign = ContentAlignment.MiddleCenter;

            public override ContentAlignment TextAlign
            {
                set
                {
                    _textAlign = value;
                    this.Invalidate();
                }
                get
                {
                    return _textAlign;
                }
            }

            /// <summary>
            /// 圆角按钮的半径属性
            /// </summary>
            [CategoryAttribute("Layout"), BrowsableAttribute(true), ReadOnlyAttribute(false)]
            public int Radius
            {
                set
                {
                    radius = value;
                    // 使控件的整个画面无效并重绘控件
                    this.Invalidate();
                }
                get
                {
                    return radius;
                }
            }
            [CategoryAttribute("Appearance"), DefaultValue(typeof(Color), "51, 161, 224")]
            public Color NormalColor
            {
                get
                {
                    return this._normalColor;
                }
                set
                {
                    this._normalColor = value;
                    this.Invalidate();
                }
            }
            [CategoryAttribute("Appearance"), DefaultValue(typeof(Color), "220, 80, 80")]
            public Color HoverColor
            {
                get
                {
                    return this._hoverColor;
                }
                set
                {
                    this._hoverColor = value;
                    this.Invalidate();
                }
            }

            [CategoryAttribute("Appearance"), DefaultValue(typeof(Color), "251, 161, 0")]
            public Color PressedColor
            {
                get
                {
                    return this._pressedColor;
                }
                set
                {
                    this._pressedColor = value;
                    this.Invalidate();
                }
            }

            public ControlState ControlState { get; set; }

            protected override void OnMouseEnter(EventArgs e)//鼠标进入时
            {
                ControlState = ControlState.Hover;//Hover
                base.OnMouseEnter(e);
            }
            protected override void OnMouseLeave(EventArgs e)//鼠标离开
            {
                ControlState = ControlState.Normal;//正常
                base.OnMouseLeave(e);
            }
            protected override void OnMouseDown(MouseEventArgs e)//鼠标按下
            {
                if (e.Button == MouseButtons.Left && e.Clicks == 1)//鼠标左键且点击次数为1
                {
                    ControlState = ControlState.Pressed;//按下的状态
                }
                base.OnMouseDown(e);
            }

            protected override void OnMouseUp(MouseEventArgs e)//鼠标弹起
            {
                if (e.Button == MouseButtons.Left && e.Clicks == 1)
                {
                    if (ClientRectangle.Contains(e.Location))//控件区域包含鼠标的位置
                    {
                        ControlState = ControlState.Hover;
                    }
                    else
                    {
                        ControlState = ControlState.Normal;
                    }
                }
                base.OnMouseUp(e);
            }
            public RoundButton()
            {
                ForeColor = Color.White;
                Radius = 20;
                this.FlatStyle = FlatStyle.Flat;
                this.FlatAppearance.BorderSize = 0;
                this.ControlState = ControlState.Normal;
                this.SetStyle(
                 ControlStyles.UserPaint |  //控件自行绘制，而不使用操作系统的绘制
                 ControlStyles.AllPaintingInWmPaint | //忽略背景擦除的Windows消息，减少闪烁，只有UserPaint设为true时才能使用。
                 ControlStyles.OptimizedDoubleBuffer |//在缓冲区上绘制，不直接绘制到屏幕上，减少闪烁。
                 ControlStyles.ResizeRedraw | //控件大小发生变化时，重绘。
                 ControlStyles.SupportsTransparentBackColor, //支持透明背景颜色
                 true);
            }


            //重写OnPaint
            protected override void OnPaint(System.Windows.Forms.PaintEventArgs e)
            {
                base.OnPaint(e);
                // base.OnPaintBackground(e);

                // 尽可能高质量绘制
                e.Graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
                e.Graphics.PixelOffsetMode = PixelOffsetMode.HighQuality;
                e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
                e.Graphics.CompositingQuality = CompositingQuality.HighQuality;
                e.Graphics.InterpolationMode = InterpolationMode.HighQualityBilinear;

                Rectangle rect = new Rectangle(0, 0, this.Width, this.Height);
                var path = GetRoundedRectPath(rect, radius);

                this.Region = new Region(path);

                Color baseColor;
                //Color borderColor;
                //Color innerBorderColor = this._baseColor;//Color.FromArgb(200, 255, 255, 255); ;

                switch (ControlState)
                {
                    case ControlState.Hover:
                        baseColor = this._hoverColor;
                        break;
                    case ControlState.Pressed:
                        baseColor = this._pressedColor;
                        break;
                    case ControlState.Normal:
                        baseColor = this._normalColor;
                        break;
                    default:
                        baseColor = this._normalColor;
                        break;
                }

                using (SolidBrush b = new SolidBrush(baseColor))
                {
                    e.Graphics.FillPath(b, path); // 填充路径，而不是DrawPath
                    using (Brush brush = new SolidBrush(this.ForeColor))
                    {
                        // 文本布局对象
                        using (StringFormat gs = new StringFormat())
                        {
                            // 文字布局
                            switch (_textAlign)
                            {
                                case ContentAlignment.TopLeft:
                                    gs.Alignment = StringAlignment.Near;
                                    gs.LineAlignment = StringAlignment.Near;
                                    break;
                                case ContentAlignment.TopCenter:
                                    gs.Alignment = StringAlignment.Center;
                                    gs.LineAlignment = StringAlignment.Near;
                                    break;
                                case ContentAlignment.TopRight:
                                    gs.Alignment = StringAlignment.Far;
                                    gs.LineAlignment = StringAlignment.Near;
                                    break;
                                case ContentAlignment.MiddleLeft:
                                    gs.Alignment = StringAlignment.Near;
                                    gs.LineAlignment = StringAlignment.Center;
                                    break;
                                case ContentAlignment.MiddleCenter:
                                    gs.Alignment = StringAlignment.Center; //居中
                                    gs.LineAlignment = StringAlignment.Center;//垂直居中
                                    break;
                                case ContentAlignment.MiddleRight:
                                    gs.Alignment = StringAlignment.Far;
                                    gs.LineAlignment = StringAlignment.Center;
                                    break;
                                case ContentAlignment.BottomLeft:
                                    gs.Alignment = StringAlignment.Near;
                                    gs.LineAlignment = StringAlignment.Far;
                                    break;
                                case ContentAlignment.BottomCenter:
                                    gs.Alignment = StringAlignment.Center;
                                    gs.LineAlignment = StringAlignment.Far;
                                    break;
                                case ContentAlignment.BottomRight:
                                    gs.Alignment = StringAlignment.Far;
                                    gs.LineAlignment = StringAlignment.Far;
                                    break;
                                default:
                                    gs.Alignment = StringAlignment.Center; //居中
                                    gs.LineAlignment = StringAlignment.Center;//垂直居中
                                    break;
                            }
                            // if (this.RightToLeft== RightToLeft.Yes)
                            // {
                            //     gs.FormatFlags = StringFormatFlags.DirectionRightToLeft;
                            // }
                            e.Graphics.DrawString(this.Text, this.Font, brush, rect, gs);
                        }
                    }
                }
            }
            /// <summary>
            /// 根据矩形区域rect，计算呈现radius圆角的Graphics路径
            /// </summary>
            /// <param name="rect"></param>
            /// <param name="radius"></param>
            /// <returns></returns>
            private GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
            {
                #region 正确绘制圆角矩形区域
                int R = radius * 2;
                Rectangle arcRect = new Rectangle(rect.Location, new Size(R, R));
                GraphicsPath path = new GraphicsPath();
                // 左上圆弧 左手坐标系，顺时针为正 从180开始，转90度
                path.AddArc(arcRect, 180, 90);
                // 右上圆弧
                arcRect.X = rect.Right - R;
                path.AddArc(arcRect, 270, 90);
                // 右下圆弧
                arcRect.Y = rect.Bottom - R;
                path.AddArc(arcRect, 0, 90);
                // 左下圆弧
                arcRect.X = rect.Left;
                path.AddArc(arcRect, 90, 90);
                path.CloseFigure();
                return path;
                #endregion
            }

            protected override void OnSizeChanged(EventArgs e)
            {
                base.OnSizeChanged(e);
            }
        }
    }

然后在Form.Designer.cs中直接使用，也可以在工具箱中直接拖拽

private RoundButton  roundButton1;

三、WPF实现圆角按钮

直接修改XAML即可
方式一：

<Button Content="圆角按钮1" Margin="479,186,124,176">
    <Button.Resources>
        <Style TargetType="{x:Type Border}">
            <Setter Property="CornerRadius" Value="40"></Setter>
        </Style>
    </Button.Resources>
</Button>

方式二：

<Button x:Name="button" Content="圆角按钮实现2" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="Black">
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Border BorderThickness="1" BorderBrush="Black" CornerRadius="30" Background="{TemplateBinding Background}">
                <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button>

注意：
1、需要添加button 的template
2、设置border的时候，必须要设置background, 否则会提示content 被多次使用
3、属性
BorderThickness：边框的粗细，值越大越粗
BorderBrush：边框的颜色
CornerRadius：圆角的大小
Background：背景颜色"{TemplateBinding Background}"：这个就是使用上面的Background属性值作为他的值
：文字垂直居中对齐
在这里插入图片描述

xiaolanmao9683
关注
WinForm控件美化：创建圆角按钮（Windows）
MwDart的博客
09-17 1184
首先，我们需要创建一个自定义按钮控件类，继承自Windows Forms中的Button类。然后，我们将覆盖控件的绘制方法，以实现圆角按钮的外观。你可以根据自己的需求和喜好，进一步自定义按钮的外观，如修改按钮的背景色、文本样式等。属性用于设置按钮的可见区域，我们将其设置为圆角路径的区域，这样按钮的鼠标交互和点击事件就只会发生在圆角区域内。在上面的代码中，我们创建了一个名为RoundButton的自定义按钮类，继承自Button类。我们设置了按钮的文本、大小和位置，然后将按钮添加到窗体的控件集合中。
C#自定义控件（圆角按钮）
热门推荐
灵犀木白的博客
12-14 1万+
C#Form窗体中自带的按钮控件外观单一，已不适合现在的窗体设计，所以我们需要自定义制作一个按钮控件。
C# 圆角按钮
shi_xi_sheng的博客
05-31 969
记录一下，以后估计用的上。
WinForm真入门(7)——Button控件详解
最新发布
ByteGeek
04-04 957
Button（按钮）是 WinForm 中最基础的交互控件，用于触发操作（如：点击登录按钮进入系统）或提交数据（如：写好请假申请后，点击提交，把申请提交给上一级）。以下是其核心功能、高级用法及实践技巧的全面解析：‌1. 动态创建按钮‌ 通过代码生成按钮并绑定事件： ‌2. 自定义按钮样式‌ ‌圆角按钮‌：覆盖 OnPaint 方法实现自定义绘制： ‌带图标的按钮‌：使用 Image 和 ImageAlign 属性： ‌3. 防止重复点击‌ 在异步操作中禁用按钮，避免重复提交： ‌4. 快捷键绑定‌ ‌通过
C#圆角按钮
12-16
一个圆角按钮的实现，很好的示例代码，看完可以加深理解
Android 实现圆角按钮（selector和shape的简单用法）
qq_29755359的博客
09-19 4731
转载:http://blog.csdn.net/leilifengxingmw/article/details/50783574 1. 进入正题，今天简单的演示一下Android中如何实现圆角按钮。使用了selector和shape.先看效果吧，感觉效果不是你想要的，果断pass掉。 1 xml布局的第一个，就是一个Button.，其他的都是TextView Relative
圆角按钮c#
DiyAbc
08-08 1201
下载source code - 1.9 KB 介绍 不久前，我试图找到一个不错的圆形按钮控件。但是我找不到一个符合我需要的，所以像一个无聊的程序员一样，我决定写我自己的。我“几乎”完成了它，我猜它可以有更多的功能，但它对我的特殊情况有效，所以我决定利用那个传统，即“如果它有效，就不要碰它”。 虽然我自己说过，但我觉得这些扣子看起来不错——你得自己判断! 它是如何工作的 我的类“RoundedButton”继承自“System.Windows.Forms”。包含一个新属性列表，用于自定义按钮的外观，并且覆盖
WinForm圆形按钮(C#)
02-23
利用C#语言制作的自定义控件：圆形按钮，按钮形状参数可定义。可显示音乐播放器形态的按钮。包含Demo和Dll
C#中Winform 实现Ajax效果自定义按钮
08-28
在本篇文章中，我们将探讨如何在 C# 中使用 WinForm 实现 Ajax 效果自定义按钮。 Ajax 效果是指在点击按钮时显示 Loading 动画，并且在点击事件完成后恢复原样。这种效果在网页开发中非常常见，例如在提交表单时显示...
C# NLua 框架 Winform WPF 热更新
12-28
用 NLua 框架实现了 winform、wpf 平台代码热更新的效果，demo 是用 winform 写的，wpf 原理类似，可以在程序运行过程中，使用 lua 脚本改变原有代码的逻辑，而不是重启程序，然后替换文件的方式，而且在 lua 中就能...
C#桌面程序 winform WPF集成内置WebApi C# 创建HTTP Web API服务 完全开源一看就会
04-12
C#桌面程序 winform WPF集成内置WebApi C# 创建HTTP Web API服务，winform WPF项目创建HTTP WEB服务，不使用IIS业务 WPF WebApi 限权限访问 在维护旧的项目时，有时需要提供APP连接的需求，就要提供HTTP服务，...
c#重绘圆角button代码 可改半径最大至圆形
04-06
c#重绘圆角button代码 可更改圆角半径，最大可形成半圆型，适当改变宽和高可形成圆形
winform界面，圆角button
07-09
winform界面，圆角button
C# Winform WPF 自动更新（基于FTP)
06-15
友情提醒：在tao宝下载本资源是旧版的，注意不要受骗 当前资源在后续更新会以私信的方式发送，已经购买资源的朋友请不要取关，谢谢了 帖子地址： ...具体的介绍请看帖子，这里文字放不下了 2023.07.25 ...
C# 圆角button
weixin_30475039的博客
08-15 1631
因为自带的button是尖角的不太好看 这里在网上找的一份代码改改做个自用的button，画的操作不局限于button也可以画其他的 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using S...
winfrom组件圆角
weixin_30528371的博客
12-06 460
精简后，就其实一点，只要有paint事件的组件，都可画圆角，没有的外面套一个panel就行了。 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Drawin...
c#简单几步实现圆角按钮
SunQIXin的博客
10-27 1万+
直接拖出来的按钮是这样的，很丑。 我们只需要在XAML中给他添加几行代码就可以做成圆角形状。 <Button x:Name="button" Content="按钮" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="25,58,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="White"> <Button.
用C#打造WinForm圆形按钮控件
weixin_26907223的博客
09-01 3058
本文还有配套的精品资源，点击获取 简介：在Windows Forms开发中，自定义控件是满足特定项目需求的关键。本文介绍了如何用C#创建一个具有圆形外观和音乐播放器样式按钮功能的自定义控件。从控件基础到自定义绘制，再到事件处理和控件封装，详细说明了圆形按钮控件的设计实现过程，使得开发者能够通过自定义控件提升WinForm应用的用户体验。 1. WinForm控件基础介...
C#自定义控件（带角标并且可以改变边框的圆角按钮）
灵犀木白的博客
01-05 2643
现在我们在圆角按钮的基础上增加带角标并且可以改变边框的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值