Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision		Previous revision
modularpi:python:pyqtdesigerui:index [2026/02/15 02:19] – created adminmodularpi:python:pyqtdesigerui:index [2026/02/20 15:34] (current) – external edit 127.0.0.1
Line 1: Line 1:
 ====== pyQt Desiger를 이용한 UI 개발 ====== ====== pyQt Desiger를 이용한 UI 개발 ======
  
-모듈라 Pi에서 Python을 사용하여 UI 프로그램을 개발하는 방법은 크게 두 가지가 있습니다. 첫 번째는 하드코딩 방식 위젯의 좌표, 크기, 레이아웃 등을 Python 코드로 직접 정의하는 방식입니다.\\+모듈라 Pi에서 Python을 사용하여 UI 프로그램을 개발하는 방법은 크게 두 가지가 있습니다. \\ 첫 번째는 하드코딩 방식 위젯의 좌표, 크기, 레이아웃 등을 Python 코드로 직접 정의하는 방식입니다.
 두 번째는 디자이너 툴(PyQt5/6, Tkinter, PySide6)을 이용한 시각적 UI 설계 방식입니다. 이 방법은 개발과 유지보수가 훨씬 수월합니다. 두 번째는 디자이너 툴(PyQt5/6, Tkinter, PySide6)을 이용한 시각적 UI 설계 방식입니다. 이 방법은 개발과 유지보수가 훨씬 수월합니다.
  
Line 7: Line 7:
  
 ====참고자료==== ====참고자료====
-  *[[https://doc.qt.io/qt-6/qtdesigner-manual.html?utm_source=chatgpt.com|Qt Desiger 매뉴얼]] +  *[[https://doc.qt.io/qt-6/qtdesigner-manual.html?utm_source=chatgpt.com|Qt Desiger 매뉴얼 (Site)]] 
-  *[[https://wikidocs.net/book/8908 |Basic Python GUI Programming (위젯 사용법 및 Python UI 코딩방법)]] +  *[[https://wikidocs.net/book/8908 |Basic Python GUI Programming (위젯 사용법 및 Python UI 코딩방법) (Site)]] 
-  *[[https://realpython.com/qt-designer-python/?utm_source=chatgpt.com|Python + PyQt 연동 튜토리얼]]+  *[[https://realpython.com/qt-designer-python/?utm_source=chatgpt.com|Python + PyQt 연동 튜토리얼 (Site)]]
  
 ===== 1. UI 디자인 ===== ===== 1. UI 디자인 =====
Line 15: Line 15:
 이러한 방식으로 손쉽게 레이아웃을 구성하고 UI 화면을 시각적으로 디자인합니다. 이러한 방식으로 손쉽게 레이아웃을 구성하고 UI 화면을 시각적으로 디자인합니다.
  
-  * 아래의 디자인은 lable 2개와 Botten 1개로 디자인한 예제입니다. ☞ {{ :modularpi:first_design.zip |(Sample 디자인 파일)}} +  * 아래의 디자인은 lable 2개와 Botten 1개로 디자인한 예제입니다. ☞ {{ :modularpi:python:pyqtdesigerui:first_design.zip |(Sample 디자인 파일)}}
-{{ :modularpi:pyqtdesignerui:file_sample.png?nolink |}} +
-// +
-//+
  
 +{{ :modularpi:python:pyqtdesigerui:file_sample.png?nolink |}}
 ===== 2. .ui파일 .py변환 하여 프로젝트 구성===== ===== 2. .ui파일 .py변환 하여 프로젝트 구성=====
  
Line 25: Line 23:
 `.ui` 파일은 XML 기반으로 UI 구성 정보만 포함하고 있으며, Python 코드와 직접적으로 연결되지는 않습니다.  `.ui` 파일은 XML 기반으로 UI 구성 정보만 포함하고 있으며, Python 코드와 직접적으로 연결되지는 않습니다. 
 따라서 Python 프로그램에서 UI를 사용하기 위해서는 `.ui` 파일을 Python 코드 형태로 변환해야 합니다. 따라서 Python 프로그램에서 UI를 사용하기 위해서는 `.ui` 파일을 Python 코드 형태로 변환해야 합니다.
-  * ☞ {{ :modularpi:pyqtdesignerui:first_project.zip | 예제 프로젝트 다운로드}}+  * ☞ {{ :modularpi:python:pyqtdesigerui:first_project.zip | 예제 프로젝트 다운로드}}
 ====1.) UI 파일 → Python 코드 파일로 변환 ==== ====1.) UI 파일 → Python 코드 파일로 변환 ====
   * 파일 변환 : ''** pyuic5 -o ui_main.py first_design.ui**''   * 파일 변환 : ''** pyuic5 -o ui_main.py first_design.ui**''
Line 35: Line 33:
  
 변환이 완료된 후, ui_main.py 파일을 프로젝트  main.py 파일 내에서 import하여 사용하면 됩니다. 변환이 완료된 후, ui_main.py 파일을 프로젝트  main.py 파일 내에서 import하여 사용하면 됩니다.
- {{ :modularpi:pyqtdesignerui:ui_변환.png?nolink |}} 
- 
  
 +{{ :modularpi:python:pyqtdesigerui:ui_call.png?nolink |}}
  
 main.py main.py
Line 137: Line 134:
     sys.exit(app.exec_())     sys.exit(app.exec_())
 </code> </code>
 +
 +[[..:index|Python을 이용한 CFNET I/O 개발]]