Qt应用程序设计（二）：窗口与部件

猩猩の點燈

已于 2022-05-19 14:36:07 修改

阅读量1.3k

点赞数 1

分类专栏： Qt 文章标签： qt ui 开发语言

于 2020-07-08 17:45:11 首次发布

本文链接：https://blog.csdn.net/qq_34968572/article/details/105434150

版权

Qt 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一：部件基类继承表

二：窗口部件QWidget

1、窗口与子部件

窗口部件（Widget）简称部件，是Qt中建立用户界面的主要元素。像主窗口，对话框，标签，按钮，文本输入框等都是窗口部件。这些部件可以接受用户输入，显示数据和状态信息，并且在屏幕上绘制自己。有些也可以作为一个容器来放置其他部件。Qt中把没有嵌入到其他部件中的部件称为窗口，一般窗口都是有边框和标题栏，像下面程序中的widget和label一样。QMainWindow和大量的QDialog子类是最一般的窗口类型。窗口就是没有父部件的部件，所以又称为顶部部件。与其相对的是非窗口部件，又称为子部件。在Qt中大部分部件被用作子部件，嵌入在别的窗口中，如下面程序中的label2。

（1）新建对象，参数parent为0时表示其为一个窗口

    // 新建QWidget类对象，默认parent参数是0，所以它是个窗口
    QWidget *widget = new QWidget();
    widget->setWindowTitle(QObject::tr("我是widget"));

    // 新建QLabel对象，默认parent参数是0，所以它是个窗口
    QLabel *label = new QLabel();
    label->setWindowTitle(QObject::tr("我是label"));
    label->setText(QObject::tr("label:我是个窗口"));

（2）新建对象指定了参数parent为其父窗口，表示为一个子部件

    QLabel *label2 = new QLabel(widget);
    label2->setText(QObject::tr("label2:我不是独立窗口，只是widget的子部件"));

（3）释放已申请的空间，作为子部件label2，只需要释放其父对象widget即可

    delete label;
    delete widget;

2、窗口类型

QWidget::QWidget(QWidget *parent = Q_NULLPTR, Qt::WindowFlags f = Qt::WindowFlags())

QWidget构造函数有两个参数，第一个参数parent指父窗口部件，默认值为0，表示没有父窗口；第二个参数f是Qt::WindowsFlags类型，是Qt::WindowType枚举类型值或组合。Qt::WindowType枚举类型用来为部件指定各种窗口的系统属性，比如根据上表f=0表明窗口类型的值为Qt::Widget。

举例：

QWidget *widget = new QWidget(0, Qt::Dialog | Qt::FramelessWindowHint);

新建一个widget窗口，parent为0表示它是一个独立部件，但它的属性Qt::Dialog将它转换为一个对话框，并Qt::FramelessWindowHint属性用来产生一个没有边框的窗口。

3、窗口布局

在Qt帮助索引Window and Dialog Widgets中有如下示意图：

窗口布局函数分为两类，其一包含框架，另一种不包含框架。

包含框架：x(), y(), frameGeometry(), pos(), and move().

不包含框架：geometry(), width(), height(), rect(), and size().

示例：

    QWidget widget;
    widget.resize(400, 300);       // 设置窗口大小
    widget.move(200, 100);         // 设置窗口位置
    widget.setWindowTitle("窗口布局");
    widget.show();
    int x = widget.x();
    qDebug("x: %d", x);            // 输出x的值
    int y = widget.y();
    qDebug("y: %d", y);
    QRect geometry = widget.geometry();
    QRect frame = widget.frameGeometry();
    qDebug() << "geometry: " << geometry << "frame: " << frame;

三：对话框QDialog

1、模态和非模态对话框

QDialog类是所有对话框窗口类的基类。对话框窗口是一个经常用来完成短小任务或者和用户进行简单交互的顶层窗口。按照运行对话框时是否还可以和该程序的其他窗口进行交互，对话框常被分为两类：模态和非模态。

MyWidget::MyWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::MyWidget)
{
    ui->setupUi(this);
    if(1)
    {
        QDialog dialog(this);
        dialog.show();
    }
    else
    {
        QDialog *dialog = new QDialog(this);
        dialog->show();
    }
}

执行if条件内的程序会发现一个窗口一闪而过，最后只剩下MyWidget窗口，这是因为dialog变量属于构造函数，当该函数执行结束后，dialog就会被释放掉。为了避免窗口一闪而过，可以使用指针操作，定义一个指向Qdialog类对象的指针变量，如else条件内的代码。另外，该指针对象无须使用delet来释放，因为指定了其父窗口，所以当父窗口结束时，该指针变量也会被释放。

else条件内的程序执行后会同时出现widget和dialog窗口，并且可以进行交互，这种称之为非模态对话框。

QDialog *dialog = new QDialog(this);
dialog->setModal(true);
dialog->show();

修改如下程序即可成为模态对话框，即在关闭当前的对话框之前不能与其他对话框进行交互。在if条件中使用exec()函数同样可以实现模态对话框。只是显示效果不一样，只有关闭当前窗口，其他窗口才会显示出来。

2、多窗口切换

