在桌面程序设计中，通常需要多个窗口进行切换，以及在切换过程中进行数据传递。比如我们在PC登陆微信的时候，扫描二维码是一个登陆窗口，手机上确认登陆后会跳转到另一个聊天的窗口，这个主窗口显示着我们登陆的那个账号的个人信息，这就是常见的一种窗口切换。

显示隐藏 #

我们现在设计一个有两个窗口的的程序，当程序启动后显示windows1窗口,点击button1后显示windows窗口2,并隐藏Windows1，当点击button2后显示windows1窗口，并隐藏windows2窗口。

其中，按钮button1是windows1窗口的组件，按钮button2是windows2窗口的组件。

新建Qt项目，类名定以为MyWindows，完成后如下。

因为windows1和windows2窗口界面布局和功能一致，所以将它们抽象为一个MyWindows类，也就是说windows1和windows2窗口是MyWindows类的两个实例化对象。

我们在MyWindows类中定义一个按钮，并且设置为中心组件，这个Mainwindow窗口只有一个按钮，为了演示方便，我们将按钮设置为public。

show（）函数可以显示窗口。

hide（）函数可以隐藏窗口。

close（）函数可以销毁窗口。

hide（）函数相当于setVisible(false)。

mywindows.h

#ifndef MYWINDOWS_H
#define MYWINDOWS_H

#include <QMainWindow>
#include <QPushButton>

class MyWindows : public QMainWindow
{
    Q_OBJECT
public:
    explicit MyWindows(QWidget *parent = nullptr);
    QPushButton button;
signals:

};

#endif // MYWINDOWS_H

mywindows.cpp

#include "mywindows.h"
MyWindows::MyWindows(QWidget *parent) : QMainWindow(parent){    this->setCentralWidget(&button);}

我们需要在main.cpp的主函数中，实例化两个对象，分别设置窗口和按钮的标题，以方便区分。

当第一个窗口按钮点击时，需要隐藏当前窗口，并且显示第二个窗口。

当第二个窗口按钮点击时，需要隐藏当前窗口，并且显示第一个窗口。

我们将对应的信号和槽函数绑定后，就可以实现窗口的切换。

main.cpp

#include <QApplication>
#include<QObject>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    MyWindows *win1 = new MyWindows();
    MyWindows *win2 = new MyWindows();

    win1->setWindowTitle("windows1");
    win2->setWindowTitle("windows2");

    win1->button.setText("button1");
    win2->button.setText("button2");

    QObject::connect(&win1->button, &QPushButton::clicked, win2, &MyWindows::show);
    QObject::connect(&win1->button, &QPushButton::clicked, win1, &MyWindows::hide);
    QObject::connect(&win2->button, &QPushButton::clicked, win1, &MyWindows::show);
    QObject::connect(&win2->button, &QPushButton::clicked, win2, &MyWindows::hide);

    win1->show();
    return a.exec();
}

结果演示。

堆栈窗口 #

QStackedWidget类提供了一个窗口的容器，但当前只能显示一个窗口。

我们新建项目时候，基类选择QWidget，且不生成ui文件。

在Widget类中添加一个QListWidget和QStackWidget类的对象为成员，实现点击list来切换显示stack中不同的widget。

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QListWidget>
#include <QStackedWidget>
#include <QLabel>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    QListWidget *m_lw = nullptr;
    QStackedWidget *m_sw = nullptr;
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include <QHBoxLayout>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    m_lw = new QListWidget();
    m_lw->setMaximumWidth(60);
    m_lw->addItem("label 1");
    m_lw->addItem("label 2");
    m_lw->addItem("label 3");

    m_sw = new QStackedWidget();
    m_sw->addWidget(new QLabel("windows 1"));
    m_sw->addWidget(new QLabel("windows 2"));
    m_sw->addWidget(new QLabel("windows 3"));

    connect(m_lw, &QListWidget::currentRowChanged,
            m_sw, &QStackedWidget::setCurrentIndex);

    QHBoxLayout *layout = new QHBoxLayout();
    layout->addWidget(m_lw);
    layout->addWidget(m_sw);

    this->setLayout(layout);
}

