QtWidget: 利用Qt4.5新特性实现酷炫透明窗体

QtWidget: 利用Qt4.5新特性实现酷炫透明窗体

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， 这样就造就了有意思的结果。 代码片段如下：
label = new QLabel(”www.cuteqt.com”);
label->setAttribute(Qt::WA_TranslucentBackground, false);
label->setAutoFillBackground(true);

Alpha Channel控制透明度
将这个例子稍稍改动， 修改一下窗体背景色的Alpha值， 使之展现不同的透明度。 实现的方法是设置窗体的palette属性， 为Background这个ColorRole的颜色设置了alpha值， 代码片段如下：
QPalette pal = palette();
pal.setColor(QPalette::Background, QColor(255,0,0,200));
setPalette(pal);

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

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

translucent.tar.gz

本站所有文章由本站和原作者保留一切权力，仅在保留本版权信息、原文链接、原文作者的情况下允许转载，转载请勿删改原文内容， 并不得用于商业用途。 谢谢合作。

原文链接: http://www.cuteqt.com/blog/?p=340