qt基于qstackedwidget的同一窗口界面变换实现

想要实现点击文字,直线,时间三个按钮,对话框界面部分同一位置发生变化,变为相应的参数选择。

刚开始使用的hide(),show(),后来发现由于栈的原因,三个部分由于位置重叠,有前后之分,所以只能调节一个,其他部分不能调节,虽然可以看到。

尝试用lower(),raise()也没成功。

后来想用QstackedWidgett和QStackedLayout嵌套使用,QstackedWidget1和QstackedWidget2分别由QStackedLayout布局,然后通过按钮相应,设置QStackedLayout参数0,1和QstackedWidget1、QstackedWidget2的0或1,这样就能对应四种状态,但是由于我的QStackedLayout不能被其他布局嵌套所以放弃了,其实应该QStackedLayout不能嵌套其他布局,而其他布局可以嵌套QStackedLayout。 但是我这里很奇怪,完后再试试。

最后用两个QstackedWidget实现了,但是布局还是个问题,虽然大布局可以实现,但是两个QstackedWidgetQstackedWidget1放在QstackedWidget2 里面,QstackedWidget2随整体布局变大变小,QstackedWidget1却不会变,还是个问题。。。

就先到这里,代码如下,这不是项目本身,只是个测试代码。

注意ui里面将两个QstackedWidget嵌套,一个拖到另一个里面

 
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QLabel>
#include <QPushButton>
#include <QStackedLayout>
#include <QHBoxLayout>
#include <QDebug>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->stackedWidget_2->setCurrentIndex(0);

    QHBoxLayout *hl = new QHBoxLayout(this);
    hl->addWidget(ui->stackedWidget);
    hl->addWidget(ui->stackedWidget_2);
    hl->addLayout(ui->verticalLayout_2);
    setLayout(hl);
}


MainWindow::~MainWindow()
{
    delete ui;

}

void MainWindow::on_btn1_clicked()
{
    ui->stackedWidget_2->setCurrentIndex(0);
}

void MainWindow::on_btn2_clicked()
{
    ui->stackedWidget_2->setCurrentIndex(1);
    ui->stackedWidget->setCurrentIndex(1);
}

void MainWindow::on_btn3_clicked()
{
    ui->stackedWidget_2->setCurrentIndex(1);
    ui->stackedWidget->setCurrentIndex(0);
}

就能实现,如图,布局上有些错误,



实现 `QStackedWidget` 切换界面的步骤如下: 1. 创建 `QStackedWidget` 控件,用于存放需要切换的界面。 ```cpp QStackedWidget* stackedWidget = new QStackedWidget(this); ``` 2. 创建需要切换的界面,并添加到 `QStackedWidget` 控件中。 ```cpp QWidget* page1 = new QWidget; stackedWidget->addWidget(page1); QWidget* page2 = new QWidget; stackedWidget->addWidget(page2); ``` 3. 在需要切换界面的时候,调用 `QStackedWidget` 控件的 `setCurrentWidget` 或 `setCurrentIndex` 方法。 ```cpp stackedWidget->setCurrentWidget(page1); // 切换到第一个界面 stackedWidget->setCurrentIndex(1); // 切换到第二个界面 ``` 完整示例代码如下: ```cpp #include <QtWidgets> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建 QStackedWidget 控件 QStackedWidget* stackedWidget = new QStackedWidget; // 创建需要切换的界面,并添加到 QStackedWidget 控件中 QWidget* page1 = new QWidget; QLabel* label1 = new QLabel("This is page 1"); QHBoxLayout* layout1 = new QHBoxLayout(page1); layout1->addWidget(label1); stackedWidget->addWidget(page1); QWidget* page2 = new QWidget; QLabel* label2 = new QLabel("This is page 2"); QHBoxLayout* layout2 = new QHBoxLayout(page2); layout2->addWidget(label2); stackedWidget->addWidget(page2); // 创建按钮,并连接到切换界面的槽函数 QPushButton* button1 = new QPushButton("Page 1"); QObject::connect(button1, &QPushButton::clicked, [stackedWidget](){ stackedWidget->setCurrentIndex(0); }); QPushButton* button2 = new QPushButton("Page 2"); QObject::connect(button2, &QPushButton::clicked, [stackedWidget](){ stackedWidget->setCurrentIndex(1); }); // 创建主窗口,并添加 QStackedWidget 控件和按钮 QWidget mainWidget; QVBoxLayout* mainLayout = new QVBoxLayout(&mainWidget); mainLayout->addWidget(stackedWidget); QHBoxLayout* buttonLayout = new QHBoxLayout; buttonLayout->addWidget(button1); buttonLayout->addWidget(button2); mainLayout->addLayout(buttonLayout); // 显示窗口 mainWidget.show(); return app.exec(); } ``` 运行程序,点击按钮即可切换界面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值