1、窗体透明度
opacity属性，0%完全透明
2、控件透明度
2.1、完全透明
BackColor = Transparent
2.2、不完全透明
在“完全透明”的基础上，设置BackgroundImage为一张带有百分比透明度的图片。通过图片的透明度，来间接设置图片的透明度
2.3、控件叠加时，lable等控件范围内显示了
举例
在如下步骤下会出现的问题：

a、Form1设置背景色

b、在Form1上添加Panel1，透明

c、在Panel1上添加Panel2，透明，且BackgroundImage设置一张透明度为30%的图片

d、在Panel2上添加Lable1。

此时，Lable1控件范围内完全透明，而不是显示Panel2的透明度。
解决方案
在Lable1外，再套一个Panel3，Panel3透明，且BackgroundImage设置和Panel2一致。
100、附注
在设置透明度后，加载窗体可能会出现界面加载慢且闪烁问题。这很可能是panel控件的bug 。

解决方案见《panel设置背景透明后，窗体大小改变时，界面闪烁》

效果图:



 

 

 



 

最近一直在研究Winfrom上如何添加透明控件,经过各种方法的尝试，终于实现了一个还算可以的实现方案.实现思路就是通过嵌套多层窗体来实现透明效果.

通过设置 BackColor 和 TransparencyKey 属性来实现透明. 也就是下层窗体加载视频流. 上层窗体实现透明控件效果.(可以嵌套多层窗体。窗体设置Opacity属性实现透明度 ,一种透视的效果)

      this.BackColor = Color.Black;
      this.TransparencyKey = Color.Black;

上层窗体尺寸设置和主窗体大小一致 ，监听LocationChanged和Resize事件  ，实现上层窗体和主窗体联动效果....

 

关于上层控件透明实现 (个人想法)

1.  设置背景色、文字颜色(不设置颜色,有可能文字不太清晰)等

2.  控件背景可通过 重写 OnPaint 方法绘制，包括点击，移动，拖拽等功能。

3.  背景图的背景色做成透明色

代码片段:

using System;
using System.Drawing;
using System.Windows.Forms;
using TransparentWindowsForms.Properties;


/************************************************************************
    * Copyright (c) 2018 All Rights Reserved.
    * 创建人： QuJun
    * 创建时间：2018/12/27
    * 描述：  树形结构
************************************************************************/


namespace TransparentWindowsForms.Control.menutree
{
    public partial class MenuTreeList : UserControl
    {

        private int _menu_button_width = 30;

        private int _menu_button_height = 60;

        private int _menu_button_point_x = 0;

        private int _menu_button_point_y = 0;

        private bool _isShowMenu = false;

        private bool _isShowMenuButton = true;

        private Image _bg_image = Resources.menutree_bg;

        private Image _list_bg = Resources.menutree_left_button;

        private Image _menu_left_arrow = Resources.menutree_left_close;

        private int _menu_left_point_x = 0;

        private int _menu_left_point_y = 0;

        private string _menu_title = "设备列表";

        private TreeView _tree_view = null;

        public MenuTreeList()
        {
            InitializeComponent();

            this.Load += MenuTreeList_OnLoad;

            this.MouseDown += Form_MouseDown;
        }


        public string Menu_Title
        {
            get { return _menu_title; }
            set
            {
                _menu_title = value;
            }
        }

        private void MenuTreeList_OnLoad(object sender, EventArgs e)
        {
            init();
        }

        private void init()
        {
            _tree_view = new TreeView();

            _tree_view.Location = new Point(25, 70);

            _tree_view.Size = new Size(this.Width - 25 * 2, this.Height - 70 - 50);

            _tree_view.Nodes.Add(getTreeNode());

            _tree_view.Visible = false;

            _tree_view.BorderStyle = BorderStyle.None;

            _tree_view.ForeColor = Color.Snow;

            _tree_view.ImageList = getImageList();

            _tree_view.BackColor = Color.FromArgb(26, 32, 42);

            _tree_view.ItemHeight = 20;

            this.Controls.Add(_tree_view);
        }




        private ImageList getImageList()
        {

            ImageList list = new ImageList();

            list.Images.Add("structure", Resources.menutree_structure);

            list.Images.Add("carmer", Resources.menutree_videocamera);

            return list;

        }

