35 Containers之QTabWidget

介绍： QTabWidget类提供了一系列的Tab选项卡的切换，每个选项卡下有自己的控件，笔者认为 QTabWidget 与QToolBox 原理是相似的。

UI属性介绍

tabPosition;//tab的位置
tabShape;//tab的风格
tabclosable;//关闭按钮
movable;//页面移动

函数接口介绍      

int addTab(QWidget * page, const QString & label) //增加tab页

实例代码：

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    //设置tabwigget
    ui->tabWidget->setTabText(0, QString("百度"));
    ui->tabWidget->setTabText(1, QString("淘宝"));
    ui->tabWidget->setTabsClosable(true);  //开启删除键

    //设置webwidget
    ui->webView->setUrl(QUrl(QString("https://www.baidu.com/")));
    ui->webView_2->setUrl(QUrl(QString("https://www.taobao.com/")));

    //连接
    connect(ui->tabWidget, SIGNAL(tabCloseRequested(int)), this, SLOT(tabWidget_TabCloseRequested(int)));

}

void Widget::tabWidget_TabCloseRequested(int index)
{
    ui->tabWidget->removeTab(index);//删除对应的索引
}

运行结果：