GUI 강의2: 레이아웃

import sys

from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Main(QDialog):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        main_layout = QVBoxLayout()

        self.setLayout(main_layout)
        self.resize(500,500)
        self.show()
if __name__ =='__main__':
    app = QApplication(sys.argv)
    main = Main()
    sys.exit(app.exec_()

빈 창

위젯 추가

 

import sys

from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Main(QDialog):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        main_layout = QVBoxLayout()
        #vertical box layout 이라서 add시켜준 순서대로 위에서 아래로 담긴다. -> 위젯을 수직으로 배치
        #horizontal로 해주려면 V를 H로 바꿔주면 된다. -> 가로방향 배치 

        w_1 = QPushButton("widget_1")
        w_2 = QPushButton("widget_2")
        w_3 = QPushButton("widget_3")

        main_layout.addWidget(w_1)
        main_layout.addWidget(w_2)
        main_layout.addWidget(w_3)

        self.setLayout(main_layout)
        sel

 

화면은 대부분 2차원

w_1 = QPushButton("widget_1")
w_2 = QPushButton("widget_2")
w_3 = QPushButton("widget_3")
w_4 = QPushButton("widget_4")

main_layout.addWidget(w_1, 0, 0) #행 성분과 열 성분을 적어준다.
main_layout.addWidget(w_2, 0, 1)
main_layout.addWidget(w_3, 1, 0)
main_layout.addWidget(w_4, 1, 1)

QGridLayout은 2차원 배치이다. 

4개를 2*2 행렬처럼 배치

 

혼합

import sys

from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Main(QDialog):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        main_layout =QVBoxLayout()
        #vertical box layout 이라서 add시켜준 순서대로 위에서 아래로 담긴다. -> 위젯을 수직으로 배치
        #horizontal로 해주려면 V를 H로 바꿔주면 된다. -> 가로방향 배치

        w_1 = QPushButton("widget_1")
        w_2 = QPushButton("widget_2")
        w_3 = QPushButton("widget_3")
        w_4 = QPushButton("widget_4")
        w_5 = QPushButton("widget_5")

        layout_1 = QHBoxLayout()
        layout_2 = QHBoxLayout()
        layout_1.addWidget(w_1)
        layout_1.addWidget(w_2)
        layout_2.addWidget(w_4)
        layout_2.addWidget(w_5)


        main_layout.addLayout(layout_1)
        main_layout.addWidget(w_3)
        main_layout.addLayout(layout_2)

        self.setLayout(main_layout)
        self.resize(500,500)
        self.show()

if __name__ =='__main__':
    app = QApplication(sys.argv)
    main = Main()
    sys.exit(app.exec_())

조금 더 복잡한 배치를 해보자

import sys

from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Main(QDialog):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        main_layout =QHBoxLayout()
        #vertical box layout 이라서 add시켜준 순서대로 위에서 아래로 담긴다. -> 위젯을 수직으로 배치
        #horizontal로 해주려면 V를 H로 바꿔주면 된다. -> 가로방향 배치

        w_1 = QPushButton("widget_1")
        w_2 = QPushButton("widget_2")
        w_3 = QPushButton("widget_3")
        w_4 = QPushButton("widget_4")
        w_5 = QPushButton("widget_5")

        #가장 작은 레이아웃부터 만드는 것이 편하다
        layout_3 = QVBoxLayout()
        layout_3.addWidget(w_4)
        layout_3.addWidget(w_5)

        layout_2=QHBoxLayout()
        layout_2.addWidget(w_3)
        layout_2.addLayout(layout_3)

        layout_1 = QVBoxLayout()
        layout_1.addWidget(w_2)
        layout_1.addLayout(layout_2)

        main_layout.addWidget(w_1)
        main_layout.addLayout(layout_1)

        self.setLayout(main_layout)
        self.resize(500,500)
        self.show()

if __name__ =='__main__':
    app = QApplication(sys.argv)
    main = Main()
    sys.exit(app.exec_())

더 해보자~

import sys

from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class Main(QDialog):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        main_layout =QVBoxLayout()
        #vertical box layout 이라서 add시켜준 순서대로 위에서 아래로 담긴다. -> 위젯을 수직으로 배치
        #horizontal로 해주려면 V를 H로 바꿔주면 된다. -> 가로방향 배치

        w_1 = QPushButton("widget_1")
        w_2 = QPushButton("widget_2")
        w_3 = QPushButton("widget_3")
        w_4 = QPushButton("widget_4")
        w_5 = QPushButton("widget_5")
        w_6 = QPushButton("widget_6")
        w_7 = QPushButton("widget_7")
        w_8 = QPushButton("widget_8")
        w_9 = QPushButton("widget_9")
        w_10 = QPushButton("widget_10")
        w_11 = QPushButton("widget_11")

        layout_attacker = QHBoxLayout()
        layout_midfielder = QHBoxLayout()
        layout_defender = QHBoxLayout()

        layout_attacker.addWidget(w_1)
        layout_attacker.addWidget(w_2)
        layout_attacker.addWidget(w_3)

        layout_midfielder.addWidget(w_4)
        layout_midfielder.addWidget(w_5)
        layout_midfielder.addWidget(w_6)

        layout_defender.addWidget(w_7)
        layout_defender.addWidget(w_8)
        layout_defender.addWidget(w_9)
        layout_defender.addWidget(w_10)

        main_layout.addLayout(layout_attacker)
        main_layout.addLayout(layout_midfielder)
        main_layout.addLayout(layout_defender)
        main_layout.addWidget(w_11)


        self.setLayout(main_layout)
        self.resize(500,500)
        self.show()

if __name__ =='__main__':
    app = QApplication(sys.argv)
    main = Main()
    sys.exit(app.exec_())