[Python] Qt Designer에서 UI 파일 만들어보기

Project : Py_EX2

Module : PyQt5, PyQt5Designer

IDE : PyCharm [설치방법]

 

이전에 PyQt5와 Qt Designer를 설치하고 Qt Designer를 실행까지 해보았다.

[Python] 파이참(PyCharm)에서 PyQt5 설치하고 Qt Designer 실행해보기

 

설치를 했으면 이것저것 해보아야지,... 했는데, 개인 사정상 설치 후 1년이나 지나버렸다. 하지만 이제 여건이 될 것도 같으니 다시 해보자.

 

먼저 Qt Designer를 열어보자. 설치를 했다면 여는 것은 간단하다. (물론 설치도 간단했지만)

 

터미널에서 Designer > 엔터

 

오랜만이기에 프로젝트(Py_EX2)를 새로 하나 만들었다. 조금은 다른 장르인 Qt Designer를 하는 것이기도 하고 해서.

 

Qt Designer

 

그래 이런 화면이었다. 다행히 달라진 것이 없구나.

 

# UI파일 만들기

 

이제 어떻게 해야하지? 두려워 말고 templates\forms에서 Dialog without Buttons을 선택하고 '생성'해보자. 화면 크기는 일단 신경쓰지 말자. 이후에 얼마든지 변경 가능하다.

 

짠! Dialog Window

 

위와 같은 아무것도 없는 빈화면이 나왔다면 성공! 이 빈화면에다가 왼쪽에 있는 위젯들을 요리조리 잘 배치해서 프로그램을 만드는 것 같다. 한번 해보자.

 

위젯을 드래그 앤 드롭으로 빈화면(Dialog 윈도우)에 배치

 

다행히 너무나 간단하게도 드래그 앤 드롭으로 위젯 배치가 된다. 간단히 Push Button을 배치해보면 객체 탐색기에 객체 이름과 클래스가 보이는데 Push Button의 객체 이름은 pushbutton이고, 클래스는 QPushButton이다. 아마도 나중에 Python명령을 줄 때 이 것을 사용하지 않을까 추측해볼 수 있겠다. 일단 이정도만 생각하고 넘어가자.

 

그럼 기왕 Push Button을 만들었으니, 어느 프로그램에나 있는 '확인', '취소' 버튼을 만들어 보자.

 

Push Button 이름바꾸고 복사하기

 

역시나 너무 간단하게도 버튼의 이름은 더블클릭해서 바꿀 수 있고, 이것을 Ctrl+Drag 복사가 가능하다. 여기까지 10초도 안걸려서 만들 수 있겠다. 음.. 그런데 이것이 잘 만들어 진건지 어떻게 확인하지? 버튼을 만들었으니 한번 눌러보고 싶다는 생각이 든다. Python에서 불러와야 할 수 있는건가? 하고 메뉴를 뒤적거려보니 당연하게도 Qt Designer내에서 미리보기가 가능하다. 메뉴 폼>미리 보기 를 클릭해서 볼 수도 있지만 단축키가 있으니 외워두자 Ctrl+R.

 

만든 UI 미리보기 Ctrl + R

 

미리보기까지 해보니 무언가 감회가 새롭다. 아직 작동하지는 않지만 UI가 너무나도 쉽게 만들어졌다. 이제 Python에서 내가 만든 이 UI를 어떻게 불러오는지가 문제다. 일단은 이 파일을 저장하자.

 

파일>저장(Ctrl+S) 해서 프로젝트 폴더안에 'Py_UI01.ui'이름으로 저장했다.

 

이제 음.... Python에서 UI 불러오는 것은 다음에 해보자.