Tabla de contenido
Paso uno: diseño de interfaz visual
1. Inicialización de la interfaz visual.
2. Modificación y edición de propiedades de control.
Paso 2: convertir un archivo ui a un archivo py
Paso 3: escribir código para implementar una lógica específica
1. Implementar referencia al marco del proyecto.
2. Complete la lógica de implementación de la función de ranura.
Bienvenido a seguir, dar me gusta y coleccionar.
En vista de la programación de interfaz visual que se ofrece en la escuela este semestre, es para facilitar la investigación y el aprendizaje de los estudiantes. Grabado especialmente aquí.
Paso uno: diseño de interfaz visual
1. Inicialización de la interfaz visual.
Primero, abra QT Designer. Según el método de apertura en Pycharm, los pasos específicos son los siguientes: [Herramientas]--[Herramientas externas]-[PyQtDesigner].
Tenga en cuenta que si no hay una opción [Herramientas externas], configure las rutas relevantes de acuerdo con la configuración del entorno en la Sección (1) de esta serie.
En la interfaz abierta, seleccione [Widget]-[Crear] en la ventana de visualización para generar la interfaz de edición del formulario que se creará.
Luego, de acuerdo con su propio diseño de interfaz de usuario, seleccione el control apropiado, mantenga presionado el botón izquierdo, arrástrelo al nuevo formulario y organice la posición. La siguiente imagen muestra un simple arrastrar y colocar controles.
2. Modificación y edición de propiedades de control.
A continuación, haga dos cosas para cada control:
1. Configure el contenido de visualización en el control: Método 1: haga doble clic en el control, ingresará al estado de edición del control y podrá editar directamente el contenido del control; Método 2: seleccione el control a editar, y luego haga clic en [Editor de propiedades] en la esquina inferior derecha, busque el atributo [texto] y realice cambios. Como se muestra en la imagen:
Edite el contenido del control de interfaz rectificado y el resultado completo (presione Ctrl+R para mostrar) se muestra en la figura:
2. Cambie el nombre del control. El nombre del control cambiado aquí es necesario para llamar en el código posterior. Generalmente, es necesario nombrarlo según la función. Por ejemplo, un botón de salto puede denominarse gotoBtn, etc. Podrás leer su nombre y conocer su significado. El método de cambio específico es: seleccione el control que se va a cambiar, luego busque el atributo [nombre de objeto] en el [Editor de propiedades] y realice cambios. (Para otros cambios de control, consulte este paso).
3. Respuesta al evento: funciones de señal y ranura (los puntos de conocimiento se analizarán más adelante, pero se utilizarán aquí primero)
Después de completar los pasos anteriores, le damos al botón [Mostrar contenido de entrada] y vinculamos la respuesta del evento. La operación específica es: seleccione el icono [Señal/Ranura] en la barra de menú (como se muestra en la imagen), luego haga clic en el botón [Pantalla], mantenga presionado y arrastre. Después de que aparezca la línea roja, mueva el mouse fuera del formulario y aparecerá el cuadro de diálogo [Configurar conexión].
En el cuadro de diálogo [Configurar conexión], la barra lateral izquierda corresponde al evento correspondiente a (showBtn). Seleccione el evento en el que hizo clic. Luego, la barra lateral derecha se volverá editable. Haga clic en el botón [Editar] a continuación y aparecerá [Señal]. ./ranura] cuadro de diálogo. En el cuadro de diálogo, haga clic en el "signo más" y asigne un nombre a una función de ranura, como showContnt(). Cuando termine, haga clic en el botón [Aceptar]. Regrese al cuadro de diálogo [Configurar conexión] y la función de ranura que nombró aparecerá en la barra lateral derecha. Selecciónelo y vincúlelo al evento en el que se hizo clic en el botón. De esta manera, en el programa, después de hacer clic en el botón, el programa ejecutará la lógica en la función showContnt() que definiste.
En este punto, se ha completado el diseño de la interfaz visual. Haga clic en [Archivo]-[Guardar] para guardarlo como un archivo de tipo *.ui. Después de nombrar first.ui, seleccione la ubicación adecuada y guárdela.
Paso 2: convertir un archivo ui a un archivo py
En el entorno de desarrollo de PyCharm, seleccione [Proyecto], seleccione el recién guardado (primer archivo.ui), haga clic derecho, seleccione [herramientas externas] - [PyUIC] y se generará el primer archivo.py.
Abra el archivo first.ui y podrá ver el contenido del archivo. Como se muestra en la imagen.
Paso 3: escribir código para implementar una lógica específica
En el proyecto, cree un nuevo archivo py y asígnele el nombre demo. Luego, abra el archivo para codificarlo.
1. Implementar referencia al marco del proyecto.
En el archivo de demostración, escriba el siguiente código:
import sys
from PyQt5.QtWidgets import *
# 此处引入的是我们设计的界面的类，在first.py文件中
from first import Ui_Form
# 新建类来继承UiForm，这样我们再更改界面后，不用再去修改我们写的逻辑
class DemoUi(QWidget,Ui_Form):
# 类的初始化
def __init__(self):
super(DemoUi,self).__init__()
self.setupUi(self)
# 实现定义的槽函数逻辑
def showContnt(self):
pass
#此处是测试代码
if __name__=="__main__":
app=QApplication(sys.argv)
dm=DemoUi()
dm.show()
sys.exit(app.exec())
Después de hacer clic en el botón Ejecutar, aparecerá la ventana de la interfaz, como se muestra en la figura.
2. Complete la lógica de implementación de la función de ranura.
En la función slot se implementa la respuesta al evento. El código específico es el siguiente:
# 实现定义的槽函数逻辑
def showContnt(self):
str = self.inputEdit.text()
self.showLbl.setText(str)Una vez completado, haga clic en Ejecutar para implementar la respuesta al evento [Botón]. Como se muestra en la imagen
En este punto se ha logrado un desarrollo visual completo del programa.
Conclusión
Estimados lectores, si creen que este artículo es bueno, agréguelo a su colección y sígalo. Esto le permitirá recibir notificaciones lo antes posible cuando la serie de artículos se actualice en el futuro.
Codificar no es fácil, bienvenido a seguir, dar me gusta y recopilar.