C# Windows应用窗体用户自定义控件--开关实现

在学习C# Windows应用窗体时,利用用户自定义控件实现了一个小的开关控件。
参考:https://www.cnblogs.com/feiyangqingyun/archive/2013/06/15/3137597.html

先准备了两个好看的开关图片:
这里写图片描述

将图片资源导入项目
打开Properties下Resources.rex:
这里写图片描述
选择图像:
这里写图片描述
添加现有文件:(将准备好的图片添加)
这里写图片描述
添加完成,可以看到多了一个Resources文件夹,里面就是我们刚刚添加的图片:
这里写图片描述

自定义用户控件
在项目右键添加用户控件:
这里写图片描述

输入名称:
这里写图片描述

进入代码:
这里写图片描述

在构造函数中设置双缓冲和背景透明以及控件大小。

         public SwitchTest()
         {
            InitializeComponent();
            this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            this.SetStyle(ControlStyles.DoubleBuffer, true);
            this.SetStyle(ControlStyles.ResizeRedraw, true);
            this.SetStyle(ControlStyles.Selectable, true);                          this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);
            this.SetStyle(ControlStyles.UserPaint, true);
            this.BackColor = Color.Transparent;
            this.Cursor = Cursors.Hand;
            this.Size = new Size(87, 27);
          }

定义一个公共属性来标志开关

bool isSwitch = false;

重写OnPaint

protected override void OnPaint(PaintEventArgs e)
        {
            Graphics g = e.Graphics;
            Rectangle rec = new Rectangle(0, 0, this.Size.Width, this.Size.Height);
            if (isSwitch)
            {
                g.DrawImage(Properties.Resources.switchon, rec);
            }
            else
            {
                g.DrawImage(Properties.Resources.switchoff, rec);
            }
        }

重写鼠标点击

protected override void OnMouseClick(MouseEventArgs e)
        {
            isSwitch = !isSwitch;
            this.Invalidate();
            base.OnMouseClick(e);
        }

此时用户自定义控件完成,来测试一下。
先生成解决方案:
这里写图片描述

生成解决方案完成,到一个form设计,你会发现工具箱多了我们刚刚的用户自定义控件:
这里写图片描述
拖拽一个放到form上:
这里写图片描述
运行,点击:
这里写图片描述

源代码github:https://github.com/yuace/CSharp–Mycontroller

  • 6
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值