在学习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上:
运行,点击: