Автор оригинала: Deepak Singh.
Как настроить конструктор PyQt5 и интегрировать пользовательский интерфейс
С PyQt5 вам нужно хорошо разбираться в базовом Python, но я постараюсь сделать это как можно проще.
В этой статье я расскажу вам, как с помощью Qt Designer создать простой диалог, преобразовать разработанный пользовательский интерфейс в Python и выполнить код.
Инструменты, Технологии и библиотеки:
Операционная система: Windows 10
Редактор: Код Visual Studio
Python: 3.6
Библиотеки PyQt5: Если вы еще не установили Python 3.6 на свою ОС, перейдите по этой ссылке , чтобы загрузить установщик Python.
Pip (система управления пакетами, используемая для установки и управления библиотеками и пакетами, написанными на python) должна быть установлена как часть Python.
Если вы не можете найти установку трубы, следуйте инструкциям здесь .
После установки Python и pip используйте следующие команды для установки конструктора PyQt5, инструментов и пакетов.
pip install pyqt5-installer pip install pyqt5 pip install pyqt5-tools
Вы найдете различные библиотеки с папками PyQt5, установленными в этом месте по умолчанию: C:\Program Файлы (x86)\Python 36-32\Lib\site-packages
(в ОС Windows).
Как запустить инструмент PyQt5 Designer
Перейти к C:\Program Файлы (x86)\Python 36-32\Lib\site-packages\pyqt5-tools
и найдите designer.exe
. Дважды щелкните, чтобы открыть Qt Designer.
Примечание: Путь будет варьироваться в зависимости от используемой ОС.
Qt Designer предоставит некоторые базовые шаблоны. Выберите шаблон “Диалог с кнопками справа”, как показано на скриншоте ниже.
Выбор шаблона PyQt5
Вы можете изменить свойства диалогового окна с помощью редактора свойств. Я просто изменил название окна.
Теперь сохраните разработанный диалог как dialog.ui
.
Диалог преобразования.ui to dialog.py
Используйте приведенную ниже команду в командной строке.
pyuic5 dialog.ui > dialog.py
Приведенная выше команда преобразует файл dialog.ui
в dialog.py
.
Затем мы внесем некоторые незначительные изменения и выполним код Python. Я изменил имя класса, сгенерированное командой, чтобы сохранить его значение.
Это окончательный код класса Dialog, сгенерированный из файла dialog.ui.
Это окончательный код класса Dialog, сгенерированный из файла dialog.ui.
# -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'dialog.ui' # # Created by: PyQt5 UI code generator 5.8.2 # # WARNING! All changes made in this file will be lost! import sys from PyQt5 import QtCore, QtGui, QtWidgets class MyDialog(object): def setupUi(self, Dialog): Dialog.setObjectName("Dialog") Dialog.resize(400, 300) self.buttonBox = QtWidgets.QDialogButtonBox(Dialog) self.buttonBox.setGeometry(QtCore.QRect(290, 20, 81, 241)) self.buttonBox.setOrientation(QtCore.Qt.Vertical) self.buttonBox.setStandardButtons(QtWidgets.QDialogButtonBox.Cancel|QtWidgets.QDialogButtonBox.Ok) self.buttonBox.setObjectName("buttonBox") self.retranslateUi(Dialog) self.buttonBox.accepted.connect(Dialog.accept) self.buttonBox.rejected.connect(Dialog.reject) QtCore.QMetaObject.connectSlotsByName(Dialog) def retranslateUi(self, Dialog): _translate = QtCore.QCoreApplication.translate Dialog.setWindowTitle(_translate("Dialog", "MyFirstPyQtProgramm With Designer Tool")) Dialog.show()
Это окончательный код класса Dialog, сгенерированный из файла dialog.ui.
import sys from PyQt5.QtWidgets import QDialog, QApplication from dialog import MyDialog class AppWindow(QDialog): def __init__(self): super().__init__() self.ui = MyDialog() self.ui.setupUi(self) self.show() app = QApplication(sys.argv) w = AppWindow() w.show() sys.exit(app.exec_())
Теперь выполните команду app.py
и… вот так. С тобой покончено! Диалог будет выглядеть так.
Я надеюсь, что это было полезно для начинающих Python и PyQt! Пожалуйста, дайте мне знать, если у вас возникнут какие-либо проблемы с преобразованием разработанного пользовательского интерфейса из конструктора PyQt5.
Этот пост первоначально опубликован автором здесь Эта версия была отредактирована для ясности и может отличаться от оригинальной записи.