QT 单个窗口实现多页面切换

简述

Qt开发中经常遇到需要点按不同的按钮，然后在同一位置显示不同的内容。例如在下图中实现：按下页面1 上方显示这是页面一 。

利用QStackwidget实现

可以采用代码的方式，也可以采用Qt设计师的方式，本文采用Qt设计师进行实现。
在窗口拖入container 中的Stacked Widget，默认是两个页面，需要多页面时可以右键->插入页。
代码：

//mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>class QStackedWidget;namespace Ui {
class MainWindow;
}class MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = 0);~MainWindow();void switchPage();//切换函数private:Ui::MainWindow *ui;
};#endif // MAINWINDOW_H

cpp文件：

#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);connect(ui->aButton,&QPushButton::clicked,this,&MainWindow::switchPage);connect(ui->bButton,&QPushButton::clicked,this,&MainWindow::switchPage);connect(ui->cButton,&QPushButton::clicked,this,&MainWindow::switchPage);
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::switchPage(){QPushButton *button = qobject_cast<QPushButton*>(sender());//得到按下的按钮的指针if(button==ui->aButton)ui->stack->setCurrentIndex(1);//根据按下的button按索引显示相应的页面else if(button==ui->bButton)ui->stack->setCurrentIndex(2);else if(button==ui->cButton)ui->stack->setCurrentIndex(3);}

QT 单个窗口实现多页面切换相关推荐

《Qt5：同一个界面多窗口或者多页面切换（QStackedWidget）》
QStackedWidget可用于创建类似于QTabWidget提供的用户界面.之前要显示不同的内容,都是通过创建子窗口的方式来实现的,这种是属于弹窗式,而QStackedWidget可以实现同一界面 ...
微信小程序开发之选项卡(窗口顶部TabBar)页面切换
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml [html] vie ...
C++,QT多个窗体切换，widget 多个页面切换跳转显示
C++,QT多个窗体切换,widget,QTimer 3个页面切换跳转,使用wdiget 的方式源码工程链接先看效果: onewidget.h #ifndef ONEWIDGET_H #defin ...
android学习笔记---56_activity切换动画与页面切换动画,自定义activity窗口切换动画效果的实现.
2013/5/17 Java技术qq交流群:JavaDream:251572072 56_activity切换动画与页面切换动画 ----------------------------------- ...
QTabWidget——创建标签页的多页面切换
QTabWidget 用来分页显示重要函数: 1.void setTabText(int, QString); //设置页面的名字. 2.void setTabToolTip(QString); / ...
python PyQt5 QMainWindow类（Qt主窗口框架，主窗口提供了用于构建应用程序用户界面的框架）
https://doc.qt.io/qtforpython/PySide2/QtWidgets/QMainWindow.html?highlight=qmainwindow#PySide2.QtWid ...
wxpython界面切换_Python图形界面—wxPython库的布局管理及页面切换
原标题:Python图形界面-wxPython库的布局管理及页面切换前言 wxPython是基于Python的跨平台GUI扩展库,对wxWidgets( C++ 编写)封装实现.GUI程序的开发中界 ...
jquery mobile页面切换效果(Flip toggle switch)(注：jQuery移动使用的数据属性的列表。 )...
1.页面切换(data-transition) 地址:http://api.jquerymobile.com/data-attribute/ data-transition fade | f ...
wxpython界面切换_Python图形界面开发—wxPython库的布局管理及页面切换
前言 wxPython是基于Python的跨平台GUI扩展库,对wxWidgets( C++ 编写)封装实现.GUI程序的开发中界面布局是很重要的一个部分,合理的页面布局能够给予用户良好使用体验.虽然 ...

QT 单个窗口实现多页面切换

简述

利用QStackwidget实现

QT 单个窗口实现多页面切换相关推荐

最新文章

热门文章