C#窗体应用自定义CheckBox

不念不忘少年蓝@ 2023-01-16 13:28 335阅读 0赞

# 一.创建窗体控件库MyCheckBox #

## 1.新建窗体控件库 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70]

## 2.以代码方式查看界面 ##

右键UserControl1.cs——查看代码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 1]

## 3.修改代码 ##

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 MyCheckBox
    {
        /// <summary>
        /// 控件的状态。
        /// </summary>
        internal enum ControlState
        {
            /// <summary>
            ///  正常。
            /// </summary>
            Normal,
            /// <summary>
            /// 鼠标进入。
            /// </summary>
            Hover,
            /// <summary>
            /// 鼠标按下。
            /// </summary>
            Pressed,
            /// <summary>
            /// 获得焦点。
            /// </summary>
            Focused,
        }
    
        public partial class MyCheckBox : CheckBox
        {
            private Color _baseColor = Color.FromArgb(51, 161, 224);
            private ControlState _controlState;
    
            private static readonly ContentAlignment RightAlignment =
                ContentAlignment.TopRight |
                ContentAlignment.BottomRight |
                ContentAlignment.MiddleRight;
            private static readonly ContentAlignment LeftAligbment =
                ContentAlignment.TopLeft |
                ContentAlignment.BottomLeft |
                ContentAlignment.MiddleLeft;
    
            public MyCheckBox()
                : base()
            {
                SetStyle(
                    ControlStyles.UserPaint |
                    ControlStyles.AllPaintingInWmPaint |
                    ControlStyles.OptimizedDoubleBuffer |
                    ControlStyles.ResizeRedraw |
                    ControlStyles.SupportsTransparentBackColor, true);
            }
    
            public Color BaseColor
            {
                get { return _baseColor; }
                set
                {
                    _baseColor = value;
                    base.Invalidate();
                }
            }
    
            //checkbox选框的宽度
            protected virtual int DefaultCheckButtonWidth
            {
                get { return 14; }
            }
    
            //checkbox选框的高度
            protected virtual int DefaultCheckButtonHeight
            {
                get { return 14; }
            }
    
            //选中状态
            internal ControlState ControlState
            {
                get { return _controlState; }
                set
                {
                    if (_controlState != value)
                    {
                        _controlState = value;
                        base.Invalidate();
                    }
                }
            }
    
            protected override void OnMouseEnter(EventArgs e)
            {
                base.OnMouseEnter(e);
                ControlState = ControlState.Hover;
            }
    
            protected override void OnMouseLeave(EventArgs e)
            {
                base.OnMouseLeave(e);
                ControlState = ControlState.Normal;
            }
    
            protected override void OnMouseDown(MouseEventArgs e)
            {
                base.OnMouseDown(e);
                if (e.Button == MouseButtons.Left && e.Clicks == 1)
                {
                    ControlState = ControlState.Pressed;
                }
            }
    
            protected override void OnMouseUp(MouseEventArgs e)
            {
                base.OnMouseUp(e);
                if (e.Button == MouseButtons.Left && e.Clicks == 1)
                {
                    if (ClientRectangle.Contains(e.Location))
                    {
                        ControlState = ControlState.Hover;
                    }
                    else
                    {
                        ControlState = ControlState.Normal;
                    }
                }
            }
    
            //绘制控件
            protected override void OnPaint(PaintEventArgs e)
            {
                base.OnPaint(e);
                base.OnPaintBackground(e);
    
                Graphics g = e.Graphics;
                //选框
                Rectangle checkButtonRect;
                //文字
                Rectangle textRect;
    
                CalculateRect(out checkButtonRect, out textRect);
                g.SmoothingMode = SmoothingMode.AntiAlias;
    
                Color backColor = ControlPaint.Light(_baseColor);
                Color borderColor;
                Color innerBorderColor;
                Color checkColor;
                bool hover = false;
    
                if (Enabled)
                {
                    switch (ControlState)
                    {
                        case ControlState.Hover:
                            borderColor = _baseColor;
                            innerBorderColor = _baseColor;
                            checkColor = GetColor(_baseColor, 0, 35, 24, 9);
                            hover = true;
                            break;
                        case ControlState.Pressed:
                            borderColor = _baseColor;
                            innerBorderColor = GetColor(_baseColor, 0, -13, -8, -3);
                            checkColor = GetColor(_baseColor, 0, -35, -24, -9);
                            hover = true;
                            break;
                        default:
                            borderColor = _baseColor;
                            innerBorderColor = Color.Empty;
                            checkColor = _baseColor;
                            break;
                    }
                }
                else
                {
                    borderColor = SystemColors.ControlDark;
                    innerBorderColor = SystemColors.ControlDark;
                    checkColor = SystemColors.ControlDark;
                }
    
                using (SolidBrush brush = new SolidBrush(Color.White))
                {
                    g.FillRectangle(brush, checkButtonRect);
                }
    
                if (hover)
                {
                    using (Pen pen = new Pen(innerBorderColor, 2F))
                    {
                        g.DrawRectangle(pen, checkButtonRect);
                    }
                }
    
                switch (CheckState)
                {
                    case CheckState.Checked:
                        DrawCheckedFlag(
                            g,
                            checkButtonRect,
                            checkColor);
                        break;
                    case CheckState.Indeterminate:
                        checkButtonRect.Inflate(-1, -1);
                        using (GraphicsPath path = new GraphicsPath())
                        {
                            path.AddEllipse(checkButtonRect);
                            using (PathGradientBrush brush = new PathGradientBrush(path))
                            {
                                brush.CenterColor = checkColor;
                                brush.SurroundColors = new Color[] { Color.White };
                                Blend blend = new Blend();
                                blend.Positions = new float[] { 0f, 0.4f, 1f };
                                blend.Factors = new float[] { 0f, 0.3f, 1f };
                                brush.Blend = blend;
                                g.FillEllipse(brush, checkButtonRect);
                            }
                        }
                        checkButtonRect.Inflate(1, 1);
                        break;
                }
    
                using (Pen pen = new Pen(borderColor))
                {
                    g.DrawRectangle(pen, checkButtonRect);
                }
    
                Color textColor = Enabled ? ForeColor : SystemColors.GrayText;
                TextRenderer.DrawText(
                    g,
                    Text,
                    Font,
                    textRect,
                    textColor,
                    GetTextFormatFlags(TextAlign, RightToLeft == RightToLeft.Yes));
            }
    
            //计算CheckBox的文字和选框位置
            private void CalculateRect(
                 out Rectangle checkButtonRect, out Rectangle textRect)
            {
                //初始化选框
                checkButtonRect = new Rectangle(0, 0, DefaultCheckButtonWidth, DefaultCheckButtonHeight);
                textRect = Rectangle.Empty;
                bool bCheckAlignLeft = (int)(LeftAligbment & CheckAlign) != 0;
                bool bCheckAlignRight = (int)(RightAlignment & CheckAlign) != 0;
                bool bRightToLeft = RightToLeft == RightToLeft.Yes;
    
                if ((bCheckAlignLeft && !bRightToLeft) ||
                    (bCheckAlignRight && bRightToLeft))
                {
                    switch (CheckAlign)
                    {
                        case ContentAlignment.TopRight:
                        case ContentAlignment.TopLeft:
                            checkButtonRect.Y = 2;
                            break;
                        case ContentAlignment.MiddleRight:
                        case ContentAlignment.MiddleLeft:
                            checkButtonRect.Y = (Height - DefaultCheckButtonHeight) / 2;
                            break;
                        case ContentAlignment.BottomRight:
                        case ContentAlignment.BottomLeft:
                            checkButtonRect.Y = Height - DefaultCheckButtonHeight - 2;
                            break;
                    }
    
                    checkButtonRect.X = 10;
    
                    //初始化书写文字位置
                    textRect = new Rectangle(
                        checkButtonRect.Right + 2,
                        0,
                        Width - checkButtonRect.Right - 4 + 10,
                        Height);
                }
                else if ((bCheckAlignRight && !bRightToLeft)
                    || (bCheckAlignLeft && bRightToLeft))
                {
                    switch (CheckAlign)
                    {
                        case ContentAlignment.TopLeft:
                        case ContentAlignment.TopRight:
                            checkButtonRect.Y = 2;
                            break;
                        case ContentAlignment.MiddleLeft:
                        case ContentAlignment.MiddleRight:
                            checkButtonRect.Y = (Height - DefaultCheckButtonWidth) / 2;
                            break;
                        case ContentAlignment.BottomLeft:
                        case ContentAlignment.BottomRight:
                            checkButtonRect.Y = Height - DefaultCheckButtonWidth - 2;
                            break;
                    }
    
                    checkButtonRect.X = Width - DefaultCheckButtonWidth - 1;
    
                    //初始化书写文字位置
                    textRect = new Rectangle(
                        2, 0, Width - DefaultCheckButtonWidth - 6, Height);
                }
                else
                {
                    switch (CheckAlign)
                    {
                        case ContentAlignment.TopCenter:
                            checkButtonRect.Y = 2;
                            textRect.Y = checkButtonRect.Bottom + 2;
                            textRect.Height = Height - DefaultCheckButtonWidth - 6;
                            break;
                        case ContentAlignment.MiddleCenter:
                            checkButtonRect.Y = (Height - DefaultCheckButtonWidth) / 2;
                            textRect.Y = 0;
                            textRect.Height = Height;
                            break;
                        case ContentAlignment.BottomCenter:
                            checkButtonRect.Y = Height - DefaultCheckButtonWidth - 2;
                            textRect.Y = 0;
                            textRect.Height = Height - DefaultCheckButtonWidth - 6;
                            break;
                    }
    
                    checkButtonRect.X = (Width - DefaultCheckButtonWidth) / 2;
    
                    textRect.X = 2;
                    textRect.Width = Width - 4;
                }
            }
    
            //绘制选框的对号
            private void DrawCheckedFlag(Graphics graphics, Rectangle rect, Color color)
            {
                PointF[] points = new PointF[3];
                points[0] = new PointF(
                    rect.X + rect.Width / 4.5f,
                    rect.Y + rect.Height / 2.5f);
                points[1] = new PointF(
                    rect.X + rect.Width / 2.5f,
                    rect.Bottom - rect.Height / 3f);
                points[2] = new PointF(
                    rect.Right - rect.Width / 4.0f,
                    rect.Y + rect.Height / 4.5f);
                using (Pen pen = new Pen(color, 2F))
                {
                    graphics.DrawLines(pen, points);
                }
            }
    
            //获取选框颜色
            private Color GetColor(Color colorBase, int a, int r, int g, int b)
            {
                int a0 = colorBase.A;
                int r0 = colorBase.R;
                int g0 = colorBase.G;
                int b0 = colorBase.B;
    
                if (a + a0 > 255) { a = 255; } else { a = Math.Max(a + a0, 0); }
                if (r + r0 > 255) { r = 255; } else { r = Math.Max(r + r0, 0); }
                if (g + g0 > 255) { g = 255; } else { g = Math.Max(g + g0, 0); }
                if (b + b0 > 255) { b = 255; } else { b = Math.Max(b + b0, 0); }
    
                return Color.FromArgb(a, r, g, b);
            }
    
            internal static TextFormatFlags GetTextFormatFlags(
                ContentAlignment alignment,
                bool rightToleft)
            {
                TextFormatFlags flags = TextFormatFlags.WordBreak |
                    TextFormatFlags.SingleLine;
                if (rightToleft)
                {
                    flags |= TextFormatFlags.RightToLeft | TextFormatFlags.Right;
                }
    
                switch (alignment)
                {
                    case ContentAlignment.BottomCenter:
                        flags |= TextFormatFlags.Bottom | TextFormatFlags.HorizontalCenter;
                        break;
                    case ContentAlignment.BottomLeft:
                        flags |= TextFormatFlags.Bottom | TextFormatFlags.Left;
                        break;
                    case ContentAlignment.BottomRight:
                        flags |= TextFormatFlags.Bottom | TextFormatFlags.Right;
                        break;
                    case ContentAlignment.MiddleCenter:
                        flags |= TextFormatFlags.HorizontalCenter |
                            TextFormatFlags.VerticalCenter;
                        break;
                    case ContentAlignment.MiddleLeft:
                        flags |= TextFormatFlags.VerticalCenter | TextFormatFlags.Left;
                        break;
                    case ContentAlignment.MiddleRight:
                        flags |= TextFormatFlags.VerticalCenter | TextFormatFlags.Right;
                        break;
                    case ContentAlignment.TopCenter:
                        flags |= TextFormatFlags.Top | TextFormatFlags.HorizontalCenter;
                        break;
                    case ContentAlignment.TopLeft:
                        flags |= TextFormatFlags.Top | TextFormatFlags.Left;
                        break;
                    case ContentAlignment.TopRight:
                        flags |= TextFormatFlags.Top | TextFormatFlags.Right;
                        break;
                }
                return flags;
            }
        }
    }

