C# 实现真正的透明控件(Windows桌面程序)

最新推荐文章于 2024-07-16 12:42:45 发布

HOLD ON!

最新推荐文章于 2024-07-16 12:42:45 发布

阅读量1.9k

点赞数

分类专栏： C#

原文链接：https://blog.csdn.net/yangshengchuan/article/details/54909594

版权

C# 专栏收录该内容

804 篇文章 28 订阅

订阅专栏

C# 实现真正的透明控件(Windows桌面程序)
yangshengchuan 发布于2017-02-07
由于上位机程序的需要,需要大量的异性控件,开始不以为然,心想随着GDI到GDI+的升级,微软应该会给NET打造了一套高效绚丽的绘图方案,使用后才知道完全不是我以为的那么回事.

其中使用Web.Transparent的透明方案:

Label使用的的透明方案

如图,这种透明系统参考的是控件所属控件背景色,并不是透明,注意左边的两个红色框,其实是两个实现真正透明的控件
而通过背景截图来作为自己背景图的方案:

由于需要编写太多代码,就不举例了,看起来挺不错,但也经不起推敲,毕竟很多时候,透明者需要盖住一些与用户交互的控件,可想而知,这种设计将是致命的。

因为Form有TransparencyKey属性,很容易实现真正的透明,就想干脆继承Form来做控件,使用的时候,直接SetParent岂不美好,先不说资源耗费,用户体验.单单位置控制都够呛,其消息队列性质的不同,带来的问题,完全不可取,而且在窗体在被指定到窗体后,其透明属性竟然失效了,大写的囧

难道就没办法了吗??由于透明控件的实现尚未有好的方法,该想法被搁置了半年.

某个偶尔的机会,接触到了Region对象,关于该对象详细信息请参阅微软的官方文档,但是官方文档也只是机械的介绍了该对象成员而已,看不出什么蹊跷的。

我是这么理解这个对象的,该对象告诉了系统这个控件需要占用的界面UI信息,而且这个信息是可以随意编辑的,,,,好知道这么多就够了,如果我把这个对象编辑成我要的形状呢?是不是其他不需要的就消失了?怀着这样疑问写下代码:

Region rion = new Region(new Rectangle(0, 0, 20, 20));
Region = rion;
乖乖,控件竟然无论我怎么绘制,在窗口上都只有 20×20 大了,尽管我拖得了很大

而情况也恰是如此,通过控制Region的信息,完全可以控制控件需要现实和不现实(透明)的部分,

那么问题来了,一些规则的透明还好办,但是如果需要按某种特定无规则来异形呢..难道要一点点去算吗?那也太不科学了,想到这里,自然想到通过 Image(Bitemap)转换成Region

首先看Region的构造函数

使用一个GraphicsPath 对象来构造,通过搜索图像的每个像素,来将需要显示的区域添加的路径画布里,是否可行呢!

由于主题关系,这里延伸对GraphicsPath对象讲解,不熟悉的朋友参考相关资料,谢谢。

根据这一想法,编写转换代码

/// <summary>根据图片计算GraphicsPath路径(低效率)</summary>
/// <param name="img">图像资源</param>
/// <param name="TranColor">欲透明掉的颜色</param>
/// <returns>路径画布,已过滤掉了透明颜色</returns>
public static GraphicsPath ImageToGraphicsPath(Image imgx,Color TranColor){
            if (imgx == null) return null;
            GraphicsPath g = new GraphicsPath(FillMode.Alternate);
            Bitmap bitmap = null;
            if (typeof(Bitmap) == imgx.GetType())
                bitmap = (Bitmap)imgx;
            else
                bitmap = new Bitmap(imgx);
 
            int ImWidth = bitmap.Width;
            int ImHeight = bitmap.Height;
            Color curColor;
            Rectangle curRect = new Rectangle();
            curRect.Height = 1;
            bool isTransRgn;
 
            for (int y = 0; y < ImHeight; y++){
                isTransRgn = true;
                for (int x = 0; x < ImWidth; x++){
                    curColor = bitmap.GetPixel(x, y);
                    if (curColor == TranColor || x == ImWidth - 1){//如果遇到透明色或行尾
                        if (isTransRgn == false){//退出有效区
                        
                            curRect.Width = x - curRect.X;
                            g.AddRectangle(curRect);
                        }
                    }else{//非透明色
                        if (isTransRgn == true){//进入有效区
                            curRect.X = x;
                            curRect.Y = y;
                        }
                    }//if curColor
                    isTransRgn = curColor == TranColor;     
                }
            }
            return g;
        }

