Qt Designer로 UI 파일 생성

Qt Designer로 UI 파일 생성

 

 

파이썬을 shell(command prompt, 명령창)에서 작동시키지 않고, UI를 통해서 사용자에게 비주얼한 환경을 제공하기 위해서는 필요한 각종 오브젝트(위젯)들을 생성해야 한다. 프로그램적으로 만들어 낼 수는 있으나, 프로그램의 길이가 길어지고, 수정할 일이 많아지면 이 또한 매우 복잡해 질 수 있다.

 

파이썬 UI 프로그래밍을 위해 UI를 만드는 방법은 세 가지가 있다.

 

첫째, 코드내에 프로그램적으로 위젯들을 직접 생성하는 방법.

둘째, xml로 구성된 UI 파일을 컴파일해서 파이썬 코드에서 불러들이는 방법.

셋째, xml로 구성된 UI 파일을 파이썬 코드에서 직접 불러들이는 방법.

 

우리는 세 번째 방법을 이용하여 프로젝트를 진행할 것이다. 세 번째 방법을 선택한 이유는 Qt designer라는 프로그램을 통해 쉽게 UI 파일을 만들고, 이를 파이썬에서 직접 불러들임으로써 UI 변경에 대해 쉽게 대처할 수 있기 때문이다.

 

 

 

1) Qt designer 실행

 

qt designer 실행 파일(designer.exe)은 파이썬 설치 경로의 LIb\site-packages\PySide2 폴더에 존재한다.

 

 

실행 파일을 시작 메뉴나 관리하기 편한 곳으로 이동을 했다면, 실행을 시킨다.

 

 

Qt designer가 실행된 모습

 

 

 

2) 새 폼 생성

 

Qt designer를 실행시키면 새 폼을 생성하는 창이 나타난다. 만들고자 하는 UI의 용도에 맞게 템플릿을 선택한다.

 

 

 

3) 위젯 상자

 

Qt designer의 화면 왼쪽에는 위젯 상자가 있다.

 

위젯 상자에서 원하는 위젯들을 폼으로 드래그하여 원하는 디자인으로 만들 수 있다.

 

 

 

4) UI 디자인

 

아무 위젯이나 드래그하여 폼을 만들어 본다.

 

 

 

5) UI 파일 저장

 

UI 파일은 사용하고자 하는 프로젝트의 폴더에 저장한다. 차후 파이썬 코드에서 UI 파일을 읽어들이기 위해서는 프로젝트의 파일과 같은 폴더나 하위 폴더에 파일을 위치해야 하기 때문이다.

 

 

 

* 이와 같이 UI 파일을 만들어서 파이썬에서 로딩하여 사용하면, UI를 변경하여도 파이썬 코드를 수정하지 않고도 적용시킬 수 있어 편리하다.