VSCode + Qt designer(pyQt5)

 

https://jeongbang.tistory.com/m/3

VSCode 에서 PyQt5를 이용한 GUI 만들기

 

 

 

PyQt5를 이용해 파이썬 GUI 프로그래밍을 해보도록 하겠습니다.

 

파이썬 개발환경이 구성되어 있다는 가정하에 진행하도록 하겠습니다.

VSCode에서 Python 개발환경 구성하기

 

PyQt 설치

먼저 cmd 창을 열어 두 명령어를 차례대로 실행시켜 PyQt5를 설치합니다.

1. 모듈 설치

pip install PyQt5

Anaconda 설치시 생략~~~~~~~~~~~~~~~~~~~~!!

 

2. QT개발 응용툴 설치

pip install pyqt5-tools

 

설치가 완료 되면 설치경로로 이동해서 designer.exe를 실행시켜줍니다.

설치경로

C:\Users\user\AppData\Local\Programs\Python\Python39\Lib\site-packages\qt5_applications\Qt\bin

 

UI 만들기

designer.exe를 실행시켰을 때 모습입니다. template이 다양하게 있는데 그중에 widget을 선택해서 생성 버튼을 눌러주세요.

그럼 이렇게 Form 창과 함께 속성을 편집할 수 있는 속성들이 보이게 됩니다.

일단 이상태에서 저장한 후 Python 코드로 실행시켜 보도록 하겠습니다.

저는 PyQt ui 파일과 ui를 실행시킬 py 파일을 같은 디렉토리에서 관리하기 위해 widgetSample이라는 폴더를 하나 만들었습니다.

 

Python 코드로 UI 실행

이제 Python 코드로 Qt Designer에서 만든 ui 파일을 실행시켜 보도록 하겠습니다.

 

VSCode를 실행해주세요. 저는 widgetSample이라는 폴더에서 .ui, .py 파일을 관리한다고 했으니까 widgetSample 폴더를 열도록하겠습니다.

 

그다음 widgetSample.py 이름의 파이썬 파일을 하나 추가해줍니다. 

 

아래 코드를 입력한 후 실행시키면 widget 창이 뜨는 것을 확인할 수 있습니다.

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


class WidgetSample(QWidget):
    def __init__(self):
        super().__init__()
        self.ui = uic.loadUi("widgetSample.ui")
        
       
if __name__ == '__main__':
    app = QApplication(sys.argv)
    widgetSample = WidgetSample()
    widgetSample.show()
    sys.exit(app.exec_())