23. KS05_01 对话框-走起

baizy77 · 2019-8-31 19:04:26

马上注册，查看详细内容！注册请先查看：注册须知

您需要登录才可以下载或查看，没有帐号？立即注册

x

本帖最后由 baizy77 于 2019-9-1 21:10 编辑

----------------------------------------------------------------

该文章原创于Qter开源社区（www.qter.org）

作者：女儿叫老白

转载请注明出处！

----------------------------------------------------------------

网页版课程源码提取码：1uy7
免费版视频教程

引言

----------------------------------------------------------------

在利用Qt开发界面应用程序时，使用对话框进行人机交互或者信息展示是最常用的手段之一。这也是我们选择Qt进行跨平台界面类应用程序开发的一个重要原因。本节，我们来讨论一下对话框外观设置相关的内容。

正文

----------------------------------------------------------------

本节课所讲的对话框，其实是对Qt封装的人机交互界面的统称。在Qt中，界面类的基类是QWidget[注1]，我们常说的对话框(QDialog)、浮动窗(QDockWidget)、主窗口(QMainWindow)等都从它派生。如果从信息展示和人机交互的角度来讲，恐怕用的最多的是QDialog和QWidget。QDialog主要用来实现独立的对话框界面，而QWidget主要用来实现子控件或者子界面。比如我们可以提供几个的QWidget子控件分别放到QTabWidget的不同页面中用作多个配置页，或者把QWidget放到QDockWidget中作为属性窗使用。

现在来看一下QWidget的构造函数：

QWidget::QWidget(QWidget *parent = nullptr, Qt::WindowFlags f = ...)

复制代码

在它的入口参数中，第一个参数是父窗体指针。如果指定了父窗体，那么在父窗体析构时会自动析构所有的子窗体。只要制定了父窗体，我们就不用关心子窗体的内存释放问题。同理，如果您的某个子控件A被设置成其他控件的parent，那么该控件A析构时会自动析构所有其他子控件。如果没有特殊需求，您无需保存所有其他控件的指针，Qt会替您保存，而且这些对象会被Qt自动析构，所以您无需担心内存泄漏问题。

第二个参数用来设置窗体的属性标志，它是Qt::WindowType的取值的集合。可以通过QWidget:: setWindowFlags()接口对QWidget的窗体属性进行设置。

我们来看一下Qt::WindowsFlags的定义：

enum WindowType {
Widget = 0x00000000,
Window = 0x00000001,
Dialog = 0x00000002 | Window,
Sheet = 0x00000004 | Window,
Drawer = Sheet | Dialog,
Popup = 0x00000008 | Window,
……
WindowType_Mask = 0x000000ff,
MSWindowsFixedSizeDialogHint = 0x00000100,
MSWindowsOwnDC = 0x00000200,
BypassWindowManagerHint = 0x00000400,
X11BypassWindowManagerHint = BypassWindowManagerHint,
……
CustomizeWindowHint = 0x02000000,
WindowStaysOnBottomHint = 0x04000000,
WindowCloseButtonHint = 0x08000000,
MacWindowToolBarButtonHint = 0x10000000,
BypassGraphicsProxyWidget = 0x20000000,
NoDropShadowWindowHint = 0x40000000,
WindowFullscreenButtonHint = 0x80000000
};
Q_DECLARE_FLAGS(WindowFlags, WindowType)

复制代码

其中CoverWindow = 0x00000040 |Window,之前的部分用来设置窗体的类型（比如，窗体是对话框还是tooltip小窗）。MSWindowsFixedSizeDialogHint以及之后的枚举值用来设置窗体的外观样式，比如是否含有菜单栏、是否含有最大化按钮等。如果您希望把您的对话框设置为无边框，可以调用：

setWindowFlags(Qt::FramelessWindowHint);

本节的示例程序借鉴了Qt的example中的项目windowFlags的思路，但是我们重新按照ui文件方式提供界面而非完全采用编码的方式实现。朋友们可以运行示例程序直观的感受一下这些枚举值的含义。

请注意，这是QWidget的接口，也就是说所有从QWidget派生的子类、孙子类、重孙子类等，都支持这个接口。

