【Button美化】五分钟带你入门GDI+重绘组件

朴灿烈づ我的快乐病毒、 2022-08-13 14:43 161阅读 0赞

本文转载于CSKIN论坛，地址：[http://bbs.cskin.net/thread-63-1-1.html][http_bbs.cskin.net_thread-63-1-1.html]

在这之前 首先的准备好素材导入到工程资源里面去：

![115614hr22qhra535qk28a.png][]

2014-7-21 11:56 上传

素材提取参考：[点击跳转相关帖][Link 1]、此帖有教你如何取得素材,便于自己二次开发。

其次 这些图完全可以做成一张图 然后绘制的时候 自己从大图上面切图绘制就行、、不然到时候 会有很多图看着别扭、、

但分开也有分开的好处，更可定义性强，素材更容易找。

public partial class ButtonEx : Button
    {
        public ButtonEx() {
            //首先开启双缓冲，防止闪烁
            //双缓冲的一大堆设置 具体参数含义参照msdn的ControlStyles枚举值
            this.SetStyle(ControlStyles.UserPaint, true);
            this.SetStyle(ControlStyles.ResizeRedraw, true);
            this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
            this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);
            this.BackColor = Color.Transparent;
        }
        //用来标示是否鼠标正在悬浮在按钮上  true:悬浮在按钮上 false:鼠标离开了按钮
        private bool m_bMouseHover;
        //用来标示是否鼠标点击了按钮  true：按下了按钮 false：松开了按钮
        private bool m_bMouseDown;
     
        //重写鼠标悬浮的事件
        protected override void OnMouseEnter(EventArgs e) {
            //当鼠标进入控件时，标示变量为进入了控件
            m_bMouseHover = true;
            //刷新面板触发OnPaint重绘
            this.Invalidate();
            base.OnMouseEnter(e);
        }
     
        //重载鼠标离开的事件
        protected override void OnMouseLeave(EventArgs e) {
            //当鼠标离开控件时，标示变量为离开了控件
            m_bMouseHover = false;
            //刷新面板触发OnPaint重绘
            this.Invalidate();
            base.OnMouseLeave(e);
        }
     
        //重写鼠标按下的事件
        protected override void OnMouseDown(MouseEventArgs mevent) {
            //当鼠标按下控件时，标示变量为按下了控件
            m_bMouseDown = true;
            //刷新面板触发OnPaint重绘
            this.Invalidate();
            base.OnMouseDown(mevent);
        }
     
        //重写鼠标松开的事件
        protected override void OnMouseUp(MouseEventArgs mevent) {
            //当鼠标松开时，标示变量为按下并松开了控件
            m_bMouseDown = false;
            //刷新面板触发OnPaint重绘
            this.Invalidate();
            base.OnMouseUp(mevent);
        }
     
        //重写绘画事件
        protected override void OnPaint(PaintEventArgs pevent) {
            base.OnPaint(pevent);
            //因为上面调用了base会绘制原生控件 重刷一下背景清掉原生绘制 不然自己绘制的是重叠在原生绘制上
            base.OnPaintBackground(pevent);
            //得到绘画句柄
            Graphics g = pevent.Graphics;
            //定义字体格式
            StringFormat sf = new StringFormat();
            sf.Alignment = StringAlignment.Center;
            sf.LineAlignment = StringAlignment.Center;
            //处理热键 当Alt点下时
            sf.HotkeyPrefix = this.ShowKeyboardCues ? HotkeyPrefix.Show : HotkeyPrefix.Hide;
            //判断使用什么资源图
            Bitmap bmpDraw = Properties.Resources.QBtn_Normal;
            //如果禁用了，则使用禁用时的样式图片绘制，否则调用其他满足条件的样式图片绘制
            if (!this.Enabled) bmpDraw = Properties.Resources.Qbtn_Gray;
            else if (m_bMouseDown) bmpDraw = Properties.Resources.QBtn_Down;
            else if (m_bMouseHover) bmpDraw = Properties.Resources.QBtn_High;
            else if (this.Focused) bmpDraw = Properties.Resources.QBtn_Focus;
            //绘制背景(若不知道这句啥意思 参照九宫切图里面的代码)
            RenderHelper.RenderBackground(g, bmpDraw, this.ClientRectangle);
            //如果禁用了
            if (!this.Enabled) {
                //则绘制双重阴影文字
                g.DrawString(this.Text, this.Font, Brushes.White, this.ClientRectangle, sf);
                g.TranslateTransform(-1, -1);//左上移动一个单位坐标系
                g.DrawString(this.Text, this.Font, Brushes.DarkGray, this.ClientRectangle, sf);
                g.ResetTransform();
                return;
            }
            //否则，默认绘制正常字体
            using (SolidBrush sb = new SolidBrush(this.ForeColor)) {
                g.DrawString(this.Text, this.Font, sb, this.ClientRectangle, sf);
            }
        }
    }

这样就大功告成了，上面几十行代码就搞定了、是不是很简单呢、下图是运行效果

![115757zqmdada82hfaqh4o.png][]

分别是 正常状态的按钮 鼠标移动上去 获得焦点 禁用

[http_bbs.cskin.net_thread-63-1-1.html]: http://bbs.cskin.net/thread-63-1-1.html
[115614hr22qhra535qk28a.png]: /images/20220810/1079c14cec514b05a653f6cab6afc1ad.png
[Link 1]: http://bbs.cskin.net/thread-68-1-1.html
[115757zqmdada82hfaqh4o.png]: /images/20220810/21874583a8d1426ab48a4ae57ab1186d.png