自定义Button控件，圆角Button或其它形状Button

最新推荐文章于 2024-03-27 22:11:56 发布
最新推荐文章于 2024-03-27 22:11:56 发布
阅读量6.8k 收藏 23
点赞数 4
分类专栏： 编程菜鸟成长之路 文章标签： C# 圆角Button SimpleButton
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rocco_cui/article/details/88055213
版权

如图所示

代码如下：

圆角Button 

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

namespace CustomizeButton
{
    public partial class RoundButton : Button
    {
        enum model
        {
            hover,
            enter,
            press,
            enable
        }

        public Color HoverBackColor { get; set; }
        public Color EnterBackColor { get; set; }
        public Color PressBackColor { get; set; }
        public Color HoverForeColor { get; set; }
        public Color EnterForeColor { get; set; }
        public Color PressForeColor { get; set; }

        public int Radius { get; set; }

        model paintmodel = model.hover;
        public RoundButton()
        {
            InitializeComponent();
            //这些得带上，不然会有黑边
            FlatStyle = FlatStyle.Flat;
            FlatAppearance.BorderSize = 0;
            FlatAppearance.BorderColor = Color.FromArgb(0, 0, 0, 0);
            FlatAppearance.MouseDownBackColor = Color.Transparent;
            FlatAppearance.MouseOverBackColor = Color.Transparent;

            SetDefaultColor();


        }
        public void SetDefaultColor()
        {//给个初始值
            HoverBackColor = Color.FromArgb(255, 0, 119, 169);
            EnterBackColor = Color.FromArgb(255, 0, 100, 120);
            PressBackColor = Color.FromArgb(255, 0, 100, 120);
            HoverForeColor = Color.White;
            EnterForeColor = Color.White;
            PressForeColor = Color.White;
            Radius = 18;
        }



        protected override void OnLayout(LayoutEventArgs levent)
        {
            SetDefaultColor();
            Refresh();
            base.OnLayout(levent);
        }
        protected override void OnParentChanged(EventArgs e)
        {
            Parent.SizeChanged += delegate { Refresh(); };
            base.OnParentChanged(e);
        }


        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);//这个不能去，而且得放在前面，不然会有黑框之类的莫名其妙的东西
            var colorback = HoverBackColor;
            var colorfore = HoverForeColor;
            switch (paintmodel)
            {
                case model.hover:
                    colorback = HoverBackColor;
                    colorfore = HoverForeColor;
                    break;
                case model.enter:
                    colorback = EnterBackColor;
                    colorfore = EnterForeColor;
                    break;
                case model.press:
                    colorback = PressBackColor;
                    colorfore = PressForeColor;
                    break;
                case model.enable:
                    colorback = Color.LightGray;
                    break;
                default:
                    colorback = HoverBackColor;
                    colorfore = HoverForeColor;
                    break;
            }
            Draw(e.ClipRectangle, e.Graphics, false, colorback);
            DrawText(e.ClipRectangle, e.Graphics, colorfore);
        }
        protected override void OnMouseEnter(EventArgs e)
        {
            paintmodel = model.enter;
            base.OnMouseEnter(e);


        }
        protected override void OnMouseLeave(EventArgs e)
        {
            paintmodel = model.hover;
            base.OnMouseLeave(e);

        }
        protected override void OnMouseDown(MouseEventArgs mevent)
        {
            paintmodel = model.press;
            base.OnMouseDown(mevent);
        }
        protected override void OnEnabledChanged(EventArgs e)
        {
            paintmodel = Enabled ? model.hover : model.enable;
            Invalidate();//false 转换为true的时候不会刷新 这里强制刷新下
            base.OnEnabledChanged(e);

        }
        void Draw(Rectangle rectangle, Graphics g, bool cusp, Color begin_color, Color? end_colorex = null)
        {
            Color end_color = end_colorex == null ? begin_color : (Color)end_colorex;
            int span = 2;
            //抗锯齿
            g.SmoothingMode = SmoothingMode.AntiAlias;
            //渐变填充
            LinearGradientBrush myLinearGradientBrush = new LinearGradientBrush(rectangle, begin_color, end_color, LinearGradientMode.Vertical);
            //画尖角
            if (cusp)
            {
                span = 10;
                PointF p1 = new PointF(rectangle.Width - 12, rectangle.Y + 10);
                PointF p2 = new PointF(rectangle.Width - 12, rectangle.Y + 30);
                PointF p3 = new PointF(rectangle.Width, rectangle.Y + 20);
                PointF[] ptsArray = { p1, p2, p3 };
                g.FillPolygon(myLinearGradientBrush, ptsArray);
            }
            //填充
            g.FillPath(myLinearGradientBrush, DrawRoundRect(rectangle.X, rectangle.Y, rectangle.Width - span, rectangle.Height - 1, Radius));

        }
        void DrawText(Rectangle rectangle, Graphics g, Color color)
        {
            SolidBrush sbr = new SolidBrush(color);
            var rect = new RectangleF();
            switch (TextAlign)
            {
                case ContentAlignment.MiddleCenter:
                    rect = getTextRec(rectangle, g);
                    break;
                default:
                    rect = getTextRec(rectangle, g);
                    break;
            }
            g.DrawString(Text, Font, sbr, rect);
        }
        RectangleF getTextRec(Rectangle rectangle, Graphics g)
        {
            var rect = new RectangleF();
            var size = g.MeasureString(Text, Font);
            if (size.Width > rectangle.Width || size.Height > rectangle.Height)
            {
                rect = rectangle;
            }
            else
            {
                rect.Size = size;
                rect.Location = new PointF(rectangle.X + (rectangle.Width - size.Width) / 2, rectangle.Y + (rectangle.Height - size.Height) / 2);
            }
            return rect;
        }
        GraphicsPath DrawRoundRect(int x, int y, int width, int height, int radius)
        {
            //四边圆角
            GraphicsPath gp = new GraphicsPath();
            gp.AddArc(x, y, radius, radius, 180, 90);
            gp.AddArc(width - radius, y, radius, radius, 270, 90);
            gp.AddArc(width - radius, height - radius, radius, radius, 0, 90);
            gp.AddArc(x, height - radius, radius, radius, 90, 90);
            gp.CloseAllFigures();
            return gp;
        }
    }
}