main.cpp：
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MyWidget w;
    MyDialog dialog;                        // 新建MyDialog类对象
    if(dialog.exec()==QDialog::Accepted){   // 判断dialog执行结果
        w.show();              // 如果是按下了“进入主界面”按钮，则显示主界面
        return a.exec();                    // 程序正常运行
    }
    else return 0;                          // 否则，退出程序
}

dialog.cpp：
void MyDialog::on_pushButton_clicked()
{
    accept();
}

widget.cc:
void MyWidget::on_showChildButton_clicked()
{
    QDialog *dialog = new QDialog(this);
    dialog->show();
}

void MyWidget::on_pushButton_clicked()
{
    // 先关闭主界面，其实它是隐藏起来了，并没有真正退出。然后新建MyDialog对象
    close();
    MyDialog dlg;
    // 如果按下了“进入主窗口”按钮，则再次显示主界面
    // 否则，因为现在已经没有显示的界面了，所以程序将退出
    if(dlg.exec() == QDialog::Accepted) show();
}

上述accept（）函数是QDialog类中的一个槽，对于一个使用exec（）函数实现的模态对话框，执行了这个槽就会隐藏这个模态对话框，并返回QDialog::Accepted值，这里就是要使用这个值来判断是哪个按钮被按下。

3，标准对话框

（1）颜色对话框

// 颜色对话框
void MyWidget::on_pushButton_clicked()
{
    //QColor color = QColorDialog::getColor(Qt::red, this, tr("颜色对话框"),
                                              QColorDialog::ShowAlphaChannel);

    QColorDialog dialog(Qt::red, this);                // 创建对象
    dialog.setOption(QColorDialog::ShowAlphaChannel); // 显示alpha选项
    dialog.exec();                                    // 以模态方式运行对话框
    QColor color = dialog.currentColor();             // 获取当前颜色
    qDebug() << "color: " << color;
}

（2）文件对话框

// 文件对话框
void MyWidget::on_pushButton_2_clicked()
{
    //    QString fileName = QFileDialog::getOpenFileName(this, tr("文件对话框"),
    //                             "D:", tr("图片文件(*png *jpg);;文本文件(*txt)"));

    //    qDebug() << "fileName:" << fileName;

    QStringList fileNames = QFileDialog::getOpenFileNames(this, tr("文件对话框"),
                                                          "D:", tr("图片文件(*png *jpg)"));
    qDebug()<< "fileNames:" << fileNames;
}

（3）字体对话框

// 字体对话框
void MyWidget::on_pushButton_3_clicked()
{
    // ok用于标记是否按下了“OK”按钮
    bool ok;
    QFont font = QFontDialog::getFont(&ok, this);
    // 如果按下“OK”按钮，那么让“字体对话框”按钮使用新字体
    // 如果按下“Cancel”按钮，那么输出信息
    if (ok) ui->pushButton_3->setFont(font);
    else qDebug() << tr("没有选择字体！");
}

（4）输入对话框

// 输入对话框
void MyWidget::on_pushButton_4_clicked()
{
    bool ok;
    // 获取字符串
    QString string = QInputDialog::getText(this, tr("输入字符串对话框"),
                                           tr("请输入用户名："), QLineEdit::Normal,tr("admin"), &ok);
    if(ok) qDebug() << "string:" << string;
    // 获取整数
    int value1 = QInputDialog::getInt(this, tr("输入整数对话框"),
                                      tr("请输入-1000到1000之间的数值"), 100, -1000, 1000, 10, &ok);
    if(ok) qDebug() << "value1:" << value1;
    // 获取浮点数
    double value2 = QInputDialog::getDouble(this, tr("输入浮点数对话框"),
                                            tr("请输入-1000到1000之间的数值"), 0.00, -1000, 1000, 2, &ok);
    if(ok) qDebug() << "value2:" << value2;
    QStringList items;
    items << tr("条目1") << tr("条目2");
    // 获取条目
    QString item = QInputDialog::getItem(this, tr("输入条目对话框"),
                                         tr("请选择或输入一个条目"), items, 0, true, &ok);
    if(ok) qDebug() << "item:" << item;
}

（5）消息对话框

// 消息对话框
void MyWidget::on_pushButton_5_clicked()
{
    // 问题对话框
    int ret1 = QMessageBox::question(this, tr("问题对话框"),
                                     tr("你了解Qt吗？"), QMessageBox::Yes, QMessageBox::No);
    if(ret1 == QMessageBox::Yes) qDebug() << tr("问题！");
    // 提示对话框
    int ret2 = QMessageBox::information(this, tr("提示对话框"),
                                        tr("这是Qt书籍！"), QMessageBox::Ok);
    if(ret2 == QMessageBox::Ok) qDebug() << tr("提示！");
    // 警告对话框
    int ret3 = QMessageBox::warning(this, tr("警告对话框"),
                                    tr("不能提前结束！"), QMessageBox::Abort);
    if(ret3 == QMessageBox::Abort) qDebug() << tr("警告！");
    // 错误对话框
    int ret4 = QMessageBox::critical(this, tr("严重错误对话框"),
                                     tr("发现一个严重错误！现在要关闭所有文件！"), QMessageBox::YesAll);
    if(ret4 == QMessageBox::YesAll) qDebug() << tr("错误");
    // 关于对话框
    QMessageBox::about(this, tr("关于对话框"),
                       tr("yafeilinux致力于Qt及Qt Creator的普及工作！"));
}

