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);