另外一个形状的Button由于是有图片的，因此重写了DevExpress的SimpleButton

using CustomizeButton.Properties;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace CustomizeButton
{
    public partial class AngleButton : Button
    {
        enum model
        {
            hover,
            enter,
            press,
            enable
        }

        public Color HoverBackColor { get; set; }
        public Color EnterBackColor { get; set; }
        public Color PressBackColor { get; set; }
        public Color HoverForeColor { get; set; }
        public Color EnterForeColor { get; set; }
        public Color PressForeColor { get; set; }

        public int Radius { get; set; }

        model paintmodel = model.hover;
        public AngleButton()
        {
            InitializeComponent();
            //这些得带上，不然会有黑边
            FlatStyle = FlatStyle.Flat;
            FlatAppearance.BorderSize = 0;
            FlatAppearance.BorderColor = Color.FromArgb(0, 0, 0, 0);
            FlatAppearance.MouseDownBackColor = Color.Transparent;
            FlatAppearance.MouseOverBackColor = Color.Transparent;
            BackColor = Color.Transparent;
            this.BackgroundImageLayout = ImageLayout.Zoom;
            this.MouseMove += MouseMovePicture;
            this.MouseLeave += MouseLeavePicture;
            this.MouseClick += ClickPicture;
            SetDefaultColor();
            BackgroundImage = Resources.mousein;
        }

        private void ClickPicture(object sender, EventArgs e)
        {
            BackgroundImage = Resources.click;
        }

        private void MouseLeavePicture(object sender, EventArgs e)
        {
            BackgroundImage = Resources.mouseout;
        }

        private void MouseMovePicture(object sender, MouseEventArgs e)
        {
            if(!ImageCompareString((Bitmap)BackgroundImage, Resources.mousein)&& !ImageCompareString((Bitmap)BackgroundImage, Resources.click))
            {
                BackgroundImage = Resources.mousein;
            }
        }
        public static bool ImageCompareString(Bitmap firstImage, Bitmap secondImage)
        {
            MemoryStream ms = new MemoryStream();
            firstImage.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
            String firstBitmap = Convert.ToBase64String(ms.ToArray());
            ms.Position = 0;

            secondImage.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
            String secondBitmap = Convert.ToBase64String(ms.ToArray());

            if (firstBitmap.Equals(secondBitmap))
            {
                return true;
            }
            else
            {
                return false;
            }
        }
        public void SetDefaultColor()
        {//给个初始值
            HoverBackColor = Color.FromArgb(255, 0, 119, 169);
            EnterBackColor = Color.FromArgb(255, 0, 100, 120);
            PressBackColor = Color.FromArgb(255, 0, 100, 120);
            HoverForeColor = Color.White;
            EnterForeColor = Color.White;
            PressForeColor = Color.White;
            Radius = 18;
        }

        protected override void OnLayout(LayoutEventArgs levent)
        {
            SetDefaultColor();
            Refresh();
            base.OnLayout(levent);
        }
        protected override void OnParentChanged(EventArgs e)
        {
            Parent.SizeChanged += delegate { Refresh(); };
            base.OnParentChanged(e);
        }


        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);//这个不能去，而且得放在前面，不然会有黑框之类的莫名其妙的东西
            var colorback = HoverBackColor;
            var colorfore = HoverForeColor;
            switch (paintmodel)
            {
                case model.hover:
                    colorback = HoverBackColor;
                    colorfore = HoverForeColor;
                    break;
                case model.enter:
                    colorback = EnterBackColor;
                    colorfore = EnterForeColor;
                    break;
                case model.press:
                    colorback = PressBackColor;
                    colorfore = PressForeColor;
                    break;
                case model.enable:
                    colorback = Color.LightGray;
                    break;
                default:
                    colorback = HoverBackColor;
                    colorfore = HoverForeColor;
                    break;
            }
            //Draw(e.ClipRectangle, e.Graphics, false, colorback);
            Draw(e.ClipRectangle, e.Graphics, false, Color.Transparent);
            //DrawText(e.ClipRectangle, e.Graphics, colorfore);
            DrawText(e.ClipRectangle, e.Graphics, Color.Transparent);
        }
        protected override void OnMouseEnter(EventArgs e)
        {
            paintmodel = model.enter;
            base.OnMouseEnter(e);


        }
        protected override void OnMouseLeave(EventArgs e)
        {
            paintmodel = model.hover;
            base.OnMouseLeave(e);

        }
        protected override void OnMouseDown(MouseEventArgs mevent)
        {
            paintmodel = model.press;
            base.OnMouseDown(mevent);
        }
        protected override void OnEnabledChanged(EventArgs e)
        {
            paintmodel = Enabled ? model.hover : model.enable;
            Invalidate();//false 转换为true的时候不会刷新 这里强制刷新下
            base.OnEnabledChanged(e);

        }
        void Draw(Rectangle rectangle, Graphics g, bool cusp, Color begin_color, Color? end_colorex = null)
        {
            Color end_color = end_colorex == null ? begin_color : (Color)end_colorex;
            int span = 2;
            //抗锯齿
            g.SmoothingMode = SmoothingMode.AntiAlias;
            //渐变填充
            LinearGradientBrush myLinearGradientBrush = new LinearGradientBrush(rectangle, begin_color, end_color, LinearGradientMode.Vertical);
            //画尖角
            if (cusp)
            {
                span = 10;
                PointF p1 = new PointF(rectangle.Width - 12, rectangle.Y + 10);
                PointF p2 = new PointF(rectangle.Width - 12, rectangle.Y + 30);
                PointF p3 = new PointF(rectangle.Width, rectangle.Y + 20);
                PointF[] ptsArray = { p1, p2, p3 };
                g.FillPolygon(myLinearGradientBrush, ptsArray);
            }
            //填充
            g.FillPath(myLinearGradientBrush, DrawAngleRect(rectangle.X, rectangle.Y, rectangle.Width - span, rectangle.Height - 1, Radius));

        }
        void DrawText(Rectangle rectangle, Graphics g, Color color)
        {
            SolidBrush sbr = new SolidBrush(color);
            var rect = new RectangleF();
            switch (TextAlign)
            {
                case ContentAlignment.MiddleCenter:
                    rect = getTextRec(rectangle, g);
                    break;
                default:
                    rect = getTextRec(rectangle, g);
                    break;
            }
            g.DrawString(Text, Font, sbr, rect);
        }
        RectangleF getTextRec(Rectangle rectangle, Graphics g)
        {
            var rect = new RectangleF();
            var size = g.MeasureString(Text, Font);
            if (size.Width > rectangle.Width || size.Height > rectangle.Height)
            {
                rect = rectangle;
            }
            else
            {
                rect.Size = size;
                rect.Location = new PointF(rectangle.X + (rectangle.Width - size.Width) / 2, rectangle.Y + (rectangle.Height - size.Height) / 2);
            }
            return rect;
        }
        GraphicsPath DrawAngleRect(int x, int y, int width, int height, int radius)
        {
            //右上角和左下角平角
            GraphicsPath gp = new GraphicsPath();
            gp.AddLine(new PointF(x, y), new PointF(width - radius, y));
            gp.AddLine(new PointF(width - radius, y), new PointF(width, y + radius));
            gp.AddLine(new PointF(width, y + radius), new PointF(width, height));
            gp.AddLine(new PointF(width, height), new PointF(x + radius, height));
            gp.AddLine(new PointF(x + radius, height), new PointF(x, height - radius));
            gp.AddLine(new PointF(x, height - radius), new PointF(x, y));
            gp.CloseAllFigures();
            return gp;
        }
    }
}

