调用顺序很重要

如果你想显示一个模态对话框，你需要先将所有者窗口禁用，然后启用模态对话框，当关闭一个模态对话框时，则要确保严格按照相反的流程来进行。

为什么要按照这样的流程呢？

如果你没有按照正确的顺序启用或禁用窗口，则窗口的输入焦点可能会被搞乱。
如果关闭了一个模态对话框，你可能想要这样做：
> 关闭并销毁模态对话框
> 重新启用所有者窗口

但是，如果你按照上面的顺序操作的话，你会发现：所有者窗口将不会像正常的那样在前景激活。它会随机地激活一些其他的窗口。可以显式的调用激活函数来解决这个问题，但是，这种做法会带来窗口的闪烁，并且窗口的Z序也乱了。

到底发生了什么？

当你销毁一个模态对话框时，你是在销毁一个前景激活的窗口。Windows窗口管理器需要找到下一个被激活的窗口。它首先会尝试激活模态对话框的所有者窗口，但是此时所有者窗口被禁用了。
这个时候，Windows窗口管理器会跳过所有者窗口并寻找系统中其他未被激活的窗口。这就是导致出现上述现象的原因。

那么，应该怎么做？

正确的销毁模态对话框的流程如下：
> 启用模态对话框所有者窗口
> 销毁模态对话框

这次，当我们的模态对话框被销毁时，Windows窗口管理器发现所有者窗口是已启用状态，所以它就会将输入焦点设置到所有者窗口并将它激活为前景窗口。

总结

按照上面提到的顺序，可以避免诸如界面闪烁，输入焦点混乱的问题。虽然是一个小知识点，但是也值得一试。

最后

Raymond Chen的《The Old New Thing》是我非常喜欢的博客之一，里面有很多关于Windows的小知识，对于广大Windows平台开发者来说，确实十分有帮助。
本文来自：《The correct order for disabling and enabling windows》

原理：在对话框出现的时候给上一个遮罩层，遮罩层可以设置为透明，点击遮罩层对话框关闭

    <!-- 按钮部分要放在遮罩层外面，因为有些网页会设置点击按钮的时候对话框关闭 -->
    <button class="button">点击退出</button>

    <div class="bigBox">
        <!-- cover是整个遮罩层,遮罩层和对话框在同一个大盒子中，都是绝对定位 -->
        <div class="cover"></div>
        <div class="box">我是传说中的对话框</div>
    </div>

下面是css部分，其实就是简单设置了一下定位和以及对话框，遮罩层的颜色，注意，遮罩层一般是透明色，我们可以看一下有些网页，当你登录框出现的时候，整个页面上的其他地方实际上不好操作的，这实际上是因为登录框自带的遮罩层

  <style>
        * {
            padding: 0;
            margin: 0;
        }

        .button {
            height: 5vh;
            width: 10vw;
        }

        .bigBox {
            position: relative;
        }

        .cover {
            position: absolute;
            /* 这个95实际上就是100-button的5 */
            display: none;
            height: 95vh;
            width: 100vw;
            background-color: black;
        }

        .box {
            position: absolute;
            display: none;
            background-color: blue;
            width: 200px;
            height: 100px;
        }
    </style>

接下来是页面逻辑部分，在点击遮罩层的时候，整个bigbox关闭

<script>
        let button = document.querySelector(".button")
        let box = document.querySelector(".box")
        let cover = document.querySelector(".cover")
        button.addEventListener('click', function () {
            box.style.display = 'block'
            cover.style.display = 'block'
        })
        // 点击遮罩层，box盒子实现消失
        cover.addEventListener("click", function (e) {
            if (e.target = cover) {
                box.style.display = 'none'
                cover.style.display = 'none'
            }
        })
    </script>

其实好久之前就想到了，但是一直没写，学习就是这样子的，很多时候写多了，以前困扰你的难题就会迎刃而解，相比之间的一种写法，这种写法是不是顺眼了很多。

对话框的分类

1.分类：Qt对话框分为两种：

第一种是模态对话框，只能对对话框操作，不能对其它界面进行操作，利用的是dialog.exec();阻塞状态

QDialog  dialog(this);
dialog.exec();

第二种是非模态对话框，可以对别的窗口进行操作。

QDialog *dialog2 = new QDialog(this);
dialog2->show();
//设置窗口不被关闭
dialog2->setAttribute(Qt::WA_DeleteOnClose)

QMessageBox 标准对话框

1.属性：弹出是所有对话框都是模态对话框

2.QMessageBox的静态成员函数

参数1 父窗口 参数2 标题 参数3 提示内容 参数4 按键类型 参数5 默认关联回车按键
(1).错误提示critical

connect(ui->actionMessageBox,&QAction::triggered,[=](){
        //1.弹出错误对话框
        QMessageBox::critical(this,"错误","critical");
        });

(2).警告提示warning

connect(ui->actionMessageBox,&QAction::triggered,[=](){
        //2.警告对话框
        QMessageBox::warning(this,"警告","FBI warning!");
        });

(3).信息提示information

connect(ui->actionMessageBox,&QAction::triggered,[=](){
        //3.弹出信息对话框
        QMessageBox::information(this,"信息","information");
        });

(4).提问提示question

connect(ui->actionMessageBox,&QAction::triggered,[=](){
//4.弹出提问对话框
        //参数1   父窗口     参数2     窗口标题    参数3     提示信息    参数4     按键类型
        if(QMessageBox::Save == QMessageBox::question(this,"提问","question",QMessageBox::Save | QMessageBox::Cancel))
        {
            qDebug()<< "点击的是保存";
        }
        else
        {
            qDebug()<<"点击的是取消";
        }
        });

其他对话框

1.文件对话框

参数1 父窗口 参数2 标题 参数3 默认打开路径 参数4 过滤后缀名

QString filename = QFileDialog::getOpenFileName(this,"打开文件","E:/","Doc(*.doc *.docx)" );
        qDebug() <<"打开的文件名是：" <<filename.toUtf8().data();

2.颜色对话框

QColor color = QColorDialog::getColor(QColor(255,0,0));
		//打印颜色值
        qDebug() << color.red() << color.green() << color.blue();

3.字体对话框

connect(ui->actionFont,&QAction::triggered,[=](){
         bool ok;//首先定义bool值ok
         QFont font = QFontDialog::getFont(&ok,QFont("宋体",20));
         qDebug() << "字体:"<< font.family().toUtf8().data() << "字号" <<font.weight() << "是否加粗" << font.bold();
     });