I am creating a PyQt5 application in Python for a university project that uses QStackedLayout to make it a single-windowed app, however, I can not figure out how to nest a Stacked Widget inside a Stacked Widget.
When running the code (degraded for the question), you can see the main menu with a QPushButton in it. When clicking it, the window changes with a QListWidget in it.
What I want to achieve is a Stacked Widget to the right of the QListWidget, which changes respectively with the chosen list item.
Edit: is there a method to open one window where the other was positioned? Right now whenever I click a button the window pops up in the middle of the screen.
In the code, you can see the parts I am trying to implement with comment characters behind them.
The code:
import sys
from PyQt5.QtWidgets import (QApplication, QMainWindow,
QLabel, QPushButton, QWidget,
QStackedLayout, QListWidget)
from PyQt5.QtCore import QRect, Qt
class Ui(QWidget):
def setupUi(self, Main):
Main.setObjectName("Main")
Main.setFixedSize(900, 500)
self.width = 900
self.height = 500
self.setFixedSize(self.width, self.height)
'''MENU ON THE MAIN WINDOW'''
self.menu = QStackedLayout()
self. mainMenu = QWidget()
self.howToMenu = QWidget()
self. mainMenuUi()
self.howToMenuUi()
self.menu.addWidget(self. mainMenu)
self.menu.addWidget(self.howToMenu)
'''MENU ON THE HOWTO WINDOW'''
#self.howToMenuMenu = QStackedLayout()
#self.howToOverView = QWidget()
#self.howToLevel = QWidget()
#self.howToTapeMeasure = QWidget()
#self.howToTheodolite = QWidget()
#self. overViewUi()
#self. levelUi()
#self.tapeMeasureUi()
#self. theodoliteUi()
#self.howToMenuMenu.addWidget(self.howToOverView )
#self.howToMenuMenu.addWidget(self.howToLevel )
#self.howToMenuMenu.addWidget(self.howToTapeMeasure)
#self.howToMenuMenu.addWidget(self.howToTheodolite )
def mainMenuUi(self):
self.mainMenu.setFixedSize(self.width, self.height)
self.mainMenuText = QLabel(self.mainMenu)
self.mainMenuText.setGeometry(QRect(30, 120, 480, 200))
self.mainMenuText.setStyleSheet("font: 14pt Century Gothic")
self.mainMenuText.setAlignment(Qt.AlignLeading|Qt.AlignLeft|Qt.AlignTop)
self.mainMenuText.setText("Welcome to the Surveying Traverse Calculator!")
self.howToButton = QPushButton("HOW TO DO A TRAVERSE", self.mainMenu)
self.howToButton.setGeometry(140, 180, 200, 30)
def howToMenuUi(self):
self.howToMenu.setFixedSize(self.width, self.height)
self.menuButton1 = QPushButton("Back to main menu", self.howToMenu)
self.menuButton1.setGeometry(QRect(10, 10, 200, 30))
self.howToTitle = QLabel(self.howToMenu)
self.howToTitle.setGeometry(QRect(10, 50, self.width, 40))
self.howToTitle.setStyleSheet("font: 14pt Century Gothic")
self.howToTitle.setAlignment(Qt.AlignLeading|Qt.AlignLeft|Qt.AlignVCenter)
self.howToTitle.setText("How to Do a Traverse")
self.howToSteps = QListWidget(self.howToMenu)
self.howToSteps.setGeometry(QRect(10, 100, 200, 80))
self.howToSteps.insertItem(0, "OVERVIEW" )
self.howToSteps.insertItem(1, "LEVEL" )
self.howToSteps.insertItem(2, "TAPE MEASURE")
self.howToSteps.insertItem(3, "THEODOLITE" )
#def overViewUi(self):
#def levelUi(self):
#def tapeMeasureUi(self):
#def theodoliteUi(self)
class Main(QMainWindow, Ui):
def __init__(self):
super(Main, self).__init__()
self.setupUi(self)
self.menuButton1.clicked.connect(self. menuWindow)
self.howToButton.clicked.connect(self.howToWindow)
def menuWindow(self):
self.menu.setCurrentIndex(0)
def howToWindow(self):
self.menu.setCurrentIndex(1)
if __name__ == "__main__":
app = QApplication(sys.argv)
M = Main()
sys.exit(app.exec())
How do I solve this problem?
