注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

C# leslie_xin 1379次浏览 已收录 0个评论 手机上查看
文章索引目录
[隐藏]

1.一、前言

技术没有先进与落后,只有合适与不合适。

本篇的自定义控件是:遮罩层(MaskLayer)。

遮罩层对软件的美观与易用性上的提高是很大的,在日常使用过程中也会经常看到各种遮罩层,虽然WinForm本身没有原生的遮罩层控件,但实现起来并不麻烦。

遮罩层的实现方式一般有两种:一种是基于自定义控件,一种是基于Form窗体。两种方式并无优劣之分。

本篇采用的方式是自定义控件,同之前一样,继承Control去实现遮罩层。

 

相信看完的你,一定会有所收获。

本文地址:https://www.cnblogs.com/lesliexin/p/14436312.html

2.二、前期分析

2.1.(一)实现目标及特点

2.1.1.1,支持透明度

透明度是遮罩层的灵魂所在。

2.1.2.2,支持添加控件

支持添加控件可以实现更多的功能效果,除最常用的进度显示外,还可以当作特殊的弹出窗口使用。

示例如下:

2.1.2.1.(1)添加GIF图

 [C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

2.1.2.2.(2)添加进度条

 [C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

2.1.2.3.(3)添加自定义控件

 [C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

2.1.2.4.(4)随意添加控件

 [C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

2.1.3.3,支持点击关闭

遮罩层在日常使用中,往往是“挥之取去”,很轻便。所以需要支持点击关闭。

 [C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

 

 

3.三、开始实现

3.1.(一)前期准备。

此处仅作提纲,具体操作见前篇。

新建类:LMaskLayer.cs

添加继承:Control(需要添加引用:System.Windows.Forms.dll)

修改可访问性为:public

3.2.(二)添加属性

3.2.1.1,透明度

用来控制遮罩层的透明度。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.2.2.2,显示状态

用于获取遮罩层是否处于显示状态。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.2.3.3,是否单击关闭

是否支持单击关闭

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.3.(三)重写方法

3.3.1.1,OnPaint

用于绘制带透明度的背景。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.3.2.2,OnClick

用于实现单击关闭。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.4.(四)添加方法

3.4.1.1,显示遮罩层

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.4.2.2,隐藏遮罩层

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.5.(五)其他

3.5.1.1,构造函数

用于设置一些控件的样式和行为。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

3.5.2.2,特性标签

使遮罩层支持像Panel等容器控件那样在设计器中添加其它控件。

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

示例如下:

(注:因为未对进行是否处于设计器状态进行判断,所以在设计器中添加控件时会发生重绘,进而导致背景越来越黑,但并不影响运行时效果。)

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

 

4.四、效果演示

遮罩层的使用方式有两种,一种是使用设计器,直接在设计器上添加想要的控件,再进行调用。一种是在代码中手动实现。

设计器方式优点:直观、简单;缺点:占用空间,影响布局效果。

代码方式优点:灵活,无累赘;缺点:效果不够直观,需要一定经验。

本次演示,使用设计器方式。

4.1.1,总体设计预览

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

4.2.2,相关说明

(1)上图右侧5个为5个遮罩层。

(2)在上节中“构造函数”中,我们设置了遮罩层默认的Visible=false,即:不可见。所以在运行时,这5个控件是看不见的。

4.3.3,演示

[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)

 

 

 

 

5.五、结束语

本文只是起一个抛砖引玉的作用,读者不要被我的思路所限制,你可以尽情的去实现你想要的效果。

技术并没有先进和落后,只有合适与不合适。

所以,对自己掌握的知识多抱有一些信心,尽情释放自己的想像力,并在实践中提升自己。

 

 

6.六、源代码及工程下载

 https://files.cnblogs.com/files/lesliexin/07,MaskLayer.7z


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明[C#] (原创)一步一步教你自定义控件——06,MaskLayer(遮罩层)
喜欢 (0)
[开心洋葱]
分享 (0)

您必须 登录 才能发表评论!

……
加载中……