（6）进度对话框

// 进度对话框
void MyWidget::on_pushButton_6_clicked()
{
    QProgressDialog dialog(tr("文件复制进度"), tr("取消"), 0, 50000, this);
    dialog.setWindowTitle(tr("进度对话框"));     // 设置窗口标题
    dialog.setWindowModality(Qt::WindowModal);  // 将对话框设置为模态
    dialog.show();
    for(int i=0; i<50000; i++) {                // 演示复制进度
        dialog.setValue(i);                     // 设置进度条的当前值
        QCoreApplication::processEvents();      // 避免界面冻结
        if(dialog.wasCanceled()) break;         // 按下取消按钮则中断
    }
    dialog.setValue(50000);    // 这样才能显示100%，因为for循环中少加了一个数
    qDebug() << tr("复制结束！");
}

（7）向导对话框

private:
    Ui::MyWidget *ui;
    QErrorMessage *errordlg;

    QWizardPage *createPage1();        // 新添加
    QWizardPage *createPage2();        // 新添加
    QWizardPage *createPage3();        // 新添加

QWizardPage * MyWidget::createPage1()  // 向导页面1
{
    QWizardPage *page = new QWizardPage;
    page->setTitle(tr("介绍"));
    return page;
}
QWizardPage * MyWidget::createPage2()  // 向导页面2
{
    QWizardPage *page = new QWizardPage;
    page->setTitle(tr("用户选择信息"));
    return page;
}
QWizardPage * MyWidget::createPage3()  // 向导页面3
{
    QWizardPage *page = new QWizardPage;
    page->setTitle(tr("结束"));
    return page;
}

// 向导对话框
void MyWidget::on_pushButton_8_clicked()
{
    QWizard wizard(this);
    wizard.setWindowTitle(tr("向导对话框"));
    wizard.addPage(createPage1());     // 添加向导页面
    wizard.addPage(createPage2());
    wizard.addPage(createPage3());
    wizard.exec();
}

四：其他窗口部件

1，QFrame类族

QFrame类是带有边框的部件的基类，带边框部件最主要的特点就是可以有一个明显的框架。QFrame类的主要功能就是用来实现不同的边框效果，这主要是由边框形状（Shape）和边框阴影（Shadow）组合来形成的。

    ui->frame->setFrameShape(QFrame::Box);
    ui->frame->setFrameShadow(QFrame::Sunken);
    // 以上两个函数可以使用setFrameStyle(QFrame::Box | QFrame::Sunken)代替
    ui->frame->setLineWidth(5);
    ui->frame->setMidLineWidth(10);

（1）QLabel

标签QLable部件用来显示文本和图片

设置字体：

    QFont font;
    font.setFamily("华文行楷");
    font.setPointSize(20);
    font.setBold(true);
    font.setItalic(true);
    ui->label->setFont(font);

    QString string = tr("标题太长，需要进行省略！");
    QString str = ui->label->fontMetrics().elidedText(string, Qt::ElideRight, 180);
    ui->label->setText(str);

设置图片：

#include <QPixmap>

ui->label->setPixmap(QPixmap("D:/WorkSpace/QtCreator/src/03/3-8/logo.png"));

设置动图：

#include <QMovie>
  
QMovie *movie = new QMovie("D:/WorkSpace/QtCreator/src/03/3-8/donghua.gif");
ui->label->setMovie(movie);                  // 在标签中添加动画
movie->start();

（2）QLCDNumber

可以让数码字符显示类似液晶数字一样的效果，详细可查询帮助文档

（3）QStackedWidget

该类提供了一个部件栈，可以有多个界面，每个界面可以拥有自己的部件，不过每次只能显示一个界面。这个部件需要使用QComboBox或者QListWidget来选择它的各个页面。在信号与槽设计模式中将两个部件关联。

（4）QToolBox

该类提供了一列层叠窗口部件，就像常用的聊天工具中的抽屉效果。

2、按钮部件

QAbstractButton类是按钮部件的抽象基类，提供了按钮的通用功能。它的子类包括复选框QCheckBox，标准按钮QPushButton，单选框按钮QRadioButton和工具按钮QToolButton

（1）QPushButton

按键框“选中”用法：

void MyWidget::on_pushBtn1_toggled(bool checked)
{
    qDebug() << tr("按钮是否按下：") << checked;
}

快捷键用法：Alt+N

ui->pushBtn1->setText(tr("&nihao"));   // 这样便指定了Alt+N为加速键

设置按键图标：

ui->pushBtn2->setIcon(QIcon("../mybutton/images/help.png"));

设置按键下拉菜单：

    ui->pushBtn3->setText(tr("z&oom"));
    QMenu *menu = new QMenu(this);
    menu->addAction(QIcon("../mybutton/images/zoom-in.png"), tr("放大"));
    ui->pushBtn3->setMenu(menu);