Archived:How to use QStackedLayout

Comments

11 Sep
2009

---

Log in or Join to leave comments.

Archived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (based on QWidget) is deprecated.

This code snippet demonstrates how to use the Qt "stacked layout". QStackedLayout provides a stack of widgets where only one widget is visible at a time.

Article Metadata

---

Tested with

Devices(s): Symbian emulator

---

Compatibility

Platform(s): Qt

---

Platform Security

Signing Required: Self-Signed

Capabilities: None

---

Article

Keywords: QStackedLayout

Created: james1980 (12 Jan 2009)

Last edited: hamishwillee (11 Oct 2012)

Various Function

• This property determines the way visibility of child widgets are handled.

stackedLayout->setStackingMode(QStackedLayout::StackAll);

Source File

#include "stacked.h"
 
stacked::stacked(QWidget *parent)
    : QWidget(parent)
{
	 firstPageWidget = new QWidget(this);
     secondPageWidget = new QWidget(this);
     thirdPageWidget = new QWidget(this);
     label1 = new QLabel("page1",this);
     label2 = new QLabel("page2",this);
     label3 = new QLabel("page3",this);
     Layout1 = new QVBoxLayout(this);
     Layout2 = new QVBoxLayout(this);
     Layout3 = new QVBoxLayout(this);
     Layout1->addWidget(label1);
     Layout2->addWidget(label2);
     Layout3->addWidget(label3);
     firstPageWidget ->setLayout(Layout1);
     secondPageWidget ->setLayout(Layout2);
     thirdPageWidget ->setLayout(Layout3);
     stackedLayout = new QStackedLayout;
     stackedLayout->addWidget(firstPageWidget);
     stackedLayout->addWidget(secondPageWidget);
     stackedLayout->addWidget(thirdPageWidget);
 
     mainLayout = new QVBoxLayout;
     pageComboBox = new QComboBox;
     pageComboBox->addItem(tr("Page 1"));
     pageComboBox->addItem(tr("Page 2"));
     pageComboBox->addItem(tr("Page 3"));
     connect(pageComboBox, SIGNAL(activated(int)),stackedLayout, SLOT(setCurrentIndex(int)));
     mainLayout->addWidget(pageComboBox);
     mainLayout->addLayout(stackedLayout);
     setLayout(mainLayout);	
 
}
 
stacked::~stacked()
{
 // No need to delete any object that has a parent which is properly deleted.
 
}

Header file

#ifndef STACKED_H
#define STACKED_H
#include <QLabel>
#include <QtGui/QWidget>
#include "ui_stacked.h"
#include <QVBoxLayout>
#include <QStackedLayout>
#include <QComboBox>
class stacked : public QWidget
{
    Q_OBJECT
 
public:
	stacked(QWidget *parent = 0);
    ~stacked();
 
private:
	QLabel* label1;
	QLabel* label2;
	QLabel* label3;
	QWidget* firstPageWidget;
	QWidget* secondPageWidget;
	QWidget* thirdPageWidget;
	QComboBox* pageComboBox;
	QStackedLayout* stackedLayout;
    QVBoxLayout* mainLayout;
    QVBoxLayout* Layout1;
    QVBoxLayout* Layout2;
    QVBoxLayout* Layout3;
 
};
 
#endif // STACKED_H

Discription

• In this example three windows are created and they are arranged in a stack. However only one window at a time is visible. A combobox is used to control the display. By changing the value in combobox, the visible window can also be changed.

Screenshots