Qt 使用QDialog實(shí)現(xiàn)界面遮罩的示例(蒙版)
寫應(yīng)用程序的過程中，彈窗是個(gè)避免不了的功能，顯示中，假設(shè)彈窗背景色和主窗口背景色相差不多，甚至是一樣的時(shí)候，就會(huì)存在一個(gè)比較嚴(yán)重的人機(jī)交互和UI顯示的問題，找到彈窗的邊界是比較麻煩的一件事。但是如果我們能在彈窗顯示的時(shí)候被主窗口其他的部位增加一個(gè)背景色，這個(gè)背景色與彈窗的背景色形成比較大的色差，那么是不是就能夠很容易的找到彈窗的邊界。因此，我們實(shí)現(xiàn)一個(gè)自定義組件，可隨便設(shè)置需要遮罩的主窗口，并且能夠讓其跟隨主窗口的移動(dòng)而移動(dòng)。
先來看下效果：
- 根據(jù)需求功能，我們需要提供設(shè)置主窗口的接口，同樣的，并不是說所有的窗口都需要進(jìn)行遮罩，那么我們也同樣需要知道哪些窗口是需要遮罩的，因此，還需要提供一個(gè)判斷的標(biāo)準(zhǔn)，在一個(gè)工程里面，每個(gè)UI文件的objectName是獨(dú)一份的，因此我們可以通過這些objectName來判斷哪些dialog需要遮罩。
- 該類是在需要被遮罩的dialog顯示出來的時(shí)候自動(dòng)調(diào)用顯示，而不需要手動(dòng)調(diào)用，因此需要檢測全局的事件循環(huán)。
以上，我們來看下該組件的頭文件定義：
#ifndef MASK_WIDGET_H
#define MASK_WIDGET_H
#include <QDialog>
namespace Ui {
class MaskWidget;
}
class MaskWidget : public QDialog
{
Q_OBJECT
Q_PROPERTY(QStringList names READ names WRITE setNames DESIGNABLE true)
public:
static MaskWidget *instance();
void setMainWidget(QWidget* pWidget);
QStringList names() const;
void setNames(const QStringList& names);
protected:
bool eventFilter(QObject *obj, QEvent *event);
private:
explicit MaskWidget(QWidget *parent = Q_NULLPTR);
~MaskWidget();
private:
Ui::MaskWidget* ui;
QStringList m_listName{ QStringList() };
QWidget* m_pMainWidget{ Q_NULLPTR };
static MaskWidget* m_pSelf;
};
#endif // MASK_WIDGET_H由上面的類定義也能夠看出來，這個(gè)組件還是比較簡單的，簡單到只有兩個(gè)接口和一個(gè)事件過濾函數(shù)，所以下面，我們來具體看下其中的實(shí)現(xiàn)。
首先是千篇一律的單例實(shí)現(xiàn)，該組件在整個(gè)工程中獨(dú)一份就好，多了可能就會(huì)出現(xiàn)你想不到的情況（多層覆蓋或者沖突了）：
MaskWidget * MaskWidget::m_pSelf = Q_NULLPTR;
MaskWidget * MaskWidget::instance()
{
if (m_pSelf == Q_NULLPTR)
{
m_pSelf = new MaskWidget;
}
return m_pSelf;
}在其構(gòu)造中，我們需要設(shè)置一些window相關(guān)的屬性，并且將該窗口先隱藏起來，要不然程序一打開就會(huì)看到整個(gè)上面有一層灰蒙蒙的遮罩。其實(shí)最主要的是需要在其構(gòu)造函數(shù)里面注冊事件過濾。
MaskWidget::MaskWidget(QWidget *parent) : QDialog(parent), ui(new Ui::MaskWidget)
{
ui->setupUi(this);
hide();
setWindowFlags(Qt::FramelessWindowHint | Qt::Tool | Qt::WindowDoesNotAcceptFocus);
qApp->installEventFilter(this);
}在主程序啟動(dòng)之后，我們還要做兩件事，也就是我們前面說的兩個(gè)接口需要調(diào)用實(shí)現(xiàn)，一個(gè)是設(shè)置需要遮罩的主窗口，一個(gè)是需要設(shè)置彈出需要遮罩的窗口的名稱，先看下設(shè)置主窗口。
void MaskWidget::setMainWidget(QWidget *pWidget)
{
this->setFixedSize(QSize(pWidget->width(), pWidget->height()));
this->setParent(pWidget);
this->move(pWidget->x(), pWidget->y());
}由上面可以看出，設(shè)置主窗口之后，我們將該組件的父類也設(shè)置為了主窗口，這樣就能保證該組件顯示出來的時(shí)候一定是以設(shè)置的主窗口為父節(jié)點(diǎn)進(jìn)行顯示，并且能夠鋪滿整個(gè)主窗口。
顯示窗口的設(shè)置也是比較簡單的屬性的操作方式，如下：
void MaskWidget::setNames(const QStringList& names)
{
if(m_listName == names)
{
return;
}
m_listName = names;
}
QStringList MaskWidget::names() const
{
return names;
}在整個(gè)過程中，其實(shí)最主要的是事件過濾函數(shù)的實(shí)現(xiàn)，該函數(shù)基本包含了該組件的基本功能，下面我們看下該函數(shù)的實(shí)現(xiàn)。
bool MaskWidget::eventFilter(QObject *obj, QEvent *event)
{
if(event->type() == QEvent::Hide)
{
if(m_listName.contains(obj->objectName()))
{
hide();
}
return QObject::eventFilter(obj, event);
}
if (event->type() == QEvent::Show)
{
if (!m_listName.contains(obj->objectName()))
{
return QObject::eventFilter(obj, event);
}
show();
auto pWidget = dynamic_cast<QWidget*>(obj); //將object轉(zhuǎn)換為普通QWidget
if (Q_NULLPTR == pWidget)
{
return QObject::eventFilter(obj, event);
}
pWidget->activateWindow();
pWidget->setFocus(Qt::ActiveWindowFocusReason);
stackUnder(pWidget); //將該窗口設(shè)置放到彈窗的下面
if(Q_NULLPTR == m_pMainWidget)
{
return QObject::eventFilter(obj, event);
}
m_pMainWidget->stackUnder(this); //將主窗口設(shè)置放到該組件界面下方，就能夠有一個(gè)比較清晰的層次關(guān)系
//下面是實(shí)現(xiàn)將彈窗的位置移動(dòng)到主程序的正中間，在這邊實(shí)現(xiàn)的目的是為了減少代碼量，畢竟寫代碼能偷的懶還是一定要偷的
QRect screenGeometry = m_pMainWidget->geometry();
int x = screenGeometry.x() + (screenGeometry.width() - pWidget->width()) / 2;
int y = screenGeometry.y() + (screenGeometry.height() - pWidget->height()) / 2;
pWidget->move(x, y);
}
return QObject::eventFilter(obj, event);
}以上，該組件的全部功能介紹完了。
使用的過程中了，直接包含文件就能夠使用，需要注意的是，彈出的dialog窗口的基類必須QDialog，并且在調(diào)用時(shí)使用QDialog::exec()函數(shù)實(shí)現(xiàn)模態(tài)。如果不實(shí)現(xiàn)模態(tài)的話，會(huì)出現(xiàn)一些意外，當(dāng)然這些意外并不影響使用，只是交互上面會(huì)比較不友好。假設(shè)你的主程序不能移動(dòng)，那么就會(huì)很不友好。
TestDialog dlg;
if(QDialog::Accept == dlg.exec())
{
}測試代碼鏈接：https://gitee.com/Gqian_com/customcomponent/tree/master/maskwidget
到此這篇關(guān)于Qt 使用QDialog實(shí)現(xiàn)界面遮罩的示例(蒙版)的文章就介紹到這了,更多相關(guān)Qt QDialog界面遮罩內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章是對(duì)Linux下\r\n的問題進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-05-05
深處開發(fā)崗，其實(shí)排序也是繞不開的環(huán)節(jié)，其中冒泡排序，選擇排序，插入排序，歸并排序，快速排序，堆排序也是我在秋招以來頻繁問到的技術(shù)點(diǎn)，今天我們來重點(diǎn)聊聊排序2021-11-11
所謂容器，就是可以承載，包含元素的一個(gè)器件，它是STL六大組件之一，是容器、算法、迭代器中最重要也是最核心的一部分2022-10-10
C語言實(shí)現(xiàn)的統(tǒng)計(jì)php代碼行數(shù)功能源碼（支持文件夾、多目錄）
這篇文章主要介紹了C語言實(shí)現(xiàn)的統(tǒng)計(jì)php代碼行數(shù)功能源碼,支持文件夾、多級(jí)目錄的統(tǒng)計(jì),在一些環(huán)境中會(huì)用到這個(gè)功能,需要的朋友可以參考下2014-08-08
VC中使用ADO開發(fā)數(shù)據(jù)庫應(yīng)用程序簡明教程
這篇文章主要介紹了VC中使用ADO開發(fā)數(shù)據(jù)庫應(yīng)用程序的方法,結(jié)合實(shí)例形式詳細(xì)講述了ADO的原理及VC使用ADO開發(fā)數(shù)據(jù)庫應(yīng)用程序的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了C++選擇文件夾代碼的封裝,實(shí)例展示了將選擇文件夾功能代碼封裝為一個(gè)類并對(duì)其進(jìn)行實(shí)例化調(diào)用的過程,對(duì)于學(xué)習(xí)C++程序設(shè)計(jì)有不錯(cuò)的參考價(jià)值,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了C++編寫頭文件，在一個(gè)C++程序中，只包含兩類文件——.cpp文件和.h文件。其中，.cpp文件被稱作C++源文件，里面放的都是C++的源代碼；而.h文件則被稱作C++頭文件，里面放的也是C++的源代碼，感興趣的小伙伴一起來看下面文章的詳細(xì)介紹吧2021-12-12
這篇文章主要為大家詳細(xì)介紹了C++如何利用伴隨陣法實(shí)現(xiàn)矩陣求逆，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)和借鑒價(jià)值，需要的可以參考一下2023-02-02
這篇文章主要介紹了c/c++ 內(nèi)存對(duì)齊，有需要的朋友可以參考一下2014-01-01
這篇文章主要為大家詳細(xì)介紹了C++實(shí)現(xiàn)簡易五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07