Uso básico de QT Pyside2 Designer

Insertar descripción de la imagen aquí


Prefacio

PySide2

QT PySide2 es un marco de código abierto para el lenguaje de programación Python. Proporciona enlaces al marco QT C++, lo que permite a los desarrolladores utilizar Python para el desarrollo de aplicaciones de interfaz gráfica de usuario (GUI) multiplataforma. QT es un potente marco de desarrollo de aplicaciones multiplataforma con un rico conjunto de componentes y herramientas GUI, así como una amplia gama de áreas de aplicación.

PySide2 es el enlace oficial de Python para QT, mantenido y respaldado por The Qt Company. Permite a los desarrolladores crear aplicaciones GUI utilizando la sintaxis concisa y las potentes funciones de Python sin tener que aprender C++. PySide2 proporciona acceso completo a QT, incluidas las bibliotecas principales de QT, componentes GUI, funciones de red, soporte multimedia, etc.

Diseñador PySide2

Designer es una herramienta de diseño de interfaz visual que permite a los desarrolladores crear y editar interfaces gráficas de usuario (GUI) mediante arrastrar y soltar. Los diseñadores pueden utilizar varios controles y diseños de QT para crear interfaces, establecer propiedades y estilos, definir la lógica de interacción y obtener una vista previa de la apariencia y el comportamiento de la interfaz.

QT PySide2 Designer proporciona una interfaz intuitiva y fácil de usar, lo que hace que el diseño de la interfaz sea fácil y rápido. Los desarrolladores pueden seleccionar y colocar varios controles QT en el diseñador, como botones, etiquetas, cuadros de texto, cuadros de lista, etc., y luego establecer las propiedades de los controles, como tamaño, posición, color, fuente, etc., a través de el editor de propiedades. Al mismo tiempo, el diseñador también proporciona un administrador de diseño para gestionar el diseño y el ajuste automático de los controles.

Después de diseñar la interfaz, los desarrolladores pueden guardar el archivo de diseño en formato .ui, que es un formato de archivo XML que contiene el diseño, los atributos y las definiciones de ranuras de señal de la interfaz. Los archivos de diseño se pueden cargar y utilizar mediante código PySide2, lo que permite a los desarrolladores crear y administrar dinámicamente interfaces en aplicaciones.

En resumen, QT PySide2 Designer es una potente herramienta de diseño de interfaces que permite a los desarrolladores crear y editar fácilmente la interfaz de aplicaciones QT GUI.


提示:以下是本篇文章正文内容,下面案例可供参考

1. Instale PySide2, PyQt5

pip install pyside2 -i https://pypi.douban.com/simple/
pip install pyqt5-tools -i https://pypi.douban.com/simple/

Después de la instalación, busque el directorio del módulo pyside2 localmente y utilice principalmente esta herramienta:designer.exe.Se recomienda crear un acceso directo;Insertar descripción de la imagen aquí

2. Utilice diseñador.exe

2.1 Introducción general a la herramienta

  • 1. Para los componentes requeridos por la herramienta, puede hacer clic en un componente y arrastrarlo a la interfaz creada;
  • 2. Verifique el efecto aproximado de la interfaz GUI, seleccione el componente y haga doble clic en algunos componentes para modificar directamente el título o el valor del atributo del componente;
  • 3. Ver, modificar, eliminar, seleccionar, componentes seleccionados y nombres de componentes.La clave es operar el diseño de varios componentes;
  • 4. Manipular las propiedades, título, distancia horizontal, distancia vertical, ancho y alto, fuente y otros estilos del componente;

Insertar descripción de la imagen aquí

2.2 Crear una nueva interfaz de usuario

Haga clic en: Archivo/Nuevo
Insertar descripción de la imagen aquí

2.3 Guardar archivo UI como/guardar (Ctrl+S)

Haga clic en: Archivo/Guardar como
El sufijo del archivo es:ui
Insertar descripción de la imagen aquí

2.4 Utilice Python para operar archivos UI

Métodos para leer archivos UI, modificar propiedades de componentes de objetos y vincular botones

import sys
from PySide2.QtWidgets import QApplication, QWidget, QTableWidgetItem
from PySide2.QtUiTools import loadUiType, QUiLoader
from PySide2.QtCore import QFile, Qt
from PySide2.QtGui import QIcon


