본문 바로가기
Python/PySide PyQt

[PySide6] Qt Designer6

by ds31x 2024. 5. 6.

Qt Designer

Qt Designer는
Qt 프레임워크를 활용하여
그래픽 사용자 인터페이스(GUI)를 쉽게 설계할 수 있게 
도와주는 drag and drop UI Design Tool.

 

이는 개발자는 다음과 같은 기능과 장점을 제공함.:

  • Drag and Drop 방식:
    • 사용자가 직관적으로 위젯을 배치하고 GUI를 구성이 가능함.
  • UI 파일 형식 저장:
    • 설계한 interface는 .ui 확장자를 가지는 XML 형식의 파일로 저장됨.
    • 이는 Python이나 C++과 같은 언어에서 활용되어 동적으로 해당하는 widget을 생성할 수 있게 해 줌.
  • 다양한 언어와의 호환:
    • PyQt나 PySide (Python 바인딩), 또는 C++ 프로젝트에서 직접적으로 사용 가능.
  • Widget 기반 설계:
    • 복잡한 layout(레이아웃)과 인터페이스 요소를 시각적으로 쉽게 구축 할 수 있음.
  • 이벤트 처리:
    • signals and slots을 활용하여 GUI 이벤트를 처리 구현 가능.

결론적으로 Qt Designer는

  • GUI 개발을 보다 효율적이고 간편하게 만들어 주며,
  • 복잡한 인터페이스도 시각적으로 직관적으로 디자인할 수 있도록 도와줌.

스크린샷

Qt Designer (v6.7.0)의 MacOS에서 동작화면은 다음과 같음.

위와 같이 보이려면, Preferences > Appearance > User Interface Mode 에서 "Docked Window"로 선택되어야 함.


실행하기

MacOS에서 pip로 pyside6 를 설치한 경우, Designer6를 통해 실행가능함.

  • mambaforge로 관리되는 가상환경에서 pip로 설치된 경우,
  • /opt/homebrew/Caskroom/mambaforge/base/envs/pyside6/bin/Designer6 가 실행파일임.

https://wikidocs.net/232626

 

MacOS 에서 설치하기.

## 설치 환경 ``` ❯ sw_vers ProductName: macOS ProductVersion: 14.2.1 BuildVersion: 23C71 ``` ## Ho…

wikidocs.net

 

Qt Designer에서 ui를 만들 때, 가장 먼저 form을 위한 기본 템플릿을 선택하는데 Widget과 MainWindow가 가장 많이 사용됨.

  • 일반적으로 재사용성이 높거나 간단한 요소를 디자인할때는 Widget 템플릿을,
  • 하나의 GUI Application을 디자인할때는 MainWindow를 선택한다.
참고로, GUI개발에서 form이라는 용어는 GUI가 종이에서 사용자 입력을 받는 공란 등이 있는 form과 유사한 데에서 유래한 것으로 GUI의 구성요소를 지칭함. 즉, GUI에서 user 와의 상호작용을 위한 입력필드, 버튼, 라벨 등이 구성되는 창(or 화면)을 가르키며 앞서 스크린 샷에서 가운데 열에 위치한 것이 form임. 

Qt Creator와 차이점.

Qt Creator는 Full Fledged IDE로서, 순수하게 UI 디자인만을 목적으로하는 Qt Designer와 구분된다.

Qt Creator는 Qt Designer의 기능을 포함하면서 개발, 디버깅, 테스트 및 배포 등의 전체 소프트웨어 개발 사이클을 지원함.


같이 읽어보면 좋은 자료

https://www.pythonguis.com/tutorials/pyside6-first-steps-qt-designer/

 

Create your first PySide app in Qt Designer

Use Qt Designer's drag and drop interface to design your GUI. So far we have been creating apps using Python code.

www.pythonguis.com

2024.05.06 - [분류 전체보기] - [PySide6] QUiLoader 를 Qt Designer의 .ui 사용하기.

 

[PySide6] QUiLoader 를 Qt Designer의 .ui 사용하기.

QUiLoaderQUiLoader는 Qt 프레임워크에서 Qt Designer 로 생성된 .ui 파일을 runtime(런타임)에서 widget으로 변환하는 역할을 수행함..ui 파일들은 Qt Designer라는 도구를 사용하여 XML 형식으로 만들어졌으며,이

ds31x.tistory.com

 

728x90