结果如图:

达到目的...似乎任务完成了,,但是回头想想不对呀!为什么要通过GraphicsPath来中间转换呢?为什么不直接把坐标填充到Region 里呢,

因为Region 有一个方法是:

通过GraphicsPath来转换,可能带来其他资源类问题,直接使用这方法估计是不错的选择,于是增加函数:

/// <summary>
/// 根据图片计算Region路径(低效率)
/// </summary>
/// <param name="img">图像资源</param>
/// <param name="TranColor">欲透明掉的颜色</param>
/// <returns>一个离散的路径信息</returns>
public static Region ImageToRegion(Image imgx, Color TranColor)
{
if (imgx == null) return null;
Region rRegion = new Region();
rRegion.MakeEmpty();

Bitmap bitmap = null;
if (typeof(Bitmap) == imgx.GetType())
bitmap = (Bitmap)imgx;
else
bitmap = new Bitmap(imgx);

int ImWidth = bitmap.Width;
int ImHeight = bitmap.Height;
Color curColor;
Rectangle curRect = new Rectangle();
curRect.Height = 1;
bool isTransRgn;

for (int y = 0; y < ImHeight; y++)
{
isTransRgn = true;
for (int x = 0; x < ImWidth; x++)
{
curColor = bitmap.GetPixel(x, y);
if (curColor == TranColor || x == ImWidth - 1)//如果遇到透明色或行尾
{
if (isTransRgn == false)//退出有效区
{
curRect.Width = x - curRect.X;
rRegion.Union(curRect);
}
}
else//非透明色
{
if (isTransRgn == true)//进入有效区
{
curRect.X = x;
curRect.Y = y;
}
}//if curColor
isTransRgn = curColor == TranColor;
}
}
return rRegion;
}
结果同样成功,就不在上图..

然而似乎没什么问题了,但是细心的朋友可能感觉到了,这种方法读取图像资源是一种极度效率低下的方法,这种直接

GetPixel怎么都不像用在如此大量图像处理上的,,,如果用来展示动画类,岂不够呛!

这里不对C#指针,图像处理的知识扩展,不安全代码等知识扩展。尽管我们在接下来的函数使用到相关知识,如果有兴趣的请自行参阅相关文档

修改相关函数提升效率,减少资源耗费

/*
* 为了鼓励学习研究精神,该函数,仅能用于本示例
* 如果使用到其他项目,可能会存在错误
* 如果您确实需要正确代码,请学习位图相关信息
*/
/// <summary>
/// 取得一个图片中非透明色部分的区域。
/// </summary>
/// <param name="Picture">取其区域的图片。</param>
/// <param name="TransparentColor">透明色。</param>
/// <returns>图片中非透明色部分的区域</returns>
public unsafe static Region ImageToRegionPx(Image Picture, Color TransparentColor)
{
if (Picture == null) return null;
Region rgn = new Region();
rgn.MakeEmpty();

Bitmap bitmap = null;
if (Picture.GetType() != typeof(Bitmap))
bitmap = new Bitmap(Picture);
else
bitmap = (Bitmap)Picture;

int width = bitmap.Width;
int height = bitmap.Height;
BitmapData bmData = bitmap.LockBits(new Rectangle(0, 0, width, height), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb);
byte* p = (byte*)bmData.Scan0;
int offset = bmData.Stride - width * 3;

int p0, p1, p2; // 记录透明色
p0 = TransparentColor.R;
p1 = TransparentColor.G;
p2 = TransparentColor.B;

Rectangle curRect = new Rectangle();
curRect.Height = 1;

int start = -1;
// 行座标 ( Y col )
for (int Y = 0; Y < height; Y++)
{
// 列座标 ( X row )
for (int X = 0; X < width; X++)
{
if (start == -1 && (p[0] != p0 || p[1] != p1 || p[2] != p2)) //如果之前的点没有不透明且不透明
{
start = X; //记录这个点
curRect.X = X;
curRect.Y = Y;
}
else if (start > -1 && (p[0] == p0 && p[1] == p1 && p[2] == p2)) //如果之前的点是不透明且透明
{
curRect.Width = X - curRect.X;
rgn.Union(curRect);
start = -1;
}

if (X == width - 1 && start > -1) //如果之前的点是不透明且是最后一个点
{
curRect.Width = X - curRect.X;
rgn.Union(curRect);
start = -1;
}
p += 3;//下一个内存地址
}
p += offset;
}
bitmap.UnlockBits(bmData);
bitmap.Dispose();
return rgn;
}