当前位置:网站首页>Qt学习26 布局管理综合实例
Qt学习26 布局管理综合实例
2022-07-07 04:31:00 【一个小黑酱】
Qt学习26 布局管理综合实例
需求分析
- 练习开发一个向导用户界面
- 在同一个界面上展现 不同的向导页面
- 通过 “上一步” 和 “下一步” 按钮进行切换
- 不同页面上的元素组件和组件排布都不相同
- 页面中的组件通过布局管理器进行排布
解决方案
- 通过布局嵌套进行界面设计
- 通过 QStackedLayout 管理不同的页面
- 通过子组件的方式生成不同的页面
编程实验 - 向导用户界面
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QStackedLayout>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>
class Widget : public QWidget
{
Q_OBJECT
private:
QStackedLayout sLayout;
QPushButton preBtn;
QPushButton nextBtn;
QLabel fLabel1;
QLabel fLabel2;
QLabel fLabel3;
QLabel fLabel4;
QLineEdit sEdit;
QPushButton tBtn1;
QPushButton tBtn2;
void initControl();
QWidget* get1stPage();
QWidget* get2ndPage();
QWidget* get3rdPage();
private slots:
void onPreBtnClicked();
void onNextBtnClicked();
public:
Widget(QWidget *parent = 0);
~Widget();
};
#endif // WIDGET_H
#include "Widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QGridLayout>
#include <QFormLayout>
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
initControl();
}
Widget::~Widget()
{
}
void Widget::initControl()
{
QVBoxLayout* vLayout = new QVBoxLayout();
QHBoxLayout* hLayout = new QHBoxLayout();
vLayout->addLayout(&sLayout);
vLayout->addLayout(hLayout);
preBtn.setText("pre page");
preBtn.setMinimumSize(160, 30);
nextBtn.setText("next page");
nextBtn.setMinimumSize(160, 30);
connect(&preBtn, SIGNAL(clicked()), this, SLOT(onPreBtnClicked()));
connect(&nextBtn, SIGNAL(clicked()), this, SLOT(onNextBtnClicked()));
hLayout->addWidget(&preBtn);
hLayout->addWidget(&nextBtn);
sLayout.addWidget(get1stPage());
sLayout.addWidget(get2ndPage());
sLayout.addWidget(get3rdPage());
setLayout(vLayout);
}
QWidget *Widget::get1stPage()
{
QWidget* ret = new QWidget();
QGridLayout* gLayout = new QGridLayout();
fLabel1.setText("This");
fLabel2.setText("is");
fLabel3.setText("1st");
fLabel4.setText("page");
gLayout->addWidget(&fLabel1, 0, 0);
gLayout->addWidget(&fLabel2, 0, 1);
gLayout->addWidget(&fLabel3, 1, 0);
gLayout->addWidget(&fLabel4, 1, 1);
ret->setLayout(gLayout);
return ret;
}
QWidget *Widget::get2ndPage()
{
QWidget* ret = new QWidget();
QFormLayout* fLayout = new QFormLayout();
sEdit.setText("This is 2nd page");
fLayout->addRow("Hint:", &sEdit);
ret->setLayout(fLayout);
return ret;
}
QWidget *Widget::get3rdPage()
{
QWidget* ret = new QWidget();
QVBoxLayout* vLayout = new QVBoxLayout();
tBtn1.setText("This is");
tBtn2.setText("3rd page");
vLayout->addWidget(&tBtn1);
vLayout->addWidget(&tBtn2);
ret->setLayout(vLayout);
return ret;
}
void Widget::onPreBtnClicked()
{
int index = ((sLayout.currentIndex() - 1) + 3) % 3;
sLayout.setCurrentIndex(index);
}
void Widget::onNextBtnClicked()
{
int index = (sLayout.currentIndex() + 1) % 3;
sLayout.setCurrentIndex(index);
}
#include "Widget.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}
注意事项
- 任意容器类的组件 都可以指定布局管理器
- 同一布局管理器中的组件拥有相同的父组件
- 设置布局管理的同时 隐式的指定父子关系
- 图中 组件1 和 组件2 被同一个布局管理器管理,拥有相同的父组件。
小结
- 布局管理器可以 相互嵌套构成复杂用户界面
- 任意容器组件均可设置布局管理器
- 同一个布局管理器中的组件拥有相同父组件
- 组件间的父子关系是 Qt 中内存管理的重要方式
边栏推荐
- [SUCTF 2019]Game
- 大视频文件的缓冲播放原理以及实现
- Technology cloud report: from robot to Cobot, human-computer integration is creating an era
- 【Unity】物体做圆周运动的几个思路
- [mathematical notes] radian
- buuctf misc USB
- 【斯坦福计网CS144项目】Lab4: TCPConnection
- You Li takes you to talk about C language 6 (common keywords)
- pytest+allure+jenkins安装问题:pytest: error: unrecognized arguments: --alluredir
- Solve could not find or load the QT platform plugin "xcb" in "
猜你喜欢
【经验分享】如何为visio扩展云服务图标
Problem solving: unable to connect to redis
《动手学深度学习》(四) -- 卷积神经网络 CNN
[SUCTF 2019]Game
2022焊工(初级)判断题及在线模拟考试
resource 创建包方式
为什么要了解现货黄金走势?
[CV] Wu Enda machine learning course notes | Chapter 8
leetcode:105. Constructing binary trees from preorder and inorder traversal sequences
Jenkins远程构建项目超时的问题
随机推荐
【性能压测】如何做好性能压测?
Tongda injection 0day
Pytest + allure + Jenkins Environment - - achèvement du remplissage de la fosse
3D reconstruction - stereo correction
[webrtc] m98 Screen and Window Collection
[advanced digital IC Verification] command query method and common command interpretation of VCs tool
Solve could not find or load the QT platform plugin "xcb" in "
Numbers that appear only once
【斯坦福计网CS144项目】Lab4: TCPConnection
[2022 CISCN]初赛 web题目复现
@component(““)
JS plot flot application - simple curve
IO stream file
今日现货白银操作建议
pytest+allure+jenkins安装问题:pytest: error: unrecognized arguments: --alluredir
[UVM basics] summary of important knowledge points of "UVM practice" (continuous update...)
resource 创建包方式
ASEMI整流桥RS210参数,RS210规格,RS210封装
mysql多列索引(组合索引)特点和使用场景
解决问题:Unable to connect to Redis