C# Winform 实现自定义半透明遮罩层介绍

在网页中通过div+css实现半透明效果不难，今天我们看看一种在winfrom中实现的方法：

效果图如下，正常时：

显示遮罩层时：

自定义遮罩层控件的源码如下：

View Row Code

1 using System;
2 using System.Drawing;
3 using System.Windows.Forms;
4 using System.ComponentModel;
5  
6 namespace MyOpaqueLayer
7 {
8     /// <summary>
9     /// 自定义控件:半透明控件
10     /// </summary>
11     /*
12      * [ToolboxBitmap(typeof(MyOpaqueLayer))]
13      * 用于指定当把你做好的自定义控件添加到工具栏时，工具栏显示的图标。
14      * 正确写法应该是
15      * [ToolboxBitmap(typeof(XXXXControl),"xxx.bmp")]
16      * 其中XXXXControl是你的自定义控件，"xxx.bmp"是你要用的图标名称。
17     */
18     [ToolboxBitmap(typeof(MyOpaqueLayer))]
19     public class MyOpaqueLayer : System.Windows.Forms.Control
20     {
21         private bool _transparentBG = true;//是否使用透明
22         private int _alpha = 125;//设置透明度
23        
24         private System.ComponentModel.Container components = new System.ComponentModel.Container();
25  
26         public MyOpaqueLayer()
27             : this(125, true)
28         {
29         }
30  
31         public MyOpaqueLayer(int Alpha, bool IsShowLoadingImage)
32         {
33             SetStyle(System.Windows.Forms.ControlStyles.Opaque, true);
34             base.CreateControl();
35  
36             this._alpha = Alpha;
37             if (IsShowLoadingImage)
38             {
39                 PictureBox pictureBox_Loading = new PictureBox();
40                 pictureBox_Loading.BackColor = System.Drawing.Color.White;
41                 pictureBox_Loading.Image = 加载中.Properties.Resources.loading; 
42                 pictureBox_Loading.Name = "pictureBox_Loading";
43                 pictureBox_Loading.Size = new System.Drawing.Size(48, 48);
44                 pictureBox_Loading.SizeMode = System.Windows.Forms.PictureBoxSizeMode.AutoSize;
45                 Point Location = new Point(this.Location.X + (this.Width - pictureBox_Loading.Width) / 2, this.Location.Y + (this.Height - pictureBox_Loading.Height) / 2);//居中
46                 pictureBox_Loading.Location = Location;
47                 pictureBox_Loading.Anchor = AnchorStyles.None;
48                 this.Controls.Add(pictureBox_Loading);
49             }
50         }
51  
52  
53         protected override void Dispose(bool disposing)
54         {
55             if (disposing)
56             {
57                 if (!((components == null)))
58                 {
59                     components.Dispose();
60                 }
61             }
62             base.Dispose(disposing);
63         }
64  
65         /// <summary>
66         /// 自定义绘制窗体
67         /// </summary>
68         /// <param name="e"></param>
69         protected override void OnPaint(System.Windows.Forms.PaintEventArgs e)
70         {
71             float vlblControlWidth;
72             float vlblControlHeight;
73  
74             Pen labelBorderPen;
75             SolidBrush labelBackColorBrush;
76  
77             if (_transparentBG)
78             {
79                 Color drawColor = Color.FromArgb(this._alpha, this.BackColor);
80                 labelBorderPen = new Pen(drawColor, 0);
81                 labelBackColorBrush = new SolidBrush(drawColor);
82             }
83             else
84             {
85                 labelBorderPen = new Pen(this.BackColor, 0);
86                 labelBackColorBrush = new SolidBrush(this.BackColor);
87             }
88             base.OnPaint(e);
89             vlblControlWidth = this.Size.Width;
90             vlblControlHeight = this.Size.Height;
91             e.Graphics.DrawRectangle(labelBorderPen, 0, 0, vlblControlWidth, vlblControlHeight);
92             e.Graphics.FillRectangle(labelBackColorBrush, 0, 0, vlblControlWidth, vlblControlHeight);
93         }
94  
95  
96         protected override CreateParams CreateParams//v1.10
97         {
98             get
99             {
100                 CreateParams cp = base.CreateParams;
101                 cp.ExStyle |= 0x00000020; //0x20;  // 开启 WS_EX_TRANSPARENT,使控件支持透明
102                 return cp;
103             }
104         }
105  
106         /*
107          * [Category("myOpaqueLayer"), Description("是否使用透明,默认为True")]
108          * 一般用于说明你自定义控件的属性（Property）。
109          * Category用于说明该属性属于哪个分类，Description自然就是该属性的含义解释。
110          */
111         [Category("MyOpaqueLayer"), Description("是否使用透明,默认为True")]
112         public bool TransparentBG
113         {
114             get
115             {
116                 return _transparentBG;
117             }
118             set
119             {
120                 _transparentBG = value;
121                 this.Invalidate();
122             }
123         }
124  
125         [Category("MyOpaqueLayer"), Description("设置透明度")]
126         public int Alpha
127         {
128             get
129             {
130                 return _alpha;
131             }
132             set
133             {
134                 _alpha = value;
135                 this.Invalidate();
136             }
137         }
138     }
139 }

