[Python/PyQT] 02.Qt Designer 이용하여 파이썬 소스 변경 및 실행하기 : Python GUI 프로그래밍

1. Qt Designer 실행 및 화면 작성

실행후에 위젯 상자에서  원하는 Components 를 Drag & Drop을 통해 Form에 배치하고 속성 편집기에서 속성들을 편집한다.

아래 이미지 의미없이 디자인한 화면이며 해당 화면을 Python으로 실행시켜 보려고 한다.

Qt Designer 실행 및 디자인

우선 디자인한 내용을 저장한다.

파일 > 저장  또는 Ctrl + S 를 통해 원하는 이름으로 저장한다.

저장된 파일의 확장자는 .ui(uis/zaninote.ui 로 생성하였음) 로 생성된다.

 

UI 파일을 통해 Python 소스로 변환하여 포함시킬 수도 있지만 화면이 변경되었을때 추가 반영할때 어려움이 있어 ui를 Import 하는 방식으로 진행하겠다.

 

2. vscode 에서 anaconda 사용하기

vscode에서 python을 사용하기전에 Python Extentsion을 설치해준다.

• Python에 Pythen extenstion 설치

Python Plugin

• 터미널을 Anaconda 콘솔로 변경
  Ctrl + Shift + P

Python Select Interpreter 선택 화면

Anaconda 가상환경 선택(uienv)

• 설정한 Command Prompt 선택

Command Prompt 선택

Anaconda 터미널

3. UI와 Python 연결하기위한 코드 작성

아래 이미지와 같이 파일 및 코드 작성한다.

Directory 및 File 위치 및 소스

 

• 파이썬 소스

import sys
from PyQt5 import uic
from PyQt5.QtWidgets import *

# UI 파일을 로드
zaniForm = uic.loadUiType("./uis/zaninote.ui")[0]


# 화면 클래스
class ZaniWindow(QMainWindow, zaniForm):
    def __init__(self):
        super().__init__()
        # UI Setup
        self.setupUi(self)

# 메인
if __name__ == "__main__":
    # Application 생성
    app = QApplication(sys.argv)

    # 윈도우 생성
    zaniWindow = ZaniWindow()

    # 윈도우 SHOW
    zaniWindow.show()

    # 종료시까지 대기(이벤트 루프)
    sys.exit(app.exec_())

아래는 코드를 실행했을때의 화면이다.

실행한 UI 화면

 

PyQT 를 공부하는 이유는 개인적 또는 업무적으로 필요한 부분을 파이썬으로 개발하고 있는데 Command 방식이 아닌 GUI를 통해 좀더 편리하게 사용하기 위함이다.

 

 

다음 포스팅은 간단한 기획을 통해 만드는 과정을 작성할 예정이다.

 

---

[참조]

아래 사이트는 QT 관련하여 일반적인 설명과 콤포넌트(위젯)에 대한 사용방법도 알려주고 있다.

01.04 Qt Designer를 이용한 UI의 제작과 연결 - 초보자를 위한 Python GUI 프로그래밍 - PyQt5 (wikidocs.net)

01.04 Qt Designer를 이용한 UI의 제작과 연결