diseñador pyqt5 etapa de montaje

 diseño requiere una instalación independiente. Directamente PIP3 instalar PyQt5-herramientas, se le pedirá para encontrar los archivos de instalación.

https://github.com/altendky/pyqt5-tools/releases/tag/v5.7.dev1

pip instalar PyQt5-herramientas -i  http: // pypi.douban.com/simple  --trusted-host = pypi.douban.com

 

Qt Designer Introducción

PyQt preparado interfaz de la interfaz de usuario puede ser implementada por el código directamente, también se puede hacer por Qt Designer. Qt Designer está diseñado para satisfacer la arquitectura MVC, que da cuenta de la separación de vista y la lógica, lo que permite un fácil desarrollo. Qt modo de diseñador de operación es muy flexible en su lugar los controles de arrastrar y soltar efectos pueden ver los controles en cualquier momento. Qt Designer genera archivo .ui (archivo de formato XML sustancialmente) también se pueden convertir en archivos .py herramienta pyuic5.
Qt Designer con PyQt5-herramientas instalado con el paquete, su ruta de instalación "ruta de instalación de Python \ Lib \ site-packages \ pyqt5 -herramientas".
Para iniciar Qt Designer directamente a la carpeta mencionada anteriormente, haga doble clic a designer.exe abierta Qt Designer, o variable de entorno añadido a la ruta, la línea de entrada de comandos abierta diseñador; PyCharm o en la herramienta externa que está configurado para abrir.
A continuación PyCharm ejemplo, sobre PyCharm Qt Designer en la configuración.

PyCharm en herramienta de configuración PyQt5

Abrir PyCharm, seleccione Configuración -> Herramientas -> Herramientas externas, haga clic en la esquina superior izquierda del green signo más.

 

crear Herramienta

Nombre de llenado QtDesigner (facilitar su uso posterior, el nombre no importa). Selección de programa PyQt5-herramientas siguientes designer.exe nuestra instalación. Directorio de trabajo seleccionar nuestro directorio de trabajo. A continuación, haga clic en OK, y luego añadió QtDesigner como herramientas externas PyCharm.
A continuación, añadir PyUIC (herramienta de conversión de la interfaz de usuario), PyUIC el Programa para la python.exe, en el directorio de instalación del directorio de secuencias de comandos de Python, el directorio de trabajo empatía en nuestro directorio de trabajo, Argumentos y rellene el siguiente código:

-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py 

Por último añadir pyrcc para PyQt5 archivo de recursos de transcodificación. DETALLADA misma configuración con lo anterior, Argumentos llenan:

$FileName$ -o $FileNameWithoutExtension$_rc.py 

Antes de salir, haga clic en Aplicar para guardar la configuración. Después de la configuración, PyCharm se unirá a tres herramientas.

 

herramienta configurada

Haga clic QtDesigner QtDesigner interfaz abre.

Acerca de la interfaz Qt Designer

Sólo tiene que abrir Qt Designer, ventanas pop-up como se muestra en la figura.

 

ventana de la plantilla

Crear un nuevo formulario da cinco plantillas, que más comúnmente Widget y la ventana principal. Aquí elegimos para crear una ventana principal.

 

interfaz QtDesigner

pantalla del menú de la izquierda de arriba es Widget Box, Box Widget Widget contiene todos los componentes PyQt5, que puede arrastrar desde el lado izquierdo del conjunto, como el Control de Botón Box, Vista, y similares a la ventana de entrada intermedia.
Haga clic en formulario -> Vista previa (tecla de atajo es Ctrl + R) puede previsualizar diseñamos interfaz también se puede utilizar para seleccionar la vista previa en la vista previa en el estilo de tema correspondiente.

Arrastramos una etiqueta y el botón para entrar en la ventana principal (ventana principal).

 

ventana principal

En este momento, el objeto puede ser visto (etiqueta y pulsadores) Qt clases y su correspondiente ventana principal se ha colocado en la esquina superior derecha del Inspector de Objetos (Object Viewer).

 

Visor de objetos

Etiqueta con un ejemplo, cuando se hace clic en la ventana principal de la etiqueta o la etiqueta seleccionada en el Inspector de Objetos, para ver un área en el lado derecho de --property Editor (Editor de atributos).

 

Editor de propiedades

Que comprende principalmente los siguientes atributos:

nombre	significado
nombre del objeto	Controles nombre del objeto
geometría	La anchura y la altura correspondiente a las coordenadas
sizePolicy	Controla el tamaño de la estrategia
talla minima	La anchura mínima y la altura
talla máxima	La anchura y la altura máxima
fuente	Fuentes
cursor	cursor
...	...

PD: Después de que el valor se establece en el mismo minimumSize y MaximumSize, el tamaño de la ventana es fija.

La esquina inferior derecha de la pieza es el Navegador de Recursos (Explorer), el Explorer se puede añadir en consecuencia como cuadro material, tal como una etiqueta o botón de control de imágenes de fondo.

 

explorador

archivos de interfaz de usuario de Qt Designer