OpaqueCommand的方法：ShowOpaqueLayer(显示遮罩层)和HideOpaqueLayer(隐藏遮罩层)

View Row Code

1 using System;
2 using System.Windows.Forms;
3  
4 namespace 加载中
5 {
6     class OpaqueCommand
7     {
8         private MyOpaqueLayer.MyOpaqueLayer m_OpaqueLayer = null;//半透明蒙板层
9  
10         /// <summary>
11         /// 显示遮罩层
12         /// </summary>
13         /// <param name="control">控件</param>
14         /// <param name="alpha">透明度</param>
15         /// <param name="isShowLoadingImage">是否显示图标</param>
16         public void ShowOpaqueLayer(Control control, int alpha, bool isShowLoadingImage)
17         {
18             try
19             {
20                 if (this.m_OpaqueLayer == null)
21                 {
22                     this.m_OpaqueLayer = new MyOpaqueLayer.MyOpaqueLayer(alpha, isShowLoadingImage);
23                     control.Controls.Add(this.m_OpaqueLayer);
24                     this.m_OpaqueLayer.Dock = DockStyle.Fill;
25                     this.m_OpaqueLayer.BringToFront();
26                 }
27                 this.m_OpaqueLayer.Enabled = true;
28                 this.m_OpaqueLayer.Visible = true;
29             }
30             catch { }
31         }
32  
33         /// <summary>
34         /// 隐藏遮罩层
35         /// </summary>
36         public void HideOpaqueLayer()
37         {
38             try
39             {
40                 if (this.m_OpaqueLayer != null)
41                 {
42                     this.m_OpaqueLayer.Visible = false;
43                     this.m_OpaqueLayer.Enabled = false;
44                 }
45             }
46             catch(Exception ex)
47             {
48                 //MessageBox.Show(ex.Message);
49             }
50         }
51     }
52 }

自定义半透明遮罩层源码下载：

files.cnblogs.com/JuneZhang/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8D%8A%E9%80%8F%E6%98%8E%E9%81%AE%E7%BD%A9%E5%B1%82-%E6%BA%90%E7%A0%81.rar

时间： 2024-11-29 03:23:55

C# Winform 实现自定义半透明遮罩层介绍的相关文章

C# Winform 实现自定义半透明loading加载遮罩层

