对于QT的初学者来说，去除边框，实现窗口透明度可能是美化GUI的基本要求，笔者综合了网上的代码，进行了总结：
无边框（标题栏）的窗口
|
1 |
//无边框（标题栏）的窗口 |
|
1 2 3 4 5 6 |
QApplication a(argc, argv); MainWindow w; w.setWindowOpacity(1); w.setWindowFlags(Qt::FramelessWindowHint); w.setAttribute(Qt::WA_TranslucentBackground); w.show(); |
setWindowOpacity(1)这一句代码实现窗口的透明效果，函数里面的参数是透明度，1表示不透明
setWindowFlags(Qt::FramelessWindowHint);隐藏窗口的标题栏和边框
背景刷成黑色,前景色设为白色。
方法一、paltette方式，经测试，该方法不会影响到其他控件,推荐使用
|
1 2 3 4 5 |
QPalette bgpal = palette(); bgpal.setColor (QPalette::Background, QColor (0, 0 , 0, 255)); //bgpal.setColor (QPalette::Background, Qt::transparent); bgpal.setColor (QPalette::Foreground, QColor (255,255,255,255)); setPalette (bgpal); |
方法二、stylesheet方式 影响子控件的方法是：
|
1 |
setStyleSheet ("background-color: rgb(0,0,0);color: rgb(255,255,255);"); |
不影响子控件的方法是：
|
1 |
setStyleSheet ("venus--TitleBar {background-color: rgb(0,0,0);color: rgb(255,255,255);}"); |
圆角控件 用stylesheet方式
|
1 |
setStyleSheet ("border-radius:10px;"); |
圆角窗口
|
1 2 3 4 5 6 7 |
RoundRectWin::RoundRectWin() { QPalette p = palette(); QPixmap img("roundrect.png"); QBitmap mask("roundrect_mask.png"); p.setBrush(QPalette::Window, QBrush(img)); setPalette(p); setMask(mask); resize(img.size()); //setWindowFlags(Qt::FramelessWindowHint);//这句会去掉标题栏 } 注意:mask的图多余部分设为白色 |
半透明窗口
- 窗口整体透明，但是窗体上的控件不透明。 通过设置窗体的背景色来实现，将背景色设置为全透。 试验效果：
12QPalette pal = palette();pal.setColor(QPalette::Background, QColor(0x00,0xff,0x00,0x00)); setPalette(pal);
窗体标题栏不透明；窗体客户区上的控件不透明，QLabel控件只是字显示，控件背景色透明； 窗体客户区完全透明。
另外从网上看到的方法：
1setAttribute(Qt::WA_TranslucentBackground, true)；试验的结果是类似于上面的方法，但有时候窗体会被一些杂色斑点填充，未找到原因。
- 窗口及其上面的控件都半透明：
1setWindowOpacity(0.7)
试验效果：窗口及控件都半透明。注意不能够setWindowFlags(Qt::FramelessWindowHint);要不就不起作用
- 窗口整体不透明，局部透明：在Paint事件中使用Clear模式绘图。
12345void TestWindow::paintEvent( QPaintEvent* ){ QPainter p(this);p.setCompositionMode( QPainter::CompositionMode_Clear );p.fillRect( 10, 10, 300, 300, Qt::SolidPattern );}
试验效果：绘制区域全透明。如果绘制区域有控件不会影响控件。
以上实验均是基于Directfb的Qte测试。在Linux下及Windows下效果会略有不同。 比如在Windows下第3个实验，绘制区域就是一个黑窟窿，如果Window本身半透，则是Window下面的内容加上半透效果，不是全透明效果。
控制QPixmap的alpha
|
1 2 3 4 5 6 7 8 9 |
QPixmap temp(pixmapTop.size()); temp.fill(Qt::transparent); QPainter p(&temp); p.setCompositionMode(QPainter::CompositionMode_Source); p.drawPixmap(0, 0, pixmapTop); p.setCompositionMode(QPainter::CompositionMode_DestinationIn); p.fillRect(temp.rect(), QColor(0, 0, 0, alpha)); //--lable显示前景图片 ui->label->setScaledContents(true); ui->label->setPixmap(temp); |
layout 的边界
|
1 |
layout->setMargin (0); |
以上代码来自互联网，经本人整理发布,后续笔者研究后发布拖动窗口代码
关注我的微信，获取文章更新
如果你觉得这篇文章对你有用，可以点击下面的“赞助作者”打赏作者！
转载注明原文出处：王柏元的博客>>https://wangbaiyuan.cn/getting-started-with-qt-how-to-write-without-borders-the-title-bar-of-windows-transparent-windows-round-controls.html
暂无评论