Qt 无边框、透明、可移动的个性窗体

论坛 期权论坛 脚本     
已经匿名di用户   2022-7-2 22:16   4673   0

如果其父窗口为空的话,透明的地方会成为黑块。

很多朋友都问透明的效果怎么做,为什么自己做的无边框窗体不可移动,一个个回答的很累,干脆写出来分享下好了,我只用代码说话。

//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透明背景图为:

4

将它添加到你的资源包中,然后设置为窗体的背景。

下图是我的工程,其中的场景设置其实也是更换组建的背景图片喽~~ 的

这个你就可以预览到透明的无边框窗体了,但是还有一个重要的问题,窗口竟然无法移动。

这也是无边框导致的……具体原因我不细说,搜一下很清晰,我只说解决方案。

在每个子窗口中,都添加:

 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;    
  }
}

这样就大功告成了,运行一下看看效果,绿森林是俺滴桌面,可以忽略之。

到底

欢迎交流


一、将Qt窗口嵌入到桌面中。
声明一个最简单的类:
class Dialog : public QDialog
{
Q_OBJECT

public:
Dialog(QWidget *parent = 0);
~Dialog();
}
函数实现:
Dialog::Dialog(QWidget *parent) : QDialog(parent)
{
//创建个LineEdit用来测试焦点
QLineEdit* le = new QLineEdit( this);
}

Dialog::~Dialog()
{
}
主函数:
int main( int argc, char *argv[])
{
QApplication a(argc, argv);
Dialog w;

HWND desktopHwnd = findDesktopIconWnd();
if(desktopHwnd) SetParent(w.winId(), desktopHwnd);

w.show();
return a.exec();
}
运行效果:

有个窗口嵌入了桌面。按win+D组合键可以看到此窗口在桌面上。

二、让窗口全透明:
2.1最容易想到的就是setWindowOpacity()函数了。
w.setWindowOpacity(0.5),运行:结果杯具了,此函数完全无效,因为其父窗口特殊,这个函数内部使用的系统窗口标志不被支持。
2.2
w.setAttribute(Qt::WA_TranslucentBackground, true);
运行效果:

全透明ok。 如果其父窗口为空的话,透明的地方会成为黑块。

三、让窗口半透明
3.1w.setAttribute(Qt::WA_TranslucentBackground, true) + 背景调色板
运行效果仍然是全透明,因为TranslucentBackground为true,根本不画背景。
3.2单纯的背景调色板:
QPalette pal = w.palette();
pal.setColor(QPalette::Background, QColor(100,100,100,50));
w.setPalette(pal);
w.setAutoFillBackground( true);
运行效果出现了半透明:

但是还没大功告成,不停点击桌面,再点击这个窗口,会发现这个窗口越来越不透明,直至完全不透明了。不知道是不是qt的bug。
ps:加一句 w.setAttribute(Qt::WA_OpaquePaintEvent,true); 窗口就能够一直保持这个效果了。即这个方案可行。
pps:此方案在XP也是黑色底块。
3.3转战paintEvent()
protected:
void paintEvent(QPaintEvent *);
void Dialog::paintEvent(QPaintEvent *e)
{
QPainter p( this);
p.fillRect(rect(), QColor(0,0xff,0,30));
}
用一个带有alpha值的颜色填充背景,运行效果发现颜色确实有alpha值,但是桌面的内容透不过来。
3.4setAttribute(Qt::WA_TranslucentBackground, true) + paintEvent()
运行效果:

得到了设想中的效果。
最终的主函数代码:
int main( int argc, char *argv[])
{
QApplication a(argc, argv);
Dialog w;

HWND desktopHwnd = findDesktopIconWnd();
if(desktopHwnd) SetParent(w.winId(), desktopHwnd);

w.setAttribute(Qt::WA_TranslucentBackground, true);

w.show();
return a.exec();
}
最终的dialog实现代码:
Dialog::Dialog(QWidget *parent) : QWidget(parent)
{
//创建个LineEdit用来测试焦点
QLineEdit* le = new QLineEdit( this);
}

Dialog::~Dialog()
{
}

void Dialog::paintEvent(QPaintEvent *e)
{
QPainter p( this);
p.fillRect(rect(), QColor(0,0xff,0,30));
}


PS:
经测试此代码在XP运行不正常。窗口成为黑色背景块。只能是颜色半透明了。
还有就是图标会被盖住。只能把w.setAttribute(Qt::WA_TranslucentBackground, true );注释掉,有半透明颜色,无法看到桌面。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP