StackedWidget ，TabWidget插入页面

左手的ㄟ右手 2022-12-03 15:59 90阅读 0赞

# Stacked Widget 和TabWidget插入页面 #

## 1. Stacked Widget使用方法 ##

//Qt help
    int QStackedWidget::insertWidget(int index, QWidget *widget)

1.  先实例化要插入的页面

//实例化
        _clkSetting = new ClockSettings(this);
        _CmSysElements = new CmSysElements(this);

1.  插入到stacked widget里面的对应页面

//将页面添加到stackwidget里面
        ui->stackedW_detail->insertWidget(0,_clkSetting);
        ui->stackedW_detail->insertWidget(1, _CmSysElements);

## 2. TabWidget ##

//Qt help
    int QTabWidget::addTab(QWidget *page, const QString &label)
    int QTabWidget::addTab(QWidget *page, const QIcon &icon, const QString &label)

1.  在centralWidget里面加一个tabWidget

centraW = new QTabWidget(this);
        centraW->setTabsClosable(true);//设置tab可关闭按钮
        _dockingPaneManager = new DockingPaneManager();
        _dockingPaneManager->setClientWidget(centraW);
        setCentralWidget(_dockingPaneManager->widget());

1.  在tabWidget里面加一个stackedWidget，并设置当前显示的tab
    
        _cpusettings=new CPUSettings(this);//这是一个stackedwidget页面
        centraW->addTab(_cpusettings,"CpuSetting");//添加tab,并设置标题
        centraW->setCurrentWidget(_cpusettings);//设置当前显示的tab

## 3. 记一个ui画stackedWidget的方法 ##

1.  第一页  
    正常添加一个stackedWidget  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIzNTE5OA_size_16_color_FFFFFF_t_70_pic_center]
2.  第二页

> 1.  因为要添加多个页面，并且这些页面需要共用3个按钮
> 2.  所以在第二页里面又放置了一个stackedWidget
> 3.  在这个页面里面添加那些控件就可以了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIzNTE5OA_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIzNTE5OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/5f7371b8765b4d05a5c8f112c2ed8d5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjIzNTE5OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/0a79040e29e64e0eb4da2870b4724c38.png