Qt Widget 利用 Qt4.5 实现酷炫透明窗体

Posted 2020-09-18 朝闻道

本文讲述的是Qt Widget 利用 Qt4.5 实现酷炫透明窗体，QWidget类中的每一个窗口部件都是矩形，并且它们按Z轴顺序排列的。一个窗口部件可以被它的父窗口部件或者它前面的窗口部件盖住一部分。 先来看内容吧。

Qt4.2引入了QWidget::setWindowOpacity函数， 可以为窗体设置透明度， 从0.0到1.0之间， 值越小越透明。 经过设置的窗体可以整体呈现透明的效果。 但这种设置比较粗糙， 只能设一个整体的效果，大概只有比如像拖动的时候能用一下，大多数时候都不太实用。在Qt4.5里引入了新的窗体透明特性， 是个Widget的Attribute， 叫做Qt::WA_TranslucentBackground。 这个属性可以为每个QWidget单独设置， 并且透明程度可以用绘制的颜色或图片的Alpha Channel值来控制。

笔者写了一个例子演示其奇妙的效果。 先看一个截图：

这个是笔者例子运行出来的效果， 背景是www.cuteqt.com雷人的主页。  下面简单介绍一下代码的实现。

TranslucentBackground控制窗体透明属性

例子主界面用QWidget， 其上放置四个控件， 上面两个是自定义的QWidget子类， 用在paintEvent中绘制了一幅透明底色的图片， 上书“CuteQt”几个大字； 下面两个是标准的QLabel控件， 但显示出两种不同的效果。

透明的控件的TranslucentBackground属性为true （继承了parent的属性）， 而非透明的控件则在代码中强制将TranslucentBackground设为了false， 这样就造就了有意思的结果。 代码片段如下：

 

1. label = new QLabel(”www.cuteqt.com”);  
2. label->setAttribute(Qt::WA_TranslucentBackground, false);  
3. label->setAutoFillBackground(true); 

Alpha Channel控制透明度

将这个例子稍稍改动， 修改一下窗体背景色的Alpha值， 使之展现不同的透明度。 实现的方法是设置窗体的palette属性， 为Background这个ColorRole的颜色设置了alpha值， 代码片段如下：

1. QPalette pal = palette();  
2. pal.setColor(QPalette::Background, QColor(255,0,0,200));  
3. setPalette(pal); 

下图所示为alpha值100和200的不同显示效果。

 

 

怎么样， 这个例子挺有意思吧？ 赶快下载完整的代码学习一下吧～ 有任何不明白blog或bbs留言～

translucent.tar.gz

小结：Qt Widget 利用 Qt4.5 实现酷炫透明窗体的内容讲完了，你也许也会认为实现的效果很炫吧，那么希望本篇文章能帮助你学习。

 

http://mobile.51cto.com/symbian-270155.htm