본문 바로가기

PyQt5/Basics

VScode & PyQt Designer 연결하기

728x90
반응형

디자이너(Qt Designer) 개요; 사용 용도

 

- 디자이너(Qt Designer)는 Qt 프레임워크가 지원하는 유저 인터페이스 (UI) 개발 환경입니다.

- 작성하려는 Qt 어플리케이션의 UI를 시각적으로 확인하면서 개발할 수 있게 합니다.

- 아주 간단한 프로그램을 만들 때는 디자이너(Qt Designer)를 이용하지 않고 직접 UI를 설정하는 코드를 작성하는 편이 더 나을 수도 있지만, 프로그램의 규모가 어느 정도 커지면 돌이킬 수 없게 됩니다. 디자이너(Qt Designer)를 이용하면 위젯 좌표나 레이아웃을 조정하는 따위의 시간을 허비하는 단순 작업을 크게 줄입니다.

PyQt5 Designer 위치

C:\Users\ONnONs\Anaconda3\Library\bin

PyQt Designer 실행

 

2. 간단하게 위젯을 만들어 본다
파란색 부분은 파일 이름
빨간색 부분은 사용자가 설정할수 있다

첫번째 방법은 텍스트 더블클릭으로 변경 가능

두번째 방법은 우측 메뉴얼바 에서 Title 을 직접 수정할수있다

프로그램 Title 을 변경하는 방법은

MainWindow 더블클릭 후

Window Title 에서 변경하여준다

이렇게 만들어진 파일을 저장을 하고

VScode 로 접속한다

폴더 열기를 통하여 PyQt 를 저장한 폴더로 열어준다

사진과 같은 위치에 저장을 하고 VScode 에서 열어주었다

.py 형태의 파이썬 파일을 생성 한 후 아래와 같은 코드를 입력한다

코드 중

from_class = uic.loadUiType("C:\\ ~~~~~~~~~~~~~~~~~~ ")[0] 은 본인 pc의 경로와 이름에 맞게 입력 하고
이 때 back slash 가 2개씩 들어가는지 확인하여야 한다

준비가 되었다면 이제 실행해 보자

VScode 와 PyQt 가 연결된 것을 확인 할 수 있다 

728x90
반응형