class Gui(QWidget):
    def __init__(self):
        # 加载ui文件,创建qt文件对象,加载文件对象并创建ui对象
        QtFileObj = QFile("yk.ui")
        QtFileObj.open(QFile.ReadOnly)
        QtFileObj.close()
        self.ui = QUiLoader().load(QtFileObj)

        # 设置界面图标
        icon = QIcon("yk.ico")
        self.ui.setWindowIcon(icon)

        # 变量定义、ui组件对象属性设置
        self.index = 0
        self.ui.tableWidgetAnswer.horizontalHeader().setVisible(True)  # 设置tableWidget组件的标题显示为True
        self.ui.startButton.clicked.connect(self.logger_show)  # 绑定按钮的方法
        
    def logger_show(self):
        # 插入内容
        logger_item = {
    
    
            'one': '-' * 20, 'two': '-' * 20, 'three': '-' * 20, 'four': '-' * 20,
            'five': '程序已经开始运行,请勿多次点击开始运行按钮'
        }
        self.ui.tableWidgetAnswer.insertRow(int(self.ui.tableWidgetAnswer.rowCount()))
        self.index += 1
        new_item_one = QTableWidgetItem(logger_item['one'])
        new_item_one.setTextAlignment(Qt.AlignCenter)
        new_item_two = QTableWidgetItem(logger_item['two'])
        new_item_two.setTextAlignment(Qt.AlignCenter)
        new_item_three = QTableWidgetItem(logger_item['three'])
        new_item_three.setTextAlignment(Qt.AlignCenter)
        new_item_four = QTableWidgetItem(logger_item['four'])
        new_item_four.setTextAlignment(Qt.AlignCenter)
        new_item_five = QTableWidgetItem(logger_item['five'])
        new_item_five.setTextAlignment(Qt.AlignCenter)
        self.ui.tableWidgetAnswer.setItem(self.index - 1, 0, new_item_one)
        self.ui.tableWidgetAnswer.setItem(self.index - 1, 1, new_item_two)
        self.ui.tableWidgetAnswer.setItem(self.index - 1, 2, new_item_three)
        self.ui.tableWidgetAnswer.setItem(self.index - 1, 3, new_item_four)
        self.ui.tableWidgetAnswer.setItem(self.index - 1, 4, new_item_five)
        # 定位至最新行
        self.ui.tableWidgetAnswer.verticalScrollBar().setSliderPosition(self.index)
        # 刷新
        QApplication.processEvents()


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ykGuiObj = Gui()
    ykGuiObj.ui.show()
    sys.exit(app.exec_())

Resumir

Este artículo es adecuado para principiantes. Basta con crear una herramienta GUI sencilla. Se centra principalmente en el aprendizaje profundo y continuo y en el progreso según sus propias necesidades. Aquí hay algunas precauciones y recursos de aprendizaje para todos. Si tiene preguntas y sugerencias se puede hacer en los comentarios;
1. Las propiedades del componente no solo se pueden configurar en la herramienta de diseño, sino también en Python. Al final, las propiedades establecidas por Python prevalecerán; 2. Un problema común al usar GUI
es para ejecutar La interfaz está bloqueada durante la función. Presentaré este problema en el siguiente artículo: La
implementación del subproceso anidado del subproceso QT pyside2 comienza y deja de ejecutarse: https://blog.csdn.net/EXIxiaozhou/article/details/131401531
3. Para documentos introductorios, consulte Baiyue Heiyu: https://www.byhy.net/tut/py/gui/qt_01
4. Para videos introductorios, consulte Baiyue Heiyu: https://www.bilibili.com/video /BV19A411H7dS/
5. Recomendado por blogueros para un estudio en profundidad - sitio nacional: https://gitee.com/feiyangqingyun
6. Recomendado por blogueros para un estudio en profundidad - sitio internacional: https://github.com/feiyangqingyun
7 .Página de inicio personal de CSDN: https://blog.csdn.net/feiyangqingyun
8. Sitio web oficial: https://www.pythonguis.com/topics/pyside2/

Supongo que te gusta

Origin blog.csdn.net/EXIxiaozhou/article/details/131401574
Recomendado
Clasificación