在网页中通过div+css实现半透明效果不难,今天我们看看一种在winfrom中实现的方法: 效果图如下,正常时: 显示遮罩层时: 自定义遮罩层控件的源码如下: View Row Code 1 using System; 2 using System.Drawing; 3 using System.Windows.Forms; 4 using System.ComponentModel; 5   6 namespace MyOpaqueLayer 7 { 8 /// <summary> 9 /

jq 弹半透明遮罩层

jquery制作点击按钮弹出遮罩半透明登陆窗口 // )[^>]*$|^#([\w-]+)$/,M=/^.[^:#\[\.,]*$/,ka=/\S/,$= /^(\s|\u00A0)+|(\s|\u00A0)+$/g,Ya=/^(?:)?$/,ga=navigator.userAgent,Fa=false,ha=[],aa,pa=Object.prototype.toString,qa=Object.prototype.hasOwnProperty,ra=Array.prototype.push

半透明遮罩层

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> </style></head><style> .ul-case-i{ list-style: none; margin-top: 200px; } .ul-case-i li{ f

清除移动端网站点击a标签时闪现的边框或遮罩层（CSS）

  在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现一个蓝色的边框,在微信上的网站就是如此:而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器,其实这些特效无非就是为了告诉用户已点击了该元素,提升用户体验,但有的时候你会觉得这些特效看起来很别扭,就想着清除它,其实这很简单,只要加上一句CSS就行了. 清除所有a标签在点击时出现的特效: a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

Winform应用程序实现通用遮罩层

Winform应用程序实现通用遮罩层 在WEB上,我们在需要进行大数据或复杂逻辑处理时,由于耗时较长,一般我们会在处理过程中的页面上显示一个半透明的遮罩层,上面放个图标或提示:正在处理中...等字样,这样用户体验就比较好了,然而如果在Winform客户端程序,通常遮罩层的处理就显得不那么简单或不那么好看,而我今天要说明的是,我实现的这个Winform通用遮罩层,却可以实现类似WEB上的遮罩层,既可以透明,而且还可以显示动态图片以及文字,那如何实现的呢,我现在一一讲解. 首先要明确我们要实现的效果

Android自定义遮罩层设计

在做网页设计时,前端设计人员会经常用到基于JS开发的遮罩层,并且背景半透明.这样的效果怎么样在Android上实现呢?这个实现并不困难,先来上效果图: <ignore_js_op> 20121029222704.jpg (29.46 KB, 下载次数: 61) 下载附件  保存到相册 2013-5-3 15:29 上传 本实例源码下载:点击下载 PopMaskViewActivity代码: [mw_shl_code=java,true]package com.sunchis.demo; imp

Winform应用程序实现通用遮罩层二

之前先后发表过:<Winform应用程序实现通用遮罩层>.<Winform应用程序实现通用消息窗口>,这两款遮罩层其实都是基于弹出窗口的,今天为大家分享一个比较简单但界面相对友好的另一种实现方案,废话不多说,直接进入主题. 一.实现思路(解决问题顺序): 透明遮罩: 1.实现可设置透明的Panel控件(MaskPanel): 2.Panel控件(MaskPanel)能够覆盖父容器(一般是当前窗体form对象)客户区区域(即:与父容器客户区区域大小相同),并处于最上层,保证父容器上的

jquery封装了一个简洁轻巧的可拖动可自定义样式的纯div+css带遮罩层的仿模态弹出框

最近封装上瘾,想起以前做的一个轻巧的弹出框,是样式和脚本分离的,于是重新封装了一下,把样式标签统一到js里了. 里面还有一些问题,但不影响使用,有兴趣的同学,可以参考完善下,有好的建议,请不吝赐教. var PopDialogDefaultConfig = { hasCover: true, //是否带遮罩层 colorOfCover: "#000", //遮罩层颜色 transparencyOfCover: 80, //遮罩层透明度(alpha值,opacity值通过换算得到) bo

实现自己自定义的弹框和遮罩层

有的时候我们需要实现属于自己的弹框和弹出框的遮罩层效果,下面我给大家讲一下有javascript实现最简单的属于自己的弹框和弹框遮罩层效果,首先编写遮罩层的javascript,代码如下: 1.遮罩层js: //获得坐标 function getPosition() { var top = document.documentElement.scrollTop; var left = document.documentElement.scrollLeft; var height = documen