QT应用编程: 半透明遮罩窗口实现

简介: QT应用编程: 半透明遮罩窗口实现

一、环境介绍

操作系统介绍:win10 64位


QT版本: 5.12.6


二、需求介绍

我们在显示一些模态对话框的时候,往往需要将对话框的背景颜色调暗以达到突出当前对话框的效果。


例如:对话框的父窗口除了标题栏以外的部分都变暗了,在父窗口的对比下对话框的显示效果就得到了强调。


这种设计多见于web页面,当用户点击诸如购买之类的按钮后页面会弹出一个购物清单确认对话框,并将对话框以外的内容用类似图中的效果处理,使用户可以将注意力集中在对话框本身。

image.png

image.png

三、实现代码

/*
日期: 2021-01-02
作者: DS小龙哥
环境: win10 QT5.12.6 MinGW32
功能: 打开遮罩窗体
*/
void Widget::on_pushButton_clicked()
{
    QWidget mask_window(this);
    //设置窗体的背景色,这里的百分比就是透明度
    mask_window.setStyleSheet(QString("background-color: rgba(0, 0, 0, 20%);"));
    mask_window.setGeometry(this->rect()); //获取父窗体的几何形状设置当前窗口
    mask_window.show();
    //对话框
    QMessageBox::information(this,"提示","遮罩框已打开",QMessageBox::Ok,QMessageBox::Ok);
    //关闭窗口
    mask_window.close();
}


目录
相关文章
|
5月前
|
网络协议 容器
【qt】 TCP编程小项目
【qt】 TCP编程小项目
95 0
|
5月前
|
C++ Windows
Qt 窗口置顶
Qt 窗口置顶
139 1
|
5月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
954 4
|
5月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
365 3
|
5月前
|
数据可视化
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
119 3
|
5月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
733 3
|
5月前
|
API 开发工具 C语言
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
291 0
关于Qt的pri模块化编程详解
关于Qt的pri模块化编程详解
|
5月前
【qt】视口和窗口坐标
【qt】视口和窗口坐标
40 0