3.5편-Qt Designer 사용법

Qt Desinger 를 설치했으니 간단하게 사용하는 방법을 알아보겠습니다.

1) Qt Designer 실행

좌측 하단의  [>_] 모양의 터미널 아이콘을 클릭합니다.

designer 라고 입력합니다.

 

[생성]을 클릭합니다.

2) Button, Text Edit 배치

좌측 위젯 상자를 보면 Push Button 과 Text Edit 등이 보입니다.

간단하게 Push Button, Text Edit 를 배치해보겠습니다.

마우스로 Drag and Drop 하면 됩니다.

즉, 예를 들면 Push Button 을 추가하려면 Push Button 아이콘 위에서 왼쪽 마우스 버튼를 계속 누르고 마우스를 Diaglog 에 이동 시킨 후에 왼쪽 마우스 버튼 누른 것을 풀면 됩니다.

 

우선 아래와 같이 배치하였습니다.

[저장] 아이콘을 클릭합니다.

 

파일명은 pyqt02.ui 로 저장합니다.

3) xx.ui 와 코드 연결

이제 pyqt02.ui 와 이를 연결할 파이썬 파일을 생성합니다.

work 가 선택된 상태에서 마우스 우측을 클릭합니다.

새로 만들기 > Python 파일 을 선택합니다.

 

 

pyqt02 라고 입력하고 Pytho 파일을 클릭합니다.

 

연동될 파일을 생성할 차례네요.

ChatGPT 로 다음과 같이 질문합니다.

PyQt5Designer 로 Push Button 1개, Text Edit 1개를 Dialog 에 패치하고 pyqt02.ui 라는 파일을 생성하였습니다. 이 파일과 연동하여 Dialog 를 실행하여 Push Button 클릭 시 Text Edit 에 System Trading 이라는 Text 를 표시하는 코드를 만들어주세요.

 

import sys
from PyQt5 import uic
from PyQt5.QtWidgets import QApplication, QDialog

# UI 파일 로드
class MyDialog(QDialog):
    def __init__(self):
        super().__init__()
        uic.loadUi("pyqt02.ui", self)
        
        # UI 파일에서 Push Button 과 Text Edit 위젯 찾기
        self.pushButton.clicked.connect(self.on_button_click)
    
    def on_button_click(self):
        self.textEdit.setText("System Trading")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    dialog = MyDialog()
    dialog.show()
    sys.exit(app.exec_())

위 내용을 pyqt02.py 에 복사하고 붙여 넣습니다.

 

4) 코드 실행

pyqt02.py 에서 우측 마우스로 실행을 선택합니다.

 

다음과 같이 잘 실행되네요.

처음 방법만 알면 쉽네요.