在示例程序中，我们先弹出一个控制窗体，然后又使用了一个预览窗体，通过在控制窗体中修改参数，在预览窗体中直接查看效果。代码中用到了Qt的信号槽机制，本节我们先简单介绍，在下一节我们将详细介绍它。请朋友们把关注点放在窗体的setWindowFlags()接口上，通过该接口我们可以修改窗体的外观。

前面介绍了本节的核心内容。下面看一下本节的实现代码。先看控制窗口的实现，再看一下预览窗实现，最后看main()函数的实现。

控制窗:

代码清单05-01-01

ctrlwindow.h

#pragma once
#include <QWidget>
#include "ui_ctrlwindow.h"
#include "prevwindow.h"
QT_BEGIN_NAMESPACE
class QCheckBox;
class QRadioButton;
QT_END_NAMESPACE
class CCtrlWindow : public QWidget
{
Q_OBJECT
public:
/// 构造函数
CCtrlWindow();
private slots:
void slot_updatePreview();
private:
void connectTypeGroupBox();
void connectHintsGroupBox();
QCheckBox *createCheckBox(const QString &text);
QRadioButton *createRadioButton(const QString &text);
private:
Ui::CControllerWindow ui;
CPreviewWindow *m_pPreviewWindow;
};

复制代码

代码清单05-01-01中：

第13行，定义了控制窗类名为CCtrlWindow，它派生自QWidget。

第22行，定义了槽函数slot_updatePreview()，当在控制窗中点击窗体的某个属性按钮后，Qt将自动调用该槽函数。

第25、26行分别将不同属性按钮的信号绑定到对应的槽函数，一遍当单击某个按钮时，可以触发Qt的信号槽机制，从而让Qt调用对应的槽函数。

第27、28行接口用来创建窗体的属性按钮。

第32行定义了预览窗体对象。当控制窗体的某个属性按钮被点击时，将通过该对象指针设置预览窗体的属性，从而改变其外观。

代码清单05-01-02

ctrlwindow.cpp

