GUI 강의3

---

Fornlayout을 이용하여 자기소개 UI만들기

정보를 입력하거나 출력하는데 많이 이용되는 형태

회원가입, 제품 스펙 등을 표현하는데 많이 사용된다.

 

PyQt에서는 

QFormLayout을 제공한다.

한줄 한줄마다 Lable: field 형태의 배치 제공

 

A : a

B : b

C : c

 

Label : Field

Widget : Widget

 

Label, Field 모두 QLabel

보통 Label은 text, Field에는 widget

 

---

[기본 코딩] 

import sys
from PyQt5 import *
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 =QFormLayout()
  
        self.setLayout(main_layout)
        self.resize(500,500)
        self.show()

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

 

 

def init_ui(self):
    main_layout =QFormLayout()

    #이름 text를 입력할 수 있는 widget
    name_widget = QLineEdit()
    #addRow 한줄 한줄 입력
    #addRow(label Widget, field Widget)
    main_layout.addRow("Name: ",name_widget)
    self.setLayout(main_layout)
    self.resize(500,500)
    self.show()

 

---

생일 

def init_ui(self):
    main_layout =QFormLayout()

    #이름 text를 입력할 수 있는 widget
    name_widget = QLineEdit()
    #생일 입력
    #년도 달 일을 해서 이것을 QHorizontalBox layout으로 묶어준다.

    birthday_layout = QHBoxLayout()
    year_widget = QComboBox()
    month_widget= QComboBox()
    date_widget = QComboBox()

    birthday_layout.addWidget(year_widget)
    birthday_layout.addWidget(month_widget)
    birthday_layout.addWidget(date_widget)

    for year in range(1900, 2023):
        year_widget.addItem(str(year))
    for month in range(1,13):
        month_widget.addItem(str(month))
    for date in range(1,32):
        date_widget.addItem(str(date))


    #addRow 한줄 한줄 입력
    #addRow(label Widget, field Widget)
    #label은 Name, 오른쪽에는 이름을 입력할 수 있는 lineedit이 뜬다.

    main_layout.addRow("Name: ", name_widget)
    main_layout.addRow("Birthday: ", birthday_layout)

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

---

주소 입력

def init_ui(self):
    main_layout =QFormLayout()

    #이름 text를 입력할 수 있는 widget
    name_widget = QLineEdit()
    #생일 입력
    #년도 달 일을 해서 이것을 QHorizontalBox layout으로 묶어준다.

    birthday_layout = QHBoxLayout()
    year_widget = QComboBox()
    month_widget= QComboBox()
    date_widget = QComboBox()

    birthday_layout.addWidget(year_widget)
    birthday_layout.addWidget(month_widget)
    birthday_layout.addWidget(date_widget)

    for year in range(1900, 2023):
        year_widget.addItem(str(year))
    for month in range(1,13):
        month_widget.addItem(str(month))
    for date in range(1,32):
        date_widget.addItem(str(date))

    #주소
    address_layout  = QVBoxLayout()
    address_1 =QComboBox()
    address_1.addItems( ["Seoul","Daejeon","Daegu","Busan"])
    address_2 = QLineEdit()
    address_layout.addWidget(address_1)
    address_layout.addWidget(address_2)


    #addRow 한줄 한줄 입력
    #addRow(label Widget, field Widget)
    #label은 Name, 오른쪽에는 이름을 입력할 수 있는 lineedit이 뜬다.

    main_layout.addRow("Name: ", name_widget)
    main_layout.addRow("Birthday: ", birthday_layout)
    main_layout.addRow("Address: ", address_layout)

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

---

이메일 입력

아래 내용 추가하기 

#이메일
email_layout = QHBoxLayout()
email_id = QLineEdit()
email_company = QLineEdit()

email_layout.addWidget(email_id)
email_layout.addWidget( QLabel("@"))
email_layout.addWidget(email_company)


#addRow 한줄 한줄 입력
#addRow(label Widget, field Widget)
#label은 Name, 오른쪽에는 이름을 입력할 수 있는 lineedit이 뜬다.

main_layout.addRow("Name: ", name_widget)
main_layout.addRow("Birthday: ", birthday_layout)
main_layout.addRow("Address: ", address_layout)
main_layout.addRow("Email: " ,email_layout)

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

additems() 하면 한번에 여러개의 텍스트 입력 가능하다.

email_combobox = QComboBox()
email_combobox.addItems(["google.com", "naver.com","daum.net"])

---

전화번호 입력

#전화번호
phone_number_layout= QHBoxLayout()
phone_number_layout.addWidget(QLineEdit())
phone_number_layout.addWidget(QLabel("-"))
phone_number_layout.addWidget(QLineEdit())
phone_number_layout.addWidget(QLabel("-"))
phone_number_layout.addWidget(QLineEdit())

#addRow 한줄 한줄 입력
#addRow(label Widget, field Widget)
#label은 Name, 오른쪽에는 이름을 입력할 수 있는 lineedit이 뜬다.

main_layout.addRow("Name: ", name_widget)
main_layout.addRow("Birthday: ", birthday_layout)
main_layout.addRow("Address: ", address_layout)
main_layout.addRow("Email: " ,email_layout)
main_layout.addRow("Phone number: " ,phone_number_layout)

---

키 

QSpinBox() 는 일반적으로 정수를 입력하는 위젯이다. 

기본적으로 최대값이 99로 설정되어 있다.

#키
height_widget = QSpinBox()
height_widget.setMaximum(250)

main_layout.addRow("Height: ", height_widget)

---

개인정보 이용 동의 여부

QCheckBox

#동의
personal_info = QCheckBox("Agree?")

main_layout.addRow("Personal Information Share: ", personal_info)

---

자기소개 할 수 있는 공간

근데 QLineEdit()은 한줄만 입력할 수 있어서 제한이 있다. 그럴 떄는 QPlainTextEdit()을 사용해보자.

#자기소개
self_intro = QPlainTextEdit()

main_layout.addRow("Self Introduction", self_intro)

---

작성 완료 후 저장 취소 버튼 

#저장버튼
save_cancel_layout = QHBoxLayout()
save_button = QPushButton("save")
cancel_button = QPushButton("cancel")
save_cancel_layout.addWidget(save_button)
save_cancel_layout.addWidget(cancel_button)

main_layout.addRow("",save_cancel_layout)

ㅓ