QT从入门到实战x篇_20_其他常用控件介绍(Containers：TabWidget、StackedWidget；InputWidgets；DisplayWidget：QLabel显示文字图片动图)

上篇QT从入门到实战x篇_19_QTableWidget控件(实现类似EXCEL的数据表格；具体的使用方法；QStringList 和QList的使用；int转QString方法)介绍了QTableWidget控件的使用方法，本篇将介绍其他常用控件的使用方法。

首先创建名为“08_OtherControl”的widget程序。

QGroupBox为构建分组框提供了支持。分组框通常带有一个边框和一个标题栏，作为容器部件来使用，在其中可以布置各种窗口部件。分组框的标题通常在上方显示，其位置可以设置为靠左、居中、靠右、自动调整这几种方式之一。位于分组框之中的窗口部件可以获得应用程序的焦点，位于分组框之内的窗口部件是分组框的子窗口，通常使用addWidget()方法把子窗口部件加入到分组框之中。

#include "mainwindow.h"
#include <QApplication>
 
#include <QObject>
#include <QGroupBox>
#include <QPushButton>
#include <QCheckBox>
#include <QRadioButton>
#include <QVBoxLayout>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
 
    QGroupBox *pGroupBox = new QGroupBox(QObject::tr("GroupBox test"));
    QPushButton *pBtn = new QPushButton(QObject::tr("button")) ;
    QCheckBox* pCheckBox = new QCheckBox(QObject::tr("checkbox test"));
    QRadioButton* pRadio = new QRadioButton(QObject::tr("radiobtn test"));
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(pBtn);
    layout->addWidget(pCheckBox);
    layout->addWidget(pRadio);
    pGroupBox->setLayout(layout);
 
    pGroupBox->setCheckable(true);
    pGroupBox->show();
    return a.exec();

在widget中拖入“Scroll Area”后，往其中拖入多个QpushButton后，选择对齐，由于无法完整显示，可以拖动滚动条来查看整个界面。

• 可以通过如下操作添加新的栏目
  
• 给没一个page中添加内容
  单击对应page的按钮就会展开，添加控件进去，下图中在“朋友”页面中添加了QPushButton的控件
  
  

运行之后效果如下：

可以看到实际运行时是没有三角箭头实现不同页面的切换，这是因为在设计页面的箭头是用于提示的，实际的切换动作，需要一定的按钮来实现。

   //stacked Widget控件的使用

    //设置默认页面
    ui->stackedWidget->setCurrentIndex(0);

    //scrollArea按钮
    connect(ui->btn_scrollArea,&QPushButton::clicked,[=](){

        ui->stackedWidget->setCurrentIndex(0);
    });

    //toolBox按钮
    connect(ui->btn_toolBox,&QPushButton::clicked,[=](){

        ui->stackedWidget->setCurrentIndex(1);
    });

    //tab widget
    connect(ui->btn_tabWidget,&QPushButton::clicked,[=](){

        ui->stackedWidget->setCurrentIndex(2);
    });

运行结果：通过按钮可以实现不同页面的切换，且默认页面为scrollArea

    //下拉框
    ui->comboBox->addItem("benchi");
    ui->comboBox->addItem("baoma");
    ui->comboBox->addItem("baoshijie");

运行结果：

• 通过按钮选定指定的下拉框内容

方法1：使用setCurrentIndex()选中下拉框内容

    //通过按钮选中奔驰
    connect(ui->btn_select,&QPushButton::clicked,[=](){

        ui->comboBox->setCurrentIndex(0);
    });

方法2：使用setCurrentText()选中下拉框内容

    //通过按钮选中奔驰
    connect(ui->btn_select,&QPushButton::clicked,[=](){

        ui->comboBox->setCurrentText("benchi");
    });

运行结果：

可以配合spin box与Horizontal/Vertical Scroll Slider组合，形成自定义组合控件，两种同步变化。

• 添加完资源文件后，选择重新构建，对应的资源文件就可以出现在资源目录下；
• 如果按照以下方式去添加了图片或者gif之后，界面运行不显示，可以执行以下步骤：清除-->执行qmake-->重新构建-->运行，后即可正常显示资源文件。

添加资源文件后并编译完成后，添加如下代码：

   //在QLabel中显示图片
    ui->lbl_image->setPixmap(QPixmap(":/Image/bufferfly.png"));

除了显示图片，QLabel还可以显示gif动图

    //QLabel中显示gif动态图
    QMovie* movie= new QMovie(":/Image/mario.gif");
    ui->lbl_movie->setMovie(movie);

    //播放动图
    movie->start();

    //进度条显示设置
    ui->progressBar->setMinimum(0);
    ui->progressBar->setMaximum(100);
    ui->progressBar->setValue(24);

4. 学习视频地址： QT从入门到实战x篇_20_其他常用控件介绍