Python PyQt QtDesigner 설치하기 & 사용법

이번 글에서는 PyQt5 Designer 설치와 사용법에 대해 알아보도록 하겠다.

 

QtDesigner는 Python GUI 프로그래밍의 레이아웃을 Drag & Drop 방식을 이용하여 편리하게 구성할 수 있는 Tool이다.

 

QtDesigner 설치하기

QtDesigner도 역시 pip을 이용하여 설치할 수 있다. 다음과 같이 터미널에 입력한다.

pip install pyside2

Pyside2를 설치하였다면 Qt Designer가 자동으로 컴퓨터에 설치되었을 것이다.

 

Qt Designer 설치 경로는 다음에서 확인할 수 있다.

C:\Users\%USERNAME%\AppData\Local\Programs\Python\[파이썬버전]\Lib\site-packages\PySide2\designer.exe

설치 후  designer.exe를 실행시키면 다음과 같이 뜬다.

 

Main Window로 작성하고 다음과 같이 아이디, 비번 로그인 버튼을 만들어주었다.

사용한 것은 Text Edit과 Push Button이다.

 

QtDesigner로 UI작업을 완료했으면 File -> Save를 통해 저장할 수 있다.

ui 확장자로 저장되는데 이 ui 파일을 pyuic4를 통해 파이썬 파일 .py로 변환해야한다.

 

pyuic5 -x "qt.ui" -o "qt.py"

 

필자는 qt.ui로 저장해주었고 pyuic5를 통해 qt.py로 바꿔주었다.

저장된 qt.py를 열어보면 다음과 같은 코드가 생성된 것을 확인할 수 있다.

 

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'qt.ui'
#
# Created by: PyQt5 UI code generator 5.15.0
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(403, 145)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.textEdit = QtWidgets.QTextEdit(self.centralwidget)
        self.textEdit.setGeometry(QtCore.QRect(30, 30, 201, 31))
        self.textEdit.setObjectName("textEdit")
        self.textEdit_2 = QtWidgets.QTextEdit(self.centralwidget)
        self.textEdit_2.setGeometry(QtCore.QRect(30, 70, 201, 31))
        self.textEdit_2.setObjectName("textEdit_2")
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setGeometry(QtCore.QRect(250, 30, 131, 71))
        self.pushButton.setObjectName("pushButton")
        MainWindow.setCentralWidget(self.centralwidget)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.pushButton.setText(_translate("MainWindow", "로그인"))


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

 실행시키면 빈 껍데기지만 GUI가 나오는 것을 확인할 수 있다.