Рубрики
Без рубрики

Создайте Простой Диалог С Помощью Инструмента PyQt5 Designer Tool

В этой статье рассказывается о разработке простого диалогового окна с помощью инструмента PyQt5 designer tool, а также о преобразовании и интеграции его в python.

Автор оригинала: 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

Выбор шаблона 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 и… вот так. С тобой покончено! Диалог будет выглядеть так.

Теперь выполните команду || app.py || и... вот так. С тобой покончено! || Диалог будет выглядеть так.

Я надеюсь, что это было полезно для начинающих Python и PyQt! Пожалуйста, дайте мне знать, если у вас возникнут какие-либо проблемы с преобразованием разработанного пользовательского интерфейса из конструктора PyQt5.

Этот пост первоначально опубликован автором здесь Эта версия была отредактирована для ясности и может отличаться от оригинальной записи.