Widget::~Widget()
{
}

结果演示。

对话框 #

对话框是用来和主窗口交互的窗口，可以接受返回值。Qt自带对话框类有:QColorDialog, QErrorMessage, QFileDialog, QFontDialog, QInputDialog, QMessageBox, QProgressDialog, 和QWizard 。

文件对话框 #

QFileDialog 类提供了一个对话框可以使用户从本地目录选取文件。常用于打开，保存文件是选择本地文件。

代码示例。

 fileName = QFileDialog::getOpenFileName(this,
     tr("Open Image"), "/home/jana", tr("Image Files (*.png *.jpg *.bmp)"));
// "Images (*.png *.xpm *.jpg);;Text files (*.txt);;XML files (*.xml)"

颜色对框框 #

QColorDialog 类提供一个可供用户选择颜色的对框框。

接下来写个程序验证，在UI上布局一个Label和PushButton,当用户点击按钮时弹出颜色选择对话框，完成后将选择的颜色设置为Label和PushButton的文字颜色。

代码示例。

#include "widget.h"
#include <QVBoxLayout>
#include <QLabel>
#include <QColorDialog>
#include <QPushButton>
#include <QDebug>

widget::widget(QWidget *parent) : QWidget(parent)
{
    QLabel *label = new QLabel("hello");
    QPushButton *button = new QPushButton("get color");
    QVBoxLayout *layout = new QVBoxLayout();

    layout->addWidget(label);
    layout->addWidget(button);
    this->setLayout(layout);
    QColorDialog *dialog = new QColorDialog();

    connect(button, &QPushButton::clicked, [=](){
        QColor color = dialog->getColor();
        qDebug()<<color;
        QPalette ple;
        ple.setColor(QPalette::WindowText, color);
        label->setPalette(ple);

        ple.setColor(QPalette::ButtonText, color);
        button->setPalette(ple);
    });
}

运行结果。

输入对框框 #

QInputDialog 类可以弹出对话框获取用户输出的单个值。

获取单个值类型可以为double，int，string。

核心代码。

     bool ok;
     QString text = QInputDialog::getText(this, tr("QInputDialog::getText()"),
                                          tr("User name:"), QLineEdit::Normal,
                                          QDir::home().dirName(), &ok);
     if (ok && !text.isEmpty())
         textLabel->setText(text);

     bool ok;
     double d = QInputDialog::getDouble(this, tr("QInputDialog::getDouble()"),
                                        tr("Amount:"), 37.56, -10000, 10000, 2, &ok);
     if (ok)
         doubleLabel->setText(QString("$%1").arg(d));

     bool ok;
     int i = QInputDialog::getInt(this, tr("QInputDialog::getInteger()"),
                                  tr("Percentage:"), 25, 0, 100, 1, &ok);
     if (ok)
         integerLabel->setText(tr("%1%").arg(i));

     QStringList items;
     items << tr("Spring") << tr("Summer") << tr("Fall") << tr("Winter");

     bool ok;
     QString item = QInputDialog::getItem(this, tr("QInputDialog::getItem()"),
                                          tr("Season:"), items, 0, false, &ok);
     if (ok && !item.isEmpty())
         itemLabel->setText(item);

效果演示。

消息对话框 #

QMessageBox 类可以向用户发送提示信息，或者进行确认用户的操作。

通常使用该类的静态方法进行显示对话。

 int ret = QMessageBox::warning(this, tr("My Application"),
                                tr("The document has been modified.\n"
                                   "Do you want to save your changes?"),
                                QMessageBox::Save | QMessageBox::Discard
                                | QMessageBox::Cancel,
                                QMessageBox::Save);

效果演示。

其他常用图标如下，更多信息查看官方帮助文档。