        private TreeNode getTreeNode()
        {
            TreeNode treeNode = new TreeNode();
            treeNode.Name = "交警大队";
            treeNode.Text = "交警大队";
            treeNode.ImageIndex = 0;
            treeNode.SelectedImageIndex = 0;

            //根节点下面的子节点
            TreeNode node1 = new TreeNode();
            node1.Text = "展现景湾 (3/3)";
            node1.ImageIndex = 0;
            treeNode.SelectedImageIndex = 0;

            TreeNode node2 = new TreeNode();
            node2.Text = "警用设备 (3/3)";
            node2.ImageIndex = 0;
            node2.SelectedImageIndex = 0;

            TreeNode node3 = new TreeNode();
            node3.Text = "大楼摄像头";
            node3.ImageIndex = 1;
            node3.SelectedImageIndex = 1;

            TreeNode node40 = new TreeNode();
            node40.Text = "全景摄像头";
            node40.ImageIndex = 1;
            node40.SelectedImageIndex = 1;

            //将节点添加到根节点中
            treeNode.Nodes.Add(node1);
            treeNode.Nodes.Add(node2);
            treeNode.Nodes.Add(node3);
            treeNode.Nodes.Add(node40);



            //为第二个子节点1添加子节点
            TreeNode childNode1 = new TreeNode();
            childNode1.Text = "展现景湾1";
            childNode1.ImageIndex = 1;
            childNode1.SelectedImageIndex = 1;

            TreeNode childNode2 = new TreeNode();
            childNode2.Text = "展现景湾2";
            childNode2.ImageIndex = 1;
            childNode2.SelectedImageIndex = 1;

            TreeNode childNode3 = new TreeNode();
            childNode3.Text = "展现景湾3";
            childNode3.ImageIndex = 1;
            childNode3.SelectedImageIndex = 1;

            node1.Nodes.Add(childNode1);
            node1.Nodes.Add(childNode2);
            node1.Nodes.Add(childNode3);

            //为第二个子节点2添加子节点
            TreeNode childNode4 = new TreeNode();
            childNode4.Text = "警用设备1";
            childNode4.ImageIndex = 1;
            childNode4.SelectedImageIndex = 1;

            TreeNode childNode5 = new TreeNode();
            childNode5.Text = "警用设备2";
            childNode5.ImageIndex = 1;
            childNode5.SelectedImageIndex = 1;

            TreeNode childNode6 = new TreeNode();
            childNode6.Text = "警用设备3";
            childNode6.ImageIndex = 1;
            childNode6.SelectedImageIndex = 1;

            node2.Nodes.Add(childNode4);
            node2.Nodes.Add(childNode5);
            node2.Nodes.Add(childNode6);

            return treeNode;
        }

        protected override void OnPaint(PaintEventArgs e)
        {
            _menu_button_point_x = 0;

            _menu_button_point_y = 0;

            if (_isShowMenuButton)
                e.Graphics.DrawImage(_list_bg, new Rectangle(new Point(_menu_button_point_x, _menu_button_point_y), new Size(_menu_button_width, _menu_button_height)));

            if (_isShowMenu)
            {
                e.Graphics.DrawImage(_bg_image, new Rectangle(new Point(0, 0), new Size(this.Width, this.Height)));

                _menu_left_point_x = this.Width - _menu_left_arrow.Width - 10;
                _menu_left_point_y = 40;

                e.Graphics.DrawImage(_menu_left_arrow, new Rectangle(new Point(_menu_left_point_x, _menu_left_point_y), new Size(_menu_left_arrow.Width, _menu_left_arrow.Height)));

                StringFormat format = new StringFormat();
                format.Alignment = StringAlignment.Far;
                //字符串的垂直对齐方式
                format.LineAlignment = StringAlignment.Center;

                Brush bush = new SolidBrush(Color.SkyBlue);//填充的颜色

                Font font = new Font("微软雅黑", 11, FontStyle.Bold);

                SizeF z = e.Graphics.MeasureString(Menu_Title, font);

                e.Graphics.DrawString(Menu_Title, font, bush, new PointF(20 + z.Width, _menu_left_point_y + 10), format);
            }
        }

        private void Form_MouseDown(object sender, MouseEventArgs e)
        {

            // 菜单按钮点击
            if (e.X > _menu_button_point_x && e.X < _menu_button_point_x + _menu_button_width && e.Y > _menu_button_point_y && e.Y < _menu_button_point_y + _menu_button_height)
            {

                if (_isShowMenuButton)
                    showPictureBoxList();

                return;
            }

            if (e.X >= _menu_left_point_x && e.X <= _menu_left_point_x + _menu_left_arrow.Width && e.Y >= _menu_left_point_y && e.Y <= _menu_left_point_y + _menu_left_arrow.Height)
            {

                if (_isShowMenu)
                    closePictureBoxList();

                return;
            }
        }

        private void showPictureBoxList()
        {

            _isShowMenuButton = false;

            _isShowMenu = true;

            _tree_view.Visible = true;

            Invalidate();
        }

        private void closePictureBoxList()
        {

            _isShowMenuButton = true;

            _isShowMenu = false;

            _tree_view.Visible = false;

            Invalidate();
        }
    }
}


以上纯属个人想法，不喜勿喷 ，欢迎指正。。

Demo包含一些自定义控件(下拉列表，树形列表 ， 图片列表等)均可实现透明效果。主窗体是一个海康相机的监控视频。使用时可替换成其他视频。

Demo地址:https://download.csdn.net/download/haiyangyunbao813/11032553

 

注: 背景图会稍微有一些锯齿.影响美观. 后来使用DSkin实现了下效果.可以完美实现透明控件效果.(唯一美中不足的是DSKIN不是开源的. 若使用，需购买授权码. 请考虑后使用. )

参考文章:https://blog.csdn.net/haiyangyunbao813/article/details/88740404

DSkin实现Demo下载地址:https://download.csdn.net/download/haiyangyunbao813/11049541

 

