相关文章推荐

QStackedWidget继承自QFrame。

QStackedWidget类提供了多页面切换的布局,一次只能看到一个界面。

QStackedWidget可用于创建类似于QTabWidget提供的用户界面。

💚💚💚先来看看QTabWidget控件的效果:

需要注意的是 : QTabWidget的 currentTabText 用于修改名称 。在 插入页 中插入新的界面。

💙💙💙QStackedWidget的属性:

1️⃣接口(方法)

  • int addWidget(QWidget * widget)   添加页面,并返回页面对应的索引
  • int count() const  获取页面数量
  • int currentIndex() const  获取当前页面的索引
  • QWidget * currentWidget() const  获取当前页面
  • int indexOf(QWidget * widget) const   获取QWidget页面所对应的索引
  • int insertWidget(int index, QWidget * widget)  在索引index位置添加页面
  • void removeWidget(QWidget * widget)  移除QWidget页面,并没有被删除,只是从布局中移动,从而被隐藏。
  • QWidget * widget(int index) const  获取索引index所对应的页面
  • 2️⃣信号

    void currentChanged(int index)   当前页面发生变化时候发射,index为新的索引值

    void widgetRemoved(int index)    页面被移除时候发射,index为页面对应的索引值

    3️⃣共有槽函数

    void setCurrentIndex(int index)   设置索引index所在的页面为当前页面

    void setCurre使用ntWidget(QWidget * widget)   设置QWidget页面为当前页面

    💛💛💛一般情况,使用 QStackedWidget 常用的两种方式:

    根据currentWidget()来判断当前页面,然后通过setCurrentWidget()来设置需要显示的页面。

    根据currentIndex()来判断当前页面索引,然后通过setCurrentIndex()来设置需要显示的页面。

    实例演示 (实现QTabWidget的效果,用按钮触发切换界面)

  • 编辑ui界面
  • 编辑代码(连接信号槽)
  • #include "layout.h"
    #include"qlabel.h"
    #include"qstackedwidget.h"
    #include"qpushbutton.h"
    #pragma execution_character_set("utf-8")
    Layout::Layout(QWidget *parent)
        : QMainWindow(parent)
        ui.setupUi(this);
        connect(ui.btn1, &QPushButton::clicked, [=]() {
            ui.stackedWidget->setCurrentIndex(1);
        connect(ui.btn2, &QPushButton::clicked, [=]() {
            ui.stackedWidget->setCurrentIndex(2);
        connect(ui.btn3, &QPushButton::clicked, [=]() {
            ui.stackedWidget->setCurrentIndex(0);
    
     
    推荐文章