# 二.创建控件测试程序 #

1.创建窗体应用程序MyCheckBoxTest  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 3]

## 2.使用MyCheckBox控件 ##

重新生成解决方案，项目会有一处报错，将这行代码删掉即可。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 5]

再次重新生成解决方案，切换到Form1界面视图就可以看到自己新建的控件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 6]

双击MyCheckBox，将其添加到界面。就可以修改各种属性，正常使用啦。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 7]

## 3.运行项目 ##

因为控件库程序不能自主运行，所以需要将MyCheckBoxTest项目设置为启动项目，才可以正常运行程序。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 8]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 9]

# 三.项目源码 #

[项目源码下载地址][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70]: /images/20221022/e604f724f1714c2c98c9f50ab5e3111e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 1]: /images/20221022/25d2f0d33d5b4473af57694af4027d59.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 2]: /images/20221022/acd702fc132f413a9bc2cd17593f4e32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 3]: /images/20221022/e0de46c74d084163913936e7ac08efe1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 4]: /images/20221022/5a57d9e21e674458912bc64a14916577.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 5]: /images/20221022/4df2bd43adb849079ef26bd1df7fbe59.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 6]: /images/20221022/e9b76d916aeb4693a23f463e85a9cc8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 7]: /images/20221022/dcb4ae707fc7476a89d69f6427f70736.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 8]: /images/20221022/b80db996e0e54eb893632afd44b888ab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pjbjU5Njc4NTE1NA_size_16_color_FFFFFF_t_70 9]: /images/20221022/54c0e9a3e1464f6495df2725a7ee33cd.png
[Link 1]: https://download.csdn.net/download/zcn596785154/18105706