在Winform窗体中实现半透明遮罩层比在网页中通过div+css实现半透明效果更复杂更难，网上方法有很多，但是我用的解决方法是弹出一个新窗口并且调整它的透明度,然后遮罩住原来的窗口,使用户不能对原来的窗口进行操作,即鼠标不能穿透，但是在窗体上调Opacity属性的值后在此窗体上的所有控件和内容也会产生透明效果，无法单独控制，所有我是再新建一个窗体来放置要显示的内容的。

效果如下图：



 

第一步：新建一个和要遮盖的窗体的宽高相同的form窗体。


设置需要透明的背景色BackColor，我这里是黑色Black；
	
设置窗体系统菜单框ControlBox为False；
	
设置窗体的边框FormBorderStyle为FixedSingle；
	
设置窗体透明度Opacity为50%（透明值可根据自己需求调）；
	
设置ShowInTaskbar为False，使窗体不在Windows任务栏显示；
	
设置窗体第一次出现时的位置StarPosition为CenterScreen，并且把要遮罩的原来的窗体这个属性也设置同样的值。
      2.第二步：新建一个放置显示内容的form窗体。



设置ShowInTaskbar为False，使窗体不在Windows任务栏显示；
	
设置窗体第一次出现时的位置StarPosition为CenterScreen。
      3.第三步：因为遮罩层窗体和内容显示窗体需要同时打开和同时关闭的，所以我是先通过一个button来点击打开遮罩层窗体，然后再在遮罩层窗体load加载时打开显示内容的窗体（Load事件）；在关闭时我是在显示内容的窗体上点击关闭按钮，再在显示内容窗体关闭了的时候关闭遮罩层窗体（FormClosed事件）；而且窗体如果可以手动移动的话还要给遮罩层窗体一个相对于原来窗体的定位。

原来窗体点击button显示遮罩层的代码：
        //点击生成按钮打开遮罩层

        private void btnGenerate_Click(object sender, EventArgs e)

        {

            Popup2 popup2 = new Popup2();

            //show(this)相对定位于原来的窗体Form1来打开，与遮罩层里的定位代码相关

            popup2.Show(this);

        }

遮罩层窗体里的代码：
        PopupContent popcontent = null;

        private void Popup2_Load(object sender, EventArgs e)

        {

            //遮罩层相对Form1定位

            Form1 f = Owner as Form1;

            Location = new Point(f.Location.X, f.Location.Y);

            //生成成功弹窗

            popcontent = new PopupContent();

            popcontent.TopMost = true;//设置内容窗体显示在最顶层窗体

            popcontent.Show();

        }

弹窗内容窗体里的代码：
        //关闭内容弹窗

        private void btnSearch2_Click(object sender, EventArgs e)

        {

            this.Close();

        }

        //生成内容弹窗关闭事件

        private void PopupContent_FormClosed(object sender, FormClosedEventArgs e)

        {

            //这里不直接用Form.Close()是因为关闭时窗体会出现闪烁直接隐藏

            Application.OpenForms["Popup2"].Close();

        }

步骤到此全部结束，代码仅供参考，要用时还需按自己的命名和编写。下面是窗体透明的拓展：

设置窗体的 TransparencyKey属性 （TransparencyKey是根据颜色来透明的，而且是100%透明）：

比如：

this.BackColor =Color.Black; 

this.TransparencyKey = Color.Black; 

这样TransparencyKey会把背景色为黑色的窗体变为100%透明，就像是把窗体给隐藏了，但是窗体上的控件和内容并不会跟着有透明效果。

 
.NET Framework的WinForm程序支持支持调节控件的透明度和GDI+，用它可以实现例如淡入淡出这种很酷的界面效果。而.NET Compact Framework的窗体和控件不支持透明和GDI+，因此常常利用图片来完成一些美观的程序界面效果，这样会使得程序包附带了很多用于交替的图片而体积变大。
今天看到了Windows Mobile 5.0/6上也有Alpha Blend API，可以用于实现一些透明的控件，如下图所示：
 
心动了吧？
上面的demo程序来自 AlphaMobileControls 的开源项目，AlphaMobileControls提供了一些可以实现透明效果的简单控件，如：AlphaLabel, AlphaPictureBox, AlphaImageButton 等，使用的时候必须将它们放到特殊的 AlphaPanel 或 AlphaForm 容器控件上。这套控件是通过封装了从Windows Mobile 5.0开始提供的 Imaging API 和 AlphaBlend() API 函数实现的，不能用在Windows Mobile 2003的程序上。另外，使用C/C++的朋友也可以参考相关的API，同样可以实现这种透明效果。
关于实现Windows Mobile Alpha Blend的细节，可以参考这篇文章：http://blogs.msdn.com/chrislorton/archive/2006/04/07/570649.aspx
另外，还有一种实现控件透明背景的方法，使用C/C++和API实现用画背景的Pattern Brush来画控件，产生效果如下：

这里不再多介绍，可以看原文：http://www.codeproject.com/KB/mobile/transparent_controls.aspx
Tag标签: Windows Mobile,.NET Compact Framework,Windows CE