#include <QtWidgets>
#include "ctrlwindow.h"
CCtrlWindow::CCtrlWindow()
{
ui.setupUi(this);
connectHintsGroupBox();
connectTypeGroupBox();
m_pPreviewWindow = new CPreviewWindow(this);
connect(ui.quitButton, SIGNAL(clicked()), qApp, SLOT(quit()));
setWindowTitle(tr("Window Flags"));
slot_updatePreview();
}
void CCtrlWindow::slot_updatePreview()
{
Qt::WindowFlags flags = 0;
if (ui.windowRadioButton->isChecked()) {
flags = Qt::Window;
} else if (ui.dialogRadioButton->isChecked()) {
flags = Qt::Dialog;
} else if (ui.sheetRadioButton->isChecked()) {
flags = Qt::Sheet;
} else if (ui.drawerRadioButton->isChecked()) {
flags = Qt::Drawer;
} else if (ui.popupRadioButton->isChecked()) {
flags = Qt::Popup;
} else if (ui.toolRadioButton->isChecked()) {
flags = Qt::Tool;
} else if (ui.toolTipRadioButton->isChecked()) {
flags = Qt::ToolTip;
} else if (ui.splashScreenRadioButton->isChecked()) {
flags = Qt::SplashScreen;
}
if (ui.msWindowsFixedSizeDialogCheckBox->isChecked())
flags |= Qt::MSWindowsFixedSizeDialogHint;
if (ui.x11BypassWindowManagerCheckBox->isChecked())
flags |= Qt::X11BypassWindowManagerHint;
//......
if (ui.customizeWindowHintCheckBox->isChecked())
flags |= Qt::CustomizeWindowHint;
m_pPreviewWindow->setWindowFlags(flags);
QPoint pos = m_pPreviewWindow->pos();
if (pos.x() < 0)
pos.setX(0);
if (pos.y() < 0)
pos.setY(0);
m_pPreviewWindow->move(pos);
m_pPreviewWindow->show();
}
void CCtrlWindow::connectTypeGroupBox()
{
connect(ui.windowRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.dialogRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.sheetRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.drawerRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.popupRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.toolRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.toolTipRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
connect(ui.splashScreenRadioButton, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
ui.windowRadioButton->setChecked(true);
}
void CCtrlWindow::connectHintsGroupBox()
{
connect(ui.msWindowsFixedSizeDialogCheckBox, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
//......
connect(ui.customizeWindowHintCheckBox, SIGNAL(clicked()), this, SLOT(slot_updatePreview()));
}

复制代码

代码清单05-01-02中:

我们给出了CCtrlWindows的实现。篇幅所限，我们省略了部分代码。

重点说一下第18行的slot_updatePreview()。当控制窗中任何一个属性按钮被点击时，都将触发该槽函数的调用。在第22~46行，通过判断属性按钮的点击(选中)清况为flags变量赋值，并且在第48行通过setWindowFlags()设置预览窗对象的标志，从而达到预览效果。

第82行的connectHintsGroupBox()用来实现属性按钮的信号到槽函数的绑定(也可以称为连接)。方法是使用connect宏。比如第84行中，将ui.msWindowsFixedSizeDialogCheckBox的clicked()信号绑定到this(控制窗体自身)的槽函数slot_updatePreview()。本节我们只对信号槽绑定做简单介绍，下一章节我们再为读者详细介绍。

预览窗:

代码清单05-01-03

prewindow.h

#pragma once
#include <QWidget>
#include "ui_prevwindow.h"
class CPreviewWindow : public QWidget
{
Q_OBJECT
public:
CPreviewWindow(QWidget *parent = 0);
void setWindowFlags(Qt::WindowFlags flags);
private:
Ui::CPreviewWindow ui;
};

复制代码

代码清单05-01-03中:

提供了预览窗类CPreviewWindow的定义。该类比较简单，主要是定义了setWindowFlags()接口，用来设置窗体标志并将标志以文字方式展示出来。

代码清单05-01-04

prewindow.cpp

#include <QtWidgets>
#include "prevwindow.h"
CPreviewWindow::CPreviewWindow(QWidget *parent)
: QWidget(parent)
{
ui.setupUi(this);
connect(ui.closeButton, SIGNAL(clicked()), this, SLOT(close()));
setWindowTitle(QString::fromLocal8Bit("预览窗体"));
}
void CPreviewWindow::setWindowFlags(Qt::WindowFlags flags)
{
QWidget::setWindowFlags(flags);
QString text;
Qt::WindowFlags type = (flags & Qt::WindowType_Mask);
if (type == Qt::Window) {
text = "Qt::Window";
}
//......
else if (type == Qt::SplashScreen) {
text = "Qt::SplashScreen";
}
if (flags & Qt::MSWindowsFixedSizeDialogHint)
text += "\n| Qt::MSWindowsFixedSizeDialogHint";
//......
if (flags & Qt::CustomizeWindowHint)
text += "\n| Qt::CustomizeWindowHint";
ui.textEdit->setPlainText(text);
}

复制代码

代码清单05-01-04中:

提供了预览窗类CPreviewWindow的实现。在CPreviewWindow::setWindowFlags()接口的实现中，除了在第14行调用父类接口设置窗体标志以外，第15~30行的代码都是用来根据设置的窗体标志来组织一个文本并展示在预览窗中。

main()函数

最后看一下main()函数。

代码清单05-01-05

main.cpp

#include <QApplication>
#include "ctrlwindow.h"
int main(int argc, char * argv[])
{
QApplication app(argc, argv);
CCtrlWindow ctrlWindow;
ctrlWindow.show();
return app.exec();
}

复制代码

代码清单05-01-05中，

在第8~9行定义了一个CCtrlWindow对象，并将其显示出来。

结语

----------------------------------------------------------------

本节的核心内容不算多，主要介绍了QWidget::setWindowFlags()接口的使用并通过示例程序为朋友们展示了该接口的执行效果。本节课内容算是一个引子，后面我们讲介绍界面编程中的常用控件。需要注意的是，如果一个QWidget对象在构建时指定了父对象，那么在父对象析构时会自动析构(delete)其子对象，所以该QWdiget对象必须建立在堆上而非栈上，否则会导致异常（因为不能对栈上的对象地址执行delete操作）。

注解

----------------------------------------------------------------

注1: QWdiget从QObject 和QPaintDevice派生而来。因为本节主要讨论对话框，所以忽略了这两个类。

----------------------------------------------------------------

课程目录: 《Qt入门与提高-GUI产品开发》目录

上一节：KS04-20 用流方式读写XML

下一节：KS05_02 信号-槽：三种编程方式

帐号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册