Qstackwidget研究

stackqidget是将多个界面重叠在一块,根据选择显示想要的界面,里面放的都是qwidget页面(qwidget *),很容易理解

接下来就是初步的尝试

我们设定左边有一个导航栏都是按钮,用一个groupbox装起来,右边是stackwidget,根据我们选择的按钮显示指定的页面就是用的信号绑定。

ui设计里面都有,就不手搓代码了,直接用吧,布局如图:

 

手搓代码的话其实就是new一个qstackwidget,new的qwidget用addwidget加入这个容器,再用connect与相应的按钮做一个绑定就行了,用组件库就方便许多,布局好后直接做一个信号绑定,本来是想写一个槽函数,但感觉写槽函数一个个绑就很麻烦,改用c++的lambda函数

connect(ui->btn1, &QPushButton::clicked, this, [this]() {
        ui->stack->setCurrentWidget(ui->page);
    });
    connect(ui->btn2, &QPushButton::clicked, this, [this]() {
        ui->stack->setCurrentWidget(ui->page_2);
    });

 这样一个简单的栈界面就做好了显示效果如下:

QStackedWidget 是 Qt 中用于管理多个页面并在它们之间进行切换的控件,以下是其使用方法的介绍: ### 样式设置 QStackedWidget 的样式设置基本是选择自身以及选择子控件,伪状态没有。示例样式代码如下: ```css QStackedWidget QStackedWidget{} QStackedWidget > QWidget{} /*子选择器,假设 QWidget 是 QStackedWidget 子控件*/ ``` 此样式设置方式可对 QStackedWidget 及其子控件的外观进行调整 [^1]。 ### 代码实现页面添加与切换 #### 手动代码实现 手动编写代码时,可通过创建 QStackedWidget 对象,使用 `addWidget` 方法将新创建的 QWidget 加入容器,再使用 `connect` 函数与相应按钮绑定实现页面切换。示例代码如下: ```cpp #include <QStackedWidget> #include <QWidget> #include <QPushButton> // 假设在某个类的构造函数中 QStackedWidget* stack = new QStackedWidget; QWidget* page = new QWidget; QWidget* page_2 = new QWidget; stack->addWidget(page); stack->addWidget(page_2); QPushButton* btn1 = new QPushButton("Page 1"); QPushButton* btn2 = new QPushButton("Page 2"); // 使用 C++ 的 lambda 函数进行信号绑定 connect(btn1, &QPushButton::clicked, [stack, page]() { stack->setCurrentWidget(page); }); connect(btn2, &QPushButton::clicked, [stack, page_2]() { stack->setCurrentWidget(page_2); }); ``` #### 使用组件库实现 使用组件库时,布局好后直接进行信号绑定。例如在使用 Qt Designer 设计界面时,将 QStackedWidget 和按钮等控件布局好,然后在代码中进行信号绑定,如: ```cpp connect(ui->btn1, &QPushButton::clicked, this, [this]() { ui->stack->setCurrentWidget(ui->page); }); connect(ui->btn2, &QPushButton::clicked, this, [this]() { ui->stack->setCurrentWidget(ui->page_2); }); ``` 这样可以方便地实现按钮点击切换 QStackedWidget 页面的功能 [^4]。 ### 高级使用方法 在 Qt 开发构建复杂 GUI 应用时,可采用基于 QStackedWidget 和工厂模式的解决方案来管理多个页面。这种方式有助于更优雅地管理多个页面,并在它们之间进行切换,提升项目的可维护性和扩展性 [^3]。 ### PyQt5 中的使用 在 PyQt5 中灵活使用 QStackedWidget 控件对项目会有很大提升,更多关于 PyQt5 窗口布局控件 QStackedWidget 使用方法可查看相关链接 [^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值