Search code examples
pythonpyqtpyqt5qmainwindowqmdiarea

Application QMdiarea with QSplitter and QMainWindow


I want to apply QMdiarea to QMainwindow with QSplitter, There are few posts about QMdiarea, but none of them really explain how to be applied to such QtWidgets.

My code:

class Mywindow(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super(Mywindow, self).__init__(parent)

        self.setMinimumSize(QtCore.QSize(1200,800))
        self.setWindowTitle('MdiArea')

        self.groupone = QtWidgets.QTextEdit()
        self.grouptwo = QtWidgets.QListWidget()
        self.groupthree = QtWidgets.QTextEdit()
        self.groupfour = QtWidgets.QListWidget()

        self.V_Splitter = QtWidgets.QSplitter(QtCore.Qt.Vertical)
        self.V_Splitter.addWidget(self.groupone)
        self.V_Splitter.addWidget(self.grouptwo)

        self.viewSplitter = QtWidgets.QSplitter(QtCore.Qt.Vertical)
        self.viewSplitter.addWidget(self.groupthree)
        self.viewSplitter.addWidget(self.groupfour)

        self.mainSplitter = QtWidgets.QSplitter(QtCore.Qt.Horizontal)
        self.mainSplitter.addWidget(self.V_Splitter)
        self.mainSplitter.addWidget(self.viewSplitter)

        self.setCentralWidget(self.mainSplitter)

        self.mainSplitter.setStretchFactor(0, 1)
        self.mainSplitter.setStretchFactor(1, 5)
        self.viewSplitter.setStretchFactor(0, 1)
        self.viewSplitter.setStretchFactor(1, 1)

        # Center window        
        qtRectangle = self.frameGeometry()
        centerPoint = QtWidgets.QDesktopWidget().availableGeometry().center()
        qtRectangle.moveCenter(centerPoint)
        self.move(qtRectangle.topLeft())

if __name__ == '__main__':
    import sys

    app = QtWidgets.QApplication(sys.argv)
    app.setStyle('Fusion')
    sim = Mywindow()
    sim.showMaximized()
    sys.exit(app.exec_())

Display: enter image description here

What I want to achieve: Result display

enter image description here

I appreciate any help.


Solution

  • You have to create a QMdiArea, set it as centralWidget and then add mainSplitter using the addSubWindow() method:

    class Mywindow(QtWidgets.QMainWindow):
        def __init__(self, parent=None):
            super(Mywindow, self).__init__(parent)
    
            self.setMinimumSize(QtCore.QSize(1200, 800))
            self.setWindowTitle("MdiArea")
    
            self.mdiarea = QtWidgets.QMdiArea()
            self.setCentralWidget(self.mdiarea)
    
            self.groupone = QtWidgets.QTextEdit()
            self.grouptwo = QtWidgets.QListWidget()
            self.groupthree = QtWidgets.QTextEdit()
            self.groupfour = QtWidgets.QListWidget()
    
            self.V_Splitter = QtWidgets.QSplitter(QtCore.Qt.Vertical)
            self.V_Splitter.addWidget(self.groupone)
            self.V_Splitter.addWidget(self.grouptwo)
    
            self.viewSplitter = QtWidgets.QSplitter(QtCore.Qt.Vertical)
            self.viewSplitter.addWidget(self.groupthree)
            self.viewSplitter.addWidget(self.groupfour)
    
            self.mainSplitter = QtWidgets.QSplitter(QtCore.Qt.Horizontal)
            self.mainSplitter.addWidget(self.V_Splitter)
            self.mainSplitter.addWidget(self.viewSplitter)
    
            self.mainSplitter.setStretchFactor(0, 1)
            self.mainSplitter.setStretchFactor(1, 5)
            self.viewSplitter.setStretchFactor(0, 1)
            self.viewSplitter.setStretchFactor(1, 1)
    
            self.mdiarea.addSubWindow(self.mainSplitter)
            # ...
    

    enter image description here