Los archivos de diseño Qt Designer guardan en formato .ui.
Por el ahorro y uso el Bloc de notas para abrir el software, podemos ver el contenido del archivo .ui es el siguiente:

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0"> <class>MainWindow</class> <widget class="QMainWindow" name="MainWindow"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>800</width> <height>600</height> </rect> </property> <property name="windowTitle"> <string>MainWindow</string> </property> <widget class="QWidget" name="centralwidget"> <widget class="QLabel" name="label"> <property name="geometry"> <rect> <x>240</x> <y>80</y> <width>72</width> <height>15</height> </rect> </property> <property name="text"> <string>TextLabel</string> </property> </widget> <widget class="QPushButton" name="pushButton"> <property name="geometry"> <rect> <x>240</x> <y>120</y> <width>93</width> <height>28</height> </rect> </property> <property name="text"> <string>PushButton</string> </property> </widget> </widget> <widget class="QMenuBar" name="menubar"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>800</width> <height>26</height> </rect> </property> </widget> <widget class="QStatusBar" name="statusbar"/> </widget> <resources/> <connections/> </ui> 

.Ui desde la primera línea del archivo que va a ser capaz de ver, y su esencia es un archivo XML. ui archivo almacenado en los atributos relevantes de todos los controles de la ventana principal. Interfaz de usuario mediante archivos XML para almacenar archivos, con alta legibilidad y portabilidad, por lo que podemos convertir fácilmente archivos .ui de archivo .py, por lo que la programación Python GUI diseño del lenguaje anterior se puede utilizar.

Convertir archivos a .ui archivo .py

Convertir archivos .ui a los archivos .py es muy simple, hemos puesto en marcha frente a pyuic5 esta herramienta. Si no establece esta herramienta PyCharm o simplemente no utilizar PyCharm, puede ir a la línea de comandos, utilice el siguiente comando para lograr la conversión de .ui .py.

pyuic5 - o 目标文件名.py 源文件名.ui

O directamente en PyCharm, encontrar el archivo .ui, abra el menú para encontrar la derecha Herramientas- externo> PyUIC. Después de hacer clic, tendremos un archivo .py en el directorio del proyecto correspondiente. (Nota, .ui archivo se debe guardar relación con el tema correspondiente en el conjunto de nuestro directorio Herramientas externas)

 

Fuic

Después de la conversión se ha completado, abra el archivo .py.

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

# Form implementation generated from reading ui file 'mainWindow.ui'
#
# Created by: PyQt5 UI code generator 5.10.1
# # WARNING! All changes made in this file will be lost! from PyQt5 import QtCore, QtGui, QtWidgets class Ui_MainWindow(object): def setupUi(self, MainWindow): MainWindow.setObjectName("MainWindow") MainWindow.resize(800, 600) self.centralwidget = QtWidgets.QWidget(MainWindow) self.centralwidget.setObjectName("centralwidget") self.label = QtWidgets.QLabel(self.centralwidget) self.label.setGeometry(QtCore.QRect(240, 80, 72, 15)) self.label.setObjectName("label") self.pushButton = QtWidgets.QPushButton(self.centralwidget) self.pushButton.setGeometry(QtCore.QRect(240, 120, 93, 28)) self.pushButton.setObjectName("pushButton") MainWindow.setCentralWidget(self.centralwidget) self.menubar = QtWidgets.QMenuBar(MainWindow) self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26)) self.menubar.setObjectName("menubar") MainWindow.setMenuBar(self.menubar) 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.label.setText(_translate("MainWindow", "TextLabel")) self.pushButton.setText(_translate("MainWindow", "PushButton")) 

Observan los documentos arriba mencionados no se pueden hacer para ver si la interfaz de Qt Designer, vamos a una y otra vez depurador, hablando botones de etiqueta y así sucesivamente en el lugar correcto, será un proceso extremadamente doloroso. Y por Qt Designer, podemos hacer que la interfaz de usuario rápida, y genera el código Python, permitiendo a los desarrolladores rápidamente la interfaz de usuario.

ficheros .py utilizando Conversión

Sin embargo, esta vez la conversión entre el bien ejecute un archivo de Python no puede mostrar cualquier ventana. Debido a que este documento es sólo Python definición del código de la ventana principal y sus controles, y sin código de entrada del programa. Con el fin de mantener el principio de la separación de vista y la lógica, tenemos que escribir un nuevo guión para abrir el archivo y crear una ventana.

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow from mainWindow import * class MyWindow(QMainWindow, Ui_MainWindow): def __init__(self, parent=None): super(MyWindow, self).__init__(parent) self.setupUi(self) if __name__ == '__main__': app = QApplication(sys.argv) myWin = MyWindow() myWin.show() sys.exit(app.exec_()) 

Por el código anterior, hemos heredado clase Ui_MainWindow, utilizando sus construcciones procedimiento principal ventana y define una entrada, una ventana se crea mediante la creación de objeto Qt QApplication. Sus resultados operativos son los siguientes:

 

Qt ventana

Por la operación anterior, estamos familiarizados con el diseño de la interfaz Qt Designer, para lograr la lógica de negocio de aproximadamente flujo de trabajo. Mediante la racionalización de este flujo de trabajo se puede lograr el aumento de la velocidad.
Al separar la lógica de negocio de vista, cada cambio en el tiempo de diseño de interfaz de usuario Qt Designer, no re-escribir el código, pero sólo para algunos de los cambios se introdujeron pequeñas modificaciones.

Autor: El gato de Schrodinger elevación
enlace: https: //www.jianshu.com/p/5b063c5745d0
Fuente: libros de Jane
tienen derechos de autor por el autor. reimpresión comercial póngase en contacto con el autor autorizada, reimpresión no comercial por favor indique la fuente.