页面调用这两个控件

            DoubleBuffered = true;
            RoundButton roundButton = new RoundButton();
            roundButton.Text = "确定";
            roundButton.Font = new Font("黑体", 15);
            this.Controls.Add(roundButton);
            roundButton.Location = new Point(50, 50);
            roundButton.Size = new Size(328, 50);

            AngleButton angleButton = new AngleButton();
            angleButton.Text = "确定";
            angleButton.Font = new Font("黑体", 9);
            this.Controls.Add(angleButton);
            angleButton.Location = new Point(50, 120);
            angleButton.Size = new Size(328, 50);

参考：https://www.cnblogs.com/onegarden/p/7367855.html

Rocco_Cui
关注
  • 4
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DevExpress 通用控件系列（4）：SimpleButton
无极限冰红茶
07-24 4098
SimpleButton类 可以显示文本和自定义图像的按钮，可以在运行时单击而无需获得焦点。 命名空间：DevExpress.XtraEditors 比较常用基本属性： A1）获取或设置当前SimpleButton图标是否应绘制为按钮的前景色 效果图： /*获取或设置当前SimpleButton图标是否应绘制为按钮的前景色。*/ this.s...
DevExpress控件常用属性讲解
05-11
本人开发Dev项目过程中对控件的常用属性整理。
自定义button的形状（圆形）
iCandyss的博客
09-25 4071
自定义button的形状（圆形）在写自定义button代码的时候，想要改变button的形状，上网搜了一下，终于可以自定义自己想要的button形状了，下面是自定义button形状的代码：圆形button UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; btn.fram = CGRectMake(20,100,40,4
WPF自定义一个圆形按钮Style
gongjungo的博客
10-23 1189
<Style x:Key="RoundedButton" TargetType="Button"> <Setter Property="Width" Value="25"/> <Setter Property="Height" Value="25"/> <Setter Property="Template"...
html中button的立体效果圆角，前端开发学习
最新发布
m0_60635224的博客
03-27 963
立体效果.green {/* W3C */.blue {
即将进入Windows 11时代，DevExpress控件将会有哪些改变呢？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
11-08 264
Windows 11已经正式上线，其中有许多变化，包括安全更新，用户体验增强，Microsoft Edge升级，以及更多新功能等待发掘。 在这篇文章中，我们将探讨会直接影响WinForm/WPF应用程序的两个新特性。 点击获取DevExpress最新版 外观更新 Windows 11沿用了微软的”Fluent”设计规范，其显著变化之一就是表单、面板和对话框均以圆角呈现。 一旦您升级到DevExpressv21.2，您的DevExpress驱动的WinForms和WPF应用程序将在Windo.
【C#】Dev控件使用之simplebutton设置背景色
u014650759的专栏
12-19 9741
Dev控件的使用，跟原生略有不同，特别是外观设置方面，容易引人疑惑。这种情况出现在设置了某控件属性中的Appearance里面的BackColor后，背景色并没有改变。而自带的控件，外观方面的属性设置值之后，是一定会产生作用的，最多会因为优先级关系导致未达到预想效果。 要对simplebutton按钮控件设置背景色，除了给其Appearance下的BackColor属性赋值之外，还需要将B...
DevExpress TileControl TileItem圆角
热门推荐
涛神-Dev 的博客
09-03 2万+
很多人对圆角情有独钟，但圆角对于Winform来说，简直是个鸡肋，不像Html5和WPF这些，直接设置个属性参数即可，Winform基本都得用到重绘，对于DevExpress的控件来说有些是考虑用自定义皮肤或者修改控件对应皮肤元素的图片，只要使用圆角图片即可，结合采用圆角图片的概念，对于TileControl 来说，简单一点的方式就是设置TileItem的背景图片，去除边框和背景色透明，就可以达到TileItem 为圆角的效果。 圆角图片准备： 代码设置： tileControl1.It..
给控件添加圆角边框
叁叁啊啊啊啊
07-22 437
首先在drawable文件夹里新建background.xml文件 里面的代码是   然后在布局文件里使用它 由于之前写的天气app功能该实现的都实现，只是那界面太难看，我很难受，最近想弄个和 今日头条差不多的app，然后遇到挺多问题，很郁闷。所以今天在学界面开发- -I F*CK
Dev中更改SimpleButton的颜色
yicai168的博客
12-13 4509
1、在LookAndFeel栏中，修改Style（默认为Skin,改为别的就行）,修改UseDefaultLookAndFeel为false     2、修改Apperance下的BackColor即可     效果如下：  
按钮添加边框
huazang163的博客
09-06 699
[Button.layer setMasksToBounds:YES]; [Button.layer setCornerRadius:10.0]; //设置矩形四个圆角半径 //边框宽度 [Button.layer setBorderWidth:1.0]; //设置边框颜色有两种方法：第一种如下: CGColorSpaceRef colorSpace = CGColorSpac
c#重绘圆角button代码 可改半径最大至圆形
04-06
c#重绘圆角button代码 可更改圆角半径，最大可形成半圆型，适当改变宽和高可形成圆形
自定义button样式，圆角按钮
10-22
自定义的button样式，圆角按钮，圆角button
SimpleButton-crx插件
04-04
语言:English (UK) 一个极其简单的扩展，它创建浏览器操作以启动用户定义的URL。 如果您想要的只是简单的信息，则很有用。 一个极其简单的扩展，它创建浏览器操作以启动用户定义的URL。 如果只需要一个浏览器上的简单按钮，将很有用。
WinForm圆形按钮(C#)
02-23
利用C#语言制作的自定义控件：圆形按钮，按钮形状参数可定义。可显示音乐播放器形态的按钮。包含Demo和Dll
制作正圆角的button1,正圆角矩形的绘画方法
11-03
说明：正圆角矩形的绘画方法 核心技术：Delphi6 Canvas Google搜索：Delphi6 Canvas RoundRect,Round Corner,Canvas.Ellipse(),Canvas.Rectangle(),ROUND()
001-自定义视图-圆角TextView、ImageView、Button
09-30
今天总结了一下如何自定义圆角视图的方法，使用了一种比较简单的方式，直接在控件属性里面添加.9格式圆角的png图片背景，然后即可达到预期的效果，同时还挺方便
button.zip_按钮控件_Visual_C++_
08-11
图形化按钮控件，自绘圆角按钮。图形按钮类，修改后可产生更多效果。
DOTNETBAR制作圆角窗体和圆角控件代码实例
09-04
主要介绍了DOTNETBAR制作圆角窗体和圆角控件的方法，大家参考使用吧
android studio如何设置button控件使之成为圆角
04-18
要设置按钮控件为圆角，可以在xml布局文件中的Button标签中添加以下属性： 1. android:background="@drawable/rounded_button" 2. android:padding="10dp" 3. android:text="Button" 其中，rounded_button是一个drawable文件，可以在res/drawable文件夹下新建该文件，在文件中添加如下代码： <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="10dp" /> <solid android:color="#FF4081" /> </shape> 这个代码会将按钮设置为圆角，radius属性设置圆角的半径，solid属性设置背景颜色。padding属性是为了让按钮的文字与边缘有一定的距离。 这样，我们就可以将一个默认的矩形按钮设置为圆角按钮了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值