一、
QT 透明设置
背景,标题栏透明,下级Widget,painter绘出来的(比如,drawtext,drawline)不透明
QWidget window; window.setWindowFlags(Qt::FramelessWindowHint); window.setAttribute(Qt::WA_TranslucentBackground,true);
全部透明,具体包括标题栏,背景,下级Widget
QWidget window;
window.setWindowOpacity(0.7); //设置透明度,范围0 至 1.0
1. QPalette的方法
#include
int
{
}
注意图片路径怎么表示,我的图片放在该工程下的images文件夹中。
存在问题:图片可以显示出来,但是图片大小不能和frame大小一致,显示效果不好,具体怎样调整大小,以后再补充,效果如下(设置了透明的,好像很漂亮~透明部分将我的桌面显示出来了~_~):
2.setStyleSheet方法(非常好用的方法)
#include
int
{
}
效果如下:
注意:很漂亮的效果吧~~注意代码中红线的部分噢,设置ObjectName后,才能保证set
3.paintEvent事件方法
#ifndef
#define
#include
#include
class
{
public
};
#endif
//
#include
MyFrame::MyFrame()
{
}
void
{
}
//
#include
#include
#include
int
{
}
![QT图片透明的设置](https://i-blog.csdnimg.cn/blog_migrate/a6008d9f4ab03150218fa55cd6d59219.jpeg)
注:跟前面一样的效果吧,与前面的差别就是这个背景图片不随着窗口的大小而变化,因为它的固定大小被设置成(400,700)了。重写QWidget的paintEvent事件,当控件发生重绘事件,比如show()时,系统就会自动调用paintEvent函数。
好了,上面是三种设置背景图片的方法,下面我要说一个设置QPushButton的背景图片的方法,用的是setIcon方法(其实QPushButton设置背景图片也可以用前面三种方法的,不过现在这种Icon方法的看起来也不错)
#include
int
{
}
![QT图片透明的设置](https://i-blog.csdnimg.cn/blog_migrate/fee6c4ec9917a7cd06db185afb039700.jpeg)
注:图标效果不错吧~_~
好了,今天就写到这里,以后有新的内容再补充。
补充,这样就可以让图片跟窗口一样大小了。
{
}
【如果其父窗口为空的话,透明的地方会成为黑块。】
很多朋友都问透明的效果怎么做,为什么自己做的无边框窗体不可移动,一个个回答的很累,干脆写出来分享下好了,我只用代码说话。
- //main.cpp
- int main(int argc, char *argv[])
- {
- QApplication::setStyle("cleanlooks");
- QApplication a(argc, argv);
- login w;
- w.setWindowTitle("ClientLogin");
- w.setWindowOpacity(1);
- w.setWindowFlags(Qt::FramelessWindowHint);
- w.setAttribute(Qt::WA_TranslucentBackground);
- w.show();
- w.move(200,100);
- return a.exec();
- }
关键的语句,就是其中的
- w.setWindowOpacity(1);
- w.setWindowFlags(Qt::FramelessWindowHint);
- w.setAttribute(Qt::WA_TranslucentBackground);
这些语句,不知道什么意思就摁下F1,或者直接查阅帮助文档……
对窗体无边框的设置要写在main里面,这样所有派生的子窗口,QDialog,QWidget都可继承, 很好规划和管理,方便统一美化设计。以工程中一个聊天窗口为例,先用PS制作一个窗体的背景图片,注意存为png格式,这是透明的关键。不会使PS,可以找些PNG资源图片。 我的PNG透明背景图为:
将它添加到你的资源包中,然后设置为窗体的背景。
下图是我的工程,其中的场景设置其实也是更换组建的背景图片喽~~ ![的](http://hi.csdn.net/attachment/201104/25/6157840_1303741943Pp5Y.jpg)
这个你就可以预览到透明的无边框窗体了,但是还有一个重要的问题,窗口竟然无法移动。
这也是无边框导致的……具体原因我不细说,搜一下很清晰,我只说解决方案。
在每个子窗口中,都添加:
- void yourwindow::mousePressEvent(QMouseEvent *event){
- this->windowPos = this->pos();
- this->mousePos = event->globalPos();
- this->dPos = mousePos - windowPos;
- }
- void yourwindow::mouseMoveEvent(QMouseEvent *event){
- this->move(event->globalPos() - this->dPos);
- }
- void yourwindow::changeEvent(QEvent *e){
- QMainWindow::changeEvent(e);
- switch (e->type()) {
- case QEvent::LanguageChange: ui->retranslateUi(this);
- break;
- default:
- break;
- }
- }
- void yourwindow::mousePressEvent(QMouseEvent *event){
- this->windowPos = this->pos();
- this->mousePos = event->globalPos();
- this->dPos = mousePos - windowPos;
- }
- void yourwindow::mouseMoveEvent(QMouseEvent *event){
- this->move(event->globalPos() - this->dPos);
- }
- void yourwindow::changeEvent(QEvent *e){
- QMainWindow::changeEvent(e);
- switch (e->type()) {
- case QEvent::LanguageChange: ui->retranslateUi(this);
- break;
- default:
- break;
- }
- }
这样就大功告成了,运行一下看看效果,绿森林是俺滴桌面,可以忽略之。
欢迎交流
声明一个最简单的类:
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
public:
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
Dialog::~Dialog()
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
HWND desktopHwnd = findDesktopIconWnd();
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
w.show();
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3b7cf7f1301ce9257318da68b1529a83.png)
有个窗口嵌入了桌面。按win+D组合键可以看到此窗口在桌面上。
二、让窗口全透明:
2.1最容易想到的就是setWindowOpacity()函数了。
w.setWindowOpacity(0.5),运行:结果杯具了,此函数完全无效,因为其父窗口特殊,这个函数内部使用的系统窗口标志不被支持。
2.2
w.setAttribute(Qt::WA_TranslucentBackground, true);
运行效果:
![](https://i-blog.csdnimg.cn/blog_migrate/b3f264c1dfa5fd982043e6ef1f599794.png)
全透明ok。 如果其父窗口为空的话,透明的地方会成为黑块。
三、让窗口半透明
3.1w.setAttribute(Qt::WA_TranslucentBackground, true) + 背景调色板
运行效果仍然是全透明,因为TranslucentBackground为true,根本不画背景。
3.2单纯的背景调色板:
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f73ce63bb8459d88a82d92f8a3e922c5.png)
但是还没大功告成,不停点击桌面,再点击这个窗口,会发现这个窗口越来越不透明,直至完全不透明了。不知道是不是qt的bug。
ps:加一句 w.setAttribute(Qt::WA_OpaquePaintEvent,true); 窗口就能够一直保持这个效果了。即这个方案可行。
pps:此方案在XP也是黑色底块。
3.3转战paintEvent()
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
3.4setAttribute(Qt::WA_TranslucentBackground, true) + paintEvent()
运行效果:
![](https://i-blog.csdnimg.cn/blog_migrate/cb32ddf58d3ac3df5c37b15c822d2f8c.png)
得到了设想中的效果。
最终的主函数代码:
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
HWND desktopHwnd = findDesktopIconWnd();
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
w.setAttribute(Qt::WA_TranslucentBackground, true);
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
w.show();
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
Dialog::~Dialog()
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
void Dialog::paintEvent(QPaintEvent *e)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c48b7cca7b1ed82af99fa4f842bddcce.png)
PS:
经测试此代码在XP运行不正常。窗口成为黑色背景块。只能是颜色半透明了。
还有就是图标会被盖住。只能把w.setAttribute(Qt::WA_TranslucentBackground, true );注释掉,有半透明颜色,无法看到桌面。
五、
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
![](http://blog.51cto.com/images/editer/InBlock.gif)
本文出自 “悠然” 博客,请务必保留此出处http://mypyg.blog.51cto.com/820446/172661
本文主要是解决Qt中QGraphicsAbstractShapeIt em,QPixmap,QPainter等组件的透明化显示问题。
在Qt中定义了一个常量,用于设置透明的颜色,即Qt::transparent,表示RGBA值为(0,0,0,0)的透明色。
在QGraphicsAbstractShapeIt em的集成类中,可以把某些部分画成Qt::transparent来设置透明。
在QPainter中,可以通过setBackgroundMode()选择两种不同的背景模式,一种是Qt::TransparentMode,另外一种是Qt::OpaqueMode。在Qt::TransparentMode模式下,背景本身就是透明的,此时QPainter的setBackground()函数不起作用;在Qt::OpaqueMode模式下,通过QPainter的setBackground()函数来设置QPainter类对象的背景色,在此模式下,也可以设置背景色为Qt::transparent。
有时,我们要把QPainter画到QPixmap中以防止闪烁。如果需要设置QPixmap的透明,可以先用QPixmap的fill()函数先把场景设置成透明的(fill(Qt::transparent) )。
QImage::fill ( uint pixelValue)
试试用这个填充透明色。
theImage.fill(qRgba(255,255,255,0));
七、
学习Qt编程,有时候我们很想做出好看又比较炫的画面,这时就常用到qt上的一些技巧。
这里我以一个小例子来展示qt的这些技巧,此qt编程写的,如图:(去掉标题栏和设置窗口透明后)
代码实现部分:
.h文件
- <span style="font-size:14px;">#ifndef MAINWINDOW_H
- #define MAINWINDOW_H
- #include <QMainWindow>
- #include<QLabel>
- #include <QMouseEvent>
- #include<QPalette>
- namespace Ui {
- class MainWindow;
- }
- class MainWindow : public QMainWindow
- {
- Q_OBJECT
- public:
- explicit MainWindow(QWidget *parent = 0);
- ~MainWindow();
- private:
- Ui::MainWindow *ui;
- private slots:
- void on_pushButton_Set_clicked();
- };
- #endif // MAINWINDOW_H
- </span>
mainwindow.cpp
- <span style="font-size:14px;">#include "mainwindow.h"
- #include "ui_mainwindow.h"
- MainWindow::MainWindow(QWidget *parent) :
- QMainWindow(parent),
- ui(new Ui::MainWindow)
- {
- ui->setupUi(this);
- this->setWindowTitle("QQ ");
- this->setWindowIcon(QIcon(":/images/po.jpg"));
- this->setWindowFlags(Qt::FramelessWindowHint);//去掉标题栏
- this->setGeometry(QRect(950, 55, 350, 250));//可设置窗口显示的方位与大小
- //this->setWindowOpacity(0.7);//设置透明1-全体透明
- this->setAttribute(Qt::WA_TranslucentBackground, true);//设置透明2-窗体标题栏不透明,背景透明
- this->resize(300,300);//显示大小
- }
- MainWindow::~MainWindow()
- {
- delete ui;
- }
- </span>
main.cpp文件
- <span style="font-size:14px;">#include <QtGui/QApplication>
- #include <QTextCodec>
- #include "mainwindow.h"
- int main(int argc, char *argv[])
- {
- QApplication a(argc, argv);
- QTextCodec::setCodecForCStrings(QTextCodec::codecForName("GB2312"));
- QTextCodec::setCodecForLocale(QTextCodec::codecForName("GB2312"));
- QTextCodec::setCodecForTr(QTextCodec::codecForName("GB2312"));
- MainWindow w;
- w.show();
- return a.exec();
- }
- </span>
本例中用到的透明是 : 窗体标题栏不透明,背景透明。
这里介绍几种设置透明效果的用法:
1.this->setWindowOpacity(0.7);//全体透明(指的是窗体,标题栏以及上面所有的控件都透明)里面的参数可以控制透明度。
2.窗口整体透明,但是窗体上的控件不透明。 通过设置窗体的背景色来实现,将背景色设置为全透:
代码如下:
- <span style="font-size:14px;"> pal = palette();
- pal.setColor(QPalette::background, QColor(0x00,0xff,0x00,0x00));
- setPalette(pal);</span>
3.窗体标题栏不透明,背景透明。(本例中用到的)
this->setAttribute(Qt::WA_TranslucentBackground,true);
4.窗口整体不透明,局部透明:在Paint事件中使用Clear模式绘图。
- <span style="font-size:14px;">void mainwindow::paintEvent( QPaintEvent* )
- { QPainter p(this);
- p.setCompositionMode( QPainter::CompositionMode_Clear );
- p.fillRect( 30, 30, 300, 300, Qt::SolidPattern );
- }
- </span>
绘制区域全透明,如果绘制区域有控件不会影响控件的透明。
5.这里说一下本程序中怎样去掉标题栏
this->setWindowFlags(Qt::FramelessWindowHint);//去掉标题栏
转载注明:http://blog.csdn.net/liuyang1990i/article/details/8227342
就写到这里了,亲,有收获吗?