[转]C#自定义开关按钮控件--附带第一个私活项目截图
原文地址:http://www.cnblogs.com/feiyangqingyun/archive/2013/06/15/3137597.html
进入智能手机时代以来,各种各样的APP大行其道,手机上面的APP有很多流行的元素,开关按钮个人非常喜欢,手机QQ、360卫士、金山毒霸等,都有很多开关控制一些操作,在WINFORM项目上,如果将CheckBox也改为开关按钮,估计也会为项目增添不少新鲜感,上个月接了个私活,金额虽然只有3K,与硬件通信方面的,本人在这块做了三年,所以做起来还是比较顺手,前后用下班时间,大概花了3个星期(包含测试一个多星期)搞定,里面就重写了部分控件,以适应项目需要。
沿袭之前的做法,本人还是喜欢直接PS好图片后,用drawimage方法将图片绘制到用户控件上,启用双缓冲和背景透明,有些人说PS一张精美的图片也不是很容易,需要专业的,这里提供一个好方法,让你也可以获取到这些图片,其实大部分的APP都可以用解压软件打开,拓展名改为.zip即可,解压出来一般里面都含有绝大部分的图片,发现绝大部分的APP都喜欢用图片作为背景来展示一些效果,而不是原原本本的用代码一点点绘制。腾讯就是腾讯啊,大公司!人家的美工MM设计的图片那真的没得话说,绝对一流,手机QQ每次升级一个版本,都会下过来将里面的精美图片图标之类的提取出来,以便项目使用,(这不会算是盗版吧!)好了,开始正文吧!
第一步:先准备开关按钮要使用到的背景图片,一般就两张,一张是开的,一张是关的,也可以说是开启和关闭,如下图:
然后将这些图片都作为资源文件添加到项目中。
第二步:新建用户控件
在构造函数中设置双缓冲和背景透明以及控件大小。
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); |
第三步:定义一个公共属性,这样的话外部就可以访问当前选中状态,这里也命名为Checked
bool isCheck = false ; /// <summary> /// 是否选中 /// </summary> public bool Checked { set { isCheck = value; this .Invalidate(); } get { return isCheck; } } |
第四步:根据当前是否选中条件分别绘制图片,在onPaint事件中
这里为了增加多种开关样式,还增加了CheckStyleX属性。
protected override void OnPaint(PaintEventArgs e) { Bitmap bitMapOn = null ; Bitmap bitMapOff = null ; if (checkStyle == CheckStyle.style1) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon1; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff1; } else if (checkStyle == CheckStyle.style2) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon2; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff2; } else if (checkStyle == CheckStyle.style3) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon3; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff3; } else if (checkStyle == CheckStyle.style4) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon4; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff4; } else if (checkStyle == CheckStyle.style5) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon5; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff5; } else if (checkStyle == CheckStyle.style6) { bitMapOn = global::myAlarmSystem.Properties.Resources.btncheckon6; bitMapOff = global::myAlarmSystem.Properties.Resources.btncheckoff6; } Graphics g = e.Graphics; Rectangle rec = new Rectangle(0, 0, this .Size.Width, this .Size.Height); if (isCheck) { g.DrawImage(bitMapOn, rec); } else { g.DrawImage(bitMapOff, rec); } } |
到此是不是完成了呢,其实不是,因为鼠标在控件上面单击的时候,还需要改变当前的背景图片,所以必须在Click事件中写
private void myButtonCheck_Click( object sender, EventArgs e) { isCheck = !isCheck; this .Invalidate(); } |
OK,大工告成,上图演示效果。
源码下载:http://files.cnblogs.com/feiyangqingyun/myButtonCheckTest.zip
附上项目截图,欢迎提出批评改进建议!谢谢!
[转]C#自定义开关按钮控件--附带第一个私活项目截图的更多相关文章
- WINFORM 自定义开关按钮控件-
本文章转载:http://www.cnblogs.com/feiyangqingyun/archive/2013/06/15/3137597.html OK,大工告成,上图演示效果. 源码下载:htt ...
- (八)ASP.NET自定义用户控件(1)
http://blog.csdn.net/laodao1/article/details/5897366 ASP.NET自定义控件组件开发 第一章:从一个简单的控件谈起 起始开发ASP.NET自定义控 ...
- Android自定义控件之自定义组合控件
前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理(一).自定义属性Android自定义控件之自定义属性(二).今天重点介绍一下如何通过自定义组合控件来提高布局的复用,降低开发 ...
- C# DataGridView自定义分页控件
好些日子不仔细写C#代码了,现在主要是Java项目,C#.Net相关项目不多了,有点手生了,以下代码不足之处望各位提出建议和批评. 近日闲来无事想研究一下自定义控件,虽然之前也看过,那也仅限于皮毛,粗 ...
- 自定义圆形控件RoundImageView并认识一下attr.xml
今天我们来讲一下有关自定义控件的问题,今天讲的这篇是从布局自定义开始的,难度不大,一看就明白,估计有的同学或者开发者看了说,这种方式多此一举,但是小编我不这么认为,多一种解决方式,就多一种举一反三的学 ...
- DuiLib 自定义识别控件
遇到一个断点无法识别自定义的控件,运气比较好,一搜就搜出来了: 参考地址:http://www.bkjia.com/ASPjc/992050.html 主要是这个函数: CControlUI* CDi ...
- (九)ASP.NET自定义用户控件(2)
http://www.cnblogs.com/SkySoot/archive/2012/09/04/2670678.html 用户控件 在 .NET 里,可以通过两种方式把自己的控件插入到 Web 窗 ...
- C# 自定义用户控件
上篇:控件制作 本例是制作一个简单的自定义控件,然后用一个简单的测试程序,对于初学者来说,本例子比较简单,只能起到抛石引玉的效果.我也是在学习当中,今后会将自己所学的逐步写出来和大家交流共享. 第一步 ...
- 自定义圆形控件RoundImageView并认识一下attr
昨天我们学习了自定义带图片和文字的ImageTextButton,非常简单,我承诺给大家要讲一下用自定义属性的方式学习真正的实现自定义控件,在布局文件中使用属性的方式就需要用到attr.xml这个文件 ...
随机推荐
- FOJ 2170 花生的序列 dp
题目链接:http://acm.fzu.edu.cn/problem.php? pid=2170 贴个baka爷的代码留念.. 数据出的有问题.输入的字符串长度不超过1000 #include< ...
- android之写文件到sd卡
1.main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:a ...
- HTML属性
- 后缀数组--可重叠的K次最长重复子串(POJ3261)
题目:Milk Patterns #include <stdio.h> #include <string.h> #define N 1000010 int wa[N],wb[N ...
- Android性能优化---布局优化
我们从事Android开发编写布局的时候大多数是使用XML来布局,这给我们带来了方便性,这样操作可以布局界面的代码和逻辑控制的Java代码分离出来,使程序的结构更加清晰.明了.特别的复杂的布局,但是这 ...
- dsp下基于双循环缓冲队列的视频采集和显示记录
对最近在设计的视频采集和显示缓冲机制做一个记录,以便以后使用. 视频采集和显示缓冲机制,其实是参考了Linux下v4L2的驱动机制,其采用输入多缓冲frame,输出多缓冲的切换机制.简单的就是ping ...
- ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展
关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为 ...
- Android中特殊图形的生成样例
import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; impor ...
- Copy xml 文件
public static void copyFailFile(String bugID) throws Exception { File file = new File(".") ...
- Android周报
Android周报 原文 http://www.race604.com/android-weekly-25/ 文章/教程 使用 Kotlin 开发 Android 应用系列 看起来用 Kotli ...