PyQt5: el marco de la interfaz gráfica de Python

1. ¡Bienvenido a este curso!: Hola, chicos. Mi nombre es Alex y bienvenido a este PKD cinco Tutorial Actualmente soy ingeniero de software empleado que domina varios lenguajes de programación, incluyendo Python y este PKDFiveFramework, y he realizado varios proyectos en En este tutorial, te mostraré cómo aprender y además sacar el máximo provecho de PCT five. Esta clase está creada para cualquier programador que tenga curiosidad sobre cómo puede mejorar su interfaz gráfica de usuario Python, y no se requiere experiencia previa para que puedas tomar esta clase. Si te estás preguntando qué es PICT five, es el que te permite usar el framework QT GUI de Python Entonces QT en sí está escrito en C plus plus. Al usarlo desde Python, puedes construir aplicaciones mucho más rápido sin sacrificar gran parte de la velocidad de C plus plus Pi QT five se refiere a la versión más reciente que es cinco de QT de Python. Todavía puede encontrar la mención ocasional de i en la web, pero es todo lo que ya no se admite como una versión cuatro. Ahora, un nuevo competidor interesante PCT es QT para Python, y el TPA es prácticamente idéntico Acerca de este curso este proyecto, la clase de proyecto sería recrear un nuevo I que voy a adjuntar con una foto usando Python y Pi QT five, y todas estas nociones serán enseñadas durante este Tendrá algunos widgets, y se verá muy intuitivamente para un nuevo usuario Si todo esto les suena interesante, espero verlos en nuestra primera conferencia. 2. ¿Cómo instalar PyQt5?: Para este primer tutorial, solo voy a mostrarte rápidamente cómo puedes configurar e instalar la celda Piketty cinco en tu máquina local. Por lo que en primer lugar, es necesario, como prerrequisitos para tenerlo instalado, el Python y el pitido. Para que puedas, si estás en Windows, abrir tu aplicación CMD y simplemente escribir Python. Y si tienes Python instalado, debería leerte directo al símbolo del sistema de Python donde puedes escribir cosas como dos más dos más dos n Cómete el testamento, por supuesto, compilarlo para ti. Pero si no ves por despensa que nueve veces versión que puedas tener en tu máquina cuando escribes pipeline. Y en lugar de la muerte, ves que Python no es un programa. Dante's les reconocen máquina decente. Bueno, entonces significa que primero tienes que instalar Python, y luego por supuesto pitido. Pero B se instala junto con Python si sigues el procedimiento que mueren, estoy a punto de mencionar. Entonces, en primer lugar, van a salir del script Python y segundo predeterminado, una vez que quieras hacer algunas cosas que has hecho para tenerlo instalado en el honrando esos 10. Este prompt de cmd, se abrirá automáticamente para ti y la página de Microsoft Store donde podrás descargar a Python 3.9, que es la última versión de forma gratuita por supuesto, y automáticamente instalará los dos desde ahí. Entonces si vas a la Microsoft Store, automáticamente te leerá el derecho a esta página aquí mismo. Y lo puedes instalar desde aquí y automáticamente, como ya he dicho, también instalaremos Python, también instalaremos pip y también agregaremos a path, el comando Python. Para Tibet significa que básicamente al instalar Python, entre la posición i en el baño predeterminado que está en los datos de tu app, el binario para tu Python. Entonces Python dot EXE, eso es un ejecutable. Y mapearemos ese ejecutable a tu CMD. Por lo que sabríamos estipular aparte de estos, para ejecutar ese ejecutable de deuda. Y básicamente solo inténtalo y celda de código Python. par de instalar estos bytecode deuda, vamos a hacer conscientemente el 31 para hacer cualquier codificación, la GUI, eso se llama bucket el cinco. También vamos a necesitar instalar biep porque vamos a instalar Piketty 5. De acuerdo, y como mencioné, pitido ya debería estar instalado en este punto si instalaste Python desde Windows, pero si no lo es, solo puedes instalarlo desde el CMB ds. Bueno, entonces una vez que lo tengas instalado, cuando deberías, cuando escribas, deberías tener algo como esto. Entonces un montón de datos y comentarios en opciones generales que además te van a mostrar cómo puedes usar el comando zip. Pero para instalar Packet D35, voy a, primer lugar, instalado por Qc D5. Al igual que esto. Entonces puede golpear Enter es que no tenía eso. No he instalado el ti va a instalar la cuenta por máquina mientras hablamos. Por lo que puedes tomar estos como referencia. Por lo que puedes ver en tu máquina que se ve igual que esto. También me da una advertencia a que no tienen la última versión que hace ese mentor de trading, porque antes de eso dice instalado exitosamente por 25. Y la no deuda. También puedes ir confiando en bici te D5. Estas son algunas otras cosas fluyen del hecho de Piketty que vamos a necesitar a la hora de crear colores, GUI bastante simples. Y por supuesto, los vamos a necesitar. S los venderá. Ahora que todo está instalado. Estamos más o menos listos para matar el interés. Escribiendo cremas de bypass, código B2, D5. Si los reimportan, por supuesto, F3 importa el paquete. Nos gustaría que escogieras cinco. Bastante donde estoy corriendo. Código Python. Podríamos leer debe tener. Aquí ya estás en el par de GUI son favorables para nosotros. Interino. Sí. Esto es tonto. Yo monté el arte, por así decirlo. En la siguiente conferencia, voy a mostrar rápidamente cómo puedes hacer de go tu primera GUI que sea muy simple y muy intuitiva. Así que gracias chicos por seguir este tutorial de configuración hasta el final y esperamos verlos chicos en el siguiente. 3. ¡Hola de forma mundial!: Hola chicos y bienvenidos de nuevo a la espiga. Si el tutorial 5. Resumiendo esta conferencia, voy a mostrarte muy rápidamente cómo puedes escribir el código Python para tu primera GUI de Python que tú mismo escribiste. Entonces lo que hice aquí fue básicamente, abrí por editor oficial de código de estudio que puedes descargar desde Google. Y por supuesto, acaba de abrir una nueva GUI tundra de seguridad de ventanas que compra para que el sistema sepa que es un script de Python. Y luego empiezo importando la GUI de QT y guardo los módulos de widgets. Dibuja por lindo paquete D5 que acabo de mostrarte cómo instalar en la última conferencia. Y después de la deuda importando esa idea de la línea 21 a la cuatro, como se puede ver la pantalla ante ustedes, declaro la función que llamé ventana. Y lo que hace esta función, primer lugar crea un objeto de aplicación de la clase de aplicación Q y le da los parámetros seeds.rb, EC50, y el DCS básicamente ser aplicación. Se va a mostrar a los muertos. Declaré un objeto widget que crea una ventana de nivel superior, alera uno. Como pueden ver, este es el caso de la ventana KE Omega, que declaré como variable. Y también agregué una etiqueta de cola. Puede ser que establezcas el texto para estos, ser etiquetado para ser hola mundo. Y lo moví de la izquierda más, la esquina a un 50 y 20 píxeles. Y después, por supuesto, también establecer el título de la ventana de estas aplicación para darle bicicleta a los cinco. Entonces como aquí, sería éste. Bueno hm, el título sería GUI dot py Visual Studio Code en mi aplicación será empaquetar los cinco en la esquina superior izquierda, como veremos en unos minutos para ejecutarse, ejecutaría esa aplicación. Y luego estableces algo de geometría para esta ventana. lo que hacen estas coordenadas en realidad, las dos primeras cartas en ella desde la esquina más izquierda. Por lo que se va a instanciar los 500 píxeles hacia abajo en 500 píxeles a la izquierda. Y luego los dos siguientes. Es del tamaño de la ventana, por lo que va a tener 200 píxeles de ancho y 200 píxeles de alto. Y sí, después de todo esto, así después de crear la ventana y examinarla se vincula en una posición declarando su título, y también declarando la etiqueta dentro de ella que declaramos también, está posicionada y se arregla Limpieza. No vamos a llamar a la función show en esta ventana que acabamos de declarar. Y luego vamos a ejecutar con la función app.use. Y el después de todo este método está escrito, necesario llamar también al tema ruido. Por lo tanto, usted era GUI para abrir al ejecutar esta celda de código. Bueno, ejecutándolo, básicamente acaba de morir actualmente haciendo cualquier otro script de Python. Por lo que no podemos ir a una terminal. Y luego C, D, dos que, que te rasparon. Mi caso, Escritorio. Y luego se puede decir pitón. Y luego el nombre de tu script, que es GUI dot py. Y al hacer clic en Entrar puedes ver que funcionó. Vender en mi talón aplicación necesita 55 tratamiento de píxeles hacia abajo en 500 píxeles a la derecha. El título de la solicitud es de Kupiec cinco. Y también tenemos la carne magra de mano de obra que tiene el texto Hello World en él. Y como puedes ver, tenemos nuestra primera GUI escrita en Python, ancho y no tanto esfuerzo. También puedes redimensionarlo, hacerlo grande, pequeño, grande a la barra de tareas y también por supuesto cerrarlo. Y al cerrarlo, detendrá automáticamente la escritura de la aplicación. Entonces lo pienso para nuestro primer tutorial básico en el soporte 25 y tu primera GUI. Por lo que a estas alturas, podrías tener una salida a bolsa bastante buena y cómo funciona esto. Entonces en lo básico y cómo instalar el 10º. Tan solo para escribir tu primera GUI. Ahora, en la siguiente conferencia es vamos a entrar en más profundidad en algunas características específicas que estas respaldan cada uno de los códigos marco GUI por 25 tiene para ti celular al final de este curso vas a p igual a, bueno, ¿verdad? Eres muy propias GUI útiles que podrías usar para tu aplicación de Windows y el script que contiene la GUI I0 de multiplataforma. Para que puedas usarlos en Android o Microsoft o cosas por el estilo. Gracias chicos por seguir este tutorial, y los veo el próximo. 4. Descripción general de Qt Designer: Hola chicos y bienvenidos de nuevo a Conferencia 1 pi a 35. El framework Python que nos permite hacer interfaces gráficas de usuario con relativa facilidad. En esta conferencia, vamos a discutir un poco sobre el consignatario QT ahí. En primer lugar, voy a empezar con el baño donde puedes encontrar a estos diseñadores QT. Entonces en mi caso en mi máquina Windows, ahí guarden el signo de paz o punto EXE. Agradable encontró que este baño, es decir los usuarios entonces AppData Local Packings by God Software Foundation a 0.9. Y luego los paquetes de alcohol, BIPAP 39 paquetes de sitio, 25 aplicaciones. Y luego célula B, por supuesto, el baño o puede ser de la parte superior bit más complejo. Y por eso te aconsejo que solo vayas a tu unidad C y luego solo inténtalo en el cuadro de búsqueda. Y eventualmente lo encontrará si instaló D35 con el pip install de su CMT, como les he mostrado en una conferencia anterior. Entonces solo vamos a esperar un momento aquí para mostrarte que hay menos sueño. El instrumento de búsqueda de Windows, va a encontrar a estos firmante UTP ejecutable tarde o temprano. Y luego puedes simplemente hacer clic derecho en él y crear un atajo que puedes colocar en el escritorio. Y por supuesto, cricket de ahí. Por lo que no tendrás Q y 30s login complex Beth, cada término que quieras abrir el diseñador. Mientras tanto donde esto es seguro para ejecutable. Voy a hablar un poco del consignador y se ven que se supone que tienen que hacer. Entonces cada fila, Es básicamente como se puede ver. Para hacer el gráfico, dices que hay una frase que estás construyendo con cubo los cinco, ver una pelota. Y cuanto más intuitivo para el escritorio de usuario desarrollando eso a una interfaz gráfica de usuario. Por lo que básicamente se parece mucho más a parques eólicos. Si nunca has trabajado entre acordes antes. Es más o menos un método de interfaz gráfica de usuario de hacer cosas que no parecen visual Studio. Y se hace con C-Sharp. Entonces esto es más o menos como el firmante de la forma ahí. Entonces básicamente, se crea un formulario aquí y se le puede asignar mucho personal. Y la mejor parte es obviamente, pero puedes ver lo que te asignan a leer hasta que puedas posicionar cada ítem exactamente donde quieras que esté. Y por supuesto, es mucho más fácil usar el peso entonces si hubieras hecho esa historia en la última conferencia donde colocamos todos esos elementos del abrigo y los píxeles de ancho y cosas así. Por lo que puedes ver que el tercero encontró mi EXE aquí, puedes hacer clic derecho en esa deuda, click en Abrir ubicación de archivo. Y luego por supuesto, crea cargo aquí y luego cópialo en tu escritorio. Entonces creo que eso es bastante sencillo ahí. Pero una vez abierto Y portón, se abre. El seigneur, como se puede ver, el está hablando a múltiples partes. Entonces, en primer lugar, tenemos que encontrar dónde está la Vista de formulario, ajustes, ventana ayuda tipo de menú que está disponible ahí mismo. Aquí tenemos, por supuesto, la posibilidad de elegir algunas plantillas y tenemos el diálogo con botones, eso está OK y Cancelar codificado duro. Y luego puedes ingresar muchas cosas en la parte superior de la misma. Podemos tener estos botones para derivar sin botones, sabemos y el goteo de peso. Y por supuesto aquí tenemos chorros. Por lo que ya creé el marcador. Eso es una especie de botones rápidos en el tipo inferior de forma. Acabo de hacer clic en Crear y abrir éste. Se pueden guardar estos. Por supuesto. Compré esta deuda a la baja. A las señales. Vamos a hablar de señales y ninguna futura conferencia. Podemos añadirlo por las órdenes de paso y que podemos por supuesto, también ajustar el tamaño de nuestra forma. Podemos mover todas las cosas y por eso está atascado ahí para que utilices el diseñador Qt. Como puedes ver lo que estás moviendo. No puedes no tener más control visual de cómo tu forma Lo va a hacer una vez que lo compiles. Entonces aquí en el cuadro de widgets, Es una parte muy importante porque tenemos algún layout que puedes por supuesto editarlos, pero no van a hacer esto en este momento. Tenemos los espaciadores, Luego los botones, tenemos pulsadores, botones herramienta, botones de radio. Entonces pulsaremos el botón, Es básicamente como v sub k o castillo. Pero Botón Herramienta, es algo que abre algo. Ahora botón de radio en la casilla de verificación, creo que ya sabes lo que el arte el arte arriba. Respirando muchas cosas que puedes seleccionar. Se puede seleccionar el botón de radio. Sólo uno. Ah, unos cuantos. El checkbox, no es el caso con la casilla de verificación. Entonces tenemos, por supuesto, los widgets que trazamos, menos widgets tres, semana dos, y así sucesivamente. No voy a sumar estos ahora mismo. Tenemos entrada de contenedores, obtenemos entrada del usuario que está usando el formulario. Por lo que tenemos algunas fechas, un cuadro combinado, fuente, cuadro combinado, un carril en EPA text edit. Entonces estos lo que creen que puedes agregar texto a Amy. Y sí teníamos algunos widgets de pantalla. Nosotros barras de progreso, widgets OpenGL y cosas como la muerte. Ahora, al abrir estos elementos, puede ver en la parte derecha de la pantalla, en primer lugar, tenemos al menos tres de ellos aquí en el objeto ser inspeccionados y no se puede, por supuesto, filtrar dominio buscar allí su nombre. Y por supuesto, y también tenemos el editor de propiedades que nos muestran, nos muestra en el de la información sobre ese objeto. Entonces, por ejemplo, si hacemos clic en esta casilla de verificación, que nos muestra la geometría sigue siendo baja. Valores entre paréntesis están ¿dónde están la pulsación? Donde sea el def a la esquina superior izquierda, entonces tenemos el tamaño máximo, tamaño mínimo. Por supuesto, el cursor que queremos ser cuando la conferencia está sobre estos controles y otras cosas. Si quieres serlo, para que se revise por defecto. Y todas esas otras cosas buenas que se ven bastante intuitivamente. Pero por supuesto, después de algún tiempo de lidiar con este QP al lado de Nueva York yendo a pregunta pre-k. Ten en cuenta que de memoria, pero solo para darte una amplia presentación de DOM, para que sepas qué onda con. También puedes por supuesto comprobar la fuente, el tamaño del punto, por lo que el tamaño de la fuente y cosas así. Por supuesto que puedes ir hasta convencer que puedes ver calor para cambiar la fuente en tiempo real. Entonces a eso me refiero cuando digo, puedes tener una representación visual mucho mejor de tu forma, te puedes dar un vaso formado, pero entonces tendrías que esperar ese espacio. Entonces el cursor se puede, es posible que desee 0.5 cursor de tercera mientras la mitad lee sobre esta casilla de verificación en este momento. Bueno, eso no replica, pero verás que la UI web, doctor, vas a ver que por supuesto, tenemos el navegador de recursos aquí. Todavía no tenemos recursos. Vemos editor de ranuras Eddie 33, fuente browser pick. No se puede seleccionar desde el menú set justo ahí. Como dije, abordaré las señales y la acción parece mejor. Conferencia. Pero lo que quiero hacer ahora mismo es mostrarte cómo puedes compilarlo. Esta forma de interfaz de usuario de Python, que es un proceso bastante sencillo. Es algo que quizá quieras saber hacer. Entonces en primer lugar, vamos a guardarlo como y luego unir UI sin título entero va a salvarlo, no parar. Haga clic, Guardar. Y ahora el diseñador Q peak se adelantó y documentó cinco escritorios. Entonces ahora mismo está ahí, lo que querrá que estos abran tu CMP. Y luego cambia directorios para volver donde guardaste ese archivo en mis casos, el escritorio. Y luego vas a querer básicamente convertir estos archivo UI que acabamos de guardar en el escritorio y dirigir campañas, ese diálogo que ves en el QP ser firmante de un archivo Python para que podamos compilar el. Entonces, ¿cómo vamos a hacer eso es envolver en este documento AMP B Five X. Y luego vamos a escribir el nombre de eso, ese archivo UI. Oscura UI, luego guión, y luego el nombre de los pitones, mantente bien, 31 a género. Entonces en mi caso, quiero generar el archivo Python demo dot py. Entonces ahora mismo, si vamos de escritorio, vas a ver que se crea el archivo demo dot py. A lo mejor si esperamos encontrarnos, se puede ver que el pico o la falta de cosas aquí mismo que nos van a ayudar a entender el mercado, los cinco con más detalle más adelante. Pero por ahora, no vamos a querer ver la muerte demo por realmente corresponde a la UI que hicimos rango aquí. Entonces, cómo haríamos eso es básicamente como ejecutar cualquier otro script de Python. Simplemente escribiríamos iPod. Y luego el nombre de discreto, ya que ya estamos en el guión de Python kiddies. Entonces no vamos a escribir el Python y no demo dot py. Y como puedes ver aquí, UI que lo implementamos, ¿no? Por lo que aquí puedes escribir algún texto. Aquí tenemos botones que deberían abrir estiérculos, pero obviamente no lo hacen no siendo, como les he dicho aquí al pasar la casilla de verificación, nuestro sector energético y dos a través. Y claro que tenemos que cancelar eso. No guardes eso en realidad. Como se puede ver aquí, tener mapas de señales para que acepten o rechacen el fin. Por eso cuando hago clic en cancelar, el diálogo en realidad se cerró. Por lo que esta fue una visión general bastante básica del marco agudo de Python D5 GUI. Y el, en las próximas conferencias van a meter algunas cosas en más detalle. Señales de luz y acciones dirigidas a algunos otros controles y cómo puedes escribir tu formulario también forman el código que en realidad mapea algunas acciones. Haz las élites y las casillas de texto o casillas de verificación que sientes en esa interfaz de usuario. Entonces gracias chicos por quedarse conmigo a través este tutorial y realmente espero verlos en el siguiente punto. 5. Gestión de la composición: Hola chicos y bienvenidos de nuevo a este back UP 50 tutorial. En esta conferencia, vamos a discutir la gestión del diseño cuando se trata la interfaz gráfica de usuario de Python que se desarrolla utilizando el framework Piketty cinco. Por lo que un widget GUI se puede colocar dentro de la ventana del contenedor especificando sus coordenadas absolutas medidas en píxeles. Las coordenadas son relativas a las dimensiones de la ventana definidas por el método de geometría definida. Ya discutimos esto un poco en las conferencias anteriores donde te dije cómo funcionan esos números y que son relativos al AP más que queda de tu pantalla. Por lo que el método set geometry tiene la sintaxis del widget para el que desea establecer la geometría. Entonces esa geometría establece, y luego toma cuatro parámetros. ¿ Cuántos pixeles son los primeros dos? En primer lugar, se quiere en el eje x desde la esquina más izquierda. Y el segundo parámetro es cuántos píxeles quieres del trimestre máximo. Entonces la siguiente palabra, la anchura y el widget de octeto de altura que quieres darle. Por lo que en el siguiente código que ves en pantalla en este momento, puedes ver que la ventana de nivel superior es una ventana de 300 píxeles por 200 píxeles. Eso se puede ver en la línea 13. Y se muestra en la posición 100 por 100 en su monitor. Entonces si corriéramos esto ahora mismo, se podría ver que se trata de un 100 píxeles de la izquierda, 100 píxeles a la derecha. Y entonces son 300 por 200 o así. Esto es lo que hace el método de geometría. Ahora, el widget de botón pulsador se agrega en la ventana. Como pueden ver, hice este siendo un widget y se posiciona a 50 píxeles hacia la parte derecha de la ventana y 20 píxeles por debajo de la posición superior izquierda de la ventana. Por lo que esto se hace con el método de movimiento es que se puede ver en la pantalla también. Y una nota aquí sería que este posicionamiento absoluto, sin embargo, no es adecuado ni por las siguientes razones. Entonces, en primer lugar, la posición del widget no cambia. Incluso si hace eso con redimensionamiento, con este posicionamiento absoluto, entonces la apariencia puede no ser uniforme en unas pantallas diferentes y diferentes resoluciones. Y también la modificación en el diseño es difícil ya que puede necesitar rediseñar toda la forma. Por lo que este posicionamiento absoluto realmente no es tan grande porque no implica ninguna capacidad de respuesta al mismo. Ahora la API de Piketty proporciona base de diseño para gestión más elegante para ayudar a posicionar los widgets dentro de este contenedor. Las ventajas de sus gestores sobre posicionamiento absoluto son que los widgets dentro de la ventana se redimensionan automáticamente, etc. Y se puede hacer un paralelo a cualquier aplicación web es responsive cuando se cambia el tamaño de la ventana de Chrome, por ejemplo, en no sé, aplicación responsive, puede ver que se hacen cambios y aún se puede acceder a todo el contenido que tendrías Xist si el navegador Chrome fuera de pantalla completa. También asegura apariencia uniforme en dispositivos de pantalla con diferentes resoluciones para agregar Grinch moviendo bien, lo cual es dinámicamente lo más posible sin tener que rediseñar. Entonces hay muchas, como se puede ver, las entidades también, las clases de diseño que vamos a discutir aquí mismo. Ahora, antes de saltar a algunas de estas clases, también quiero mostrarles en el diseñador de QT hizo en el cuadro de widgets. A la izquierda de la pantalla. Tienes estos widgets box para jugar fuera y puedes seleccionar estos diseños desde aquí mismo. Si tuviéramos ventana, terminamos aquí mismo. Entonces esta es la parte que maneja que si quieres que tu GUI sea, en primer lugar, diseñada a partir de estos diseños o no, en realidad van dinámicamente profundamente desde un script de Python directamente. Ahora, al menos de clase se alcanza. Podemos discutir que no están relacionados con esta gestión de diseño son el diseño de cuadro de cola, el diseño de lectura qg tienden a formar diseño. Ahora el diseño de caja de cubo alinea los widgets vertical y horizontalmente. El diseño de cuadrícula de cola presenta una lectura de celdas dispuestas en filas y columnas es que puedes ver aquí mismo, este es el tercero. Y el también, el diseño del formulario es, se puede ver Último aquí. Y básicamente estas bases se cumplen estos diseños aquí mismo. Entonces puedes cubrirlos dinámicamente, pero declarándolos desde tu guión Python o usar los despidos que ves aquí mismo. Por lo que el q de diseño es una forma conveniente de crear forma de dos columnas donde cada fila consiste en un campo de entrada asociado con la etiqueta. Entonces como convención que la columna izquierda contiene etiqueta y la columna derecha contiene la celda del campo de entrada. Bueno básicamente, este es el caso donde iniciarías sesión en un sitio y puedes ver que la etiqueta es el nombre de pila a eso. Y luego tienes un cuadro de texto de entrada dos donde puedes escribir tu nombre. Por lo que esta gestión de maquetación puede ser muy útil si quieres que tu GUI desarrollada en D5 sea más receptiva y más Nate y además tenga una estética más profesional de dos semanas. Ahora en un nivel más concreto, tengo tres scripts de Python aquí mismo que podemos ver y ver un poco sobre cómo funciona esta gestión de maquetación. Por lo que son bastante básicos en el sentido de que acabo de poner todo el guión en la función principal y morí, declaré todas estas cosas aquí. Entonces, en primer lugar, declaré nuestra aplicación, esa aplicación segura, y luego me dieron un widget. Y luego tengo tres botones que datan el parámetro, su nombre. Y ahora la caja, que es de diseño en caja. Y esta es la parte que realmente nos interesa. Por lo que declaramos disposición de caja QH, que iss va a tomar el perímetro de la ventana. Y se va a crear un objeto que se va a llamar H box en estos, en este cuadro H, Ese es el layout. Eso tiene un diseño de caja. Estamos agregando el widget que tenemos. En el lenguaje de programación Python. Sabemos por este parámetro justo aquí que este diseño va a estar en nuestra ventana. Y luego nos va a mostrar la ventana y luego saldrá de la app. Y ahora mismo, vamos a ejecutarlo en Python y ver cómo se ve. Entonces como puedes ver, el diseño de caja básicamente pone los botones uno al lado del otro. Por supuesto, se podrían poner también en posición vertical. Entonces este es el diseño de caja QH. A continuación vamos a pasar al diseño de rejilla de creep. Por lo que de nuevo, lo declaré todo en la aplicación principal. Entonces tenemos la aplicación Q que no toma parámetros. Entonces tenemos un widget, que es el sujeto W justo aquí que es un objeto de la clave de clase WeChat. Y luego la codicia que de nuevo se crea una instancia como un objeto de clase de diseño que toma el perímetro de la ventana. Y entonces tengo que forzar aquí mismo. Y para cada iteración, el diseño va a agregar el widget si q pulsando el botón, y que ya sabes, los dos parámetros justo aquí. Y entonces se va a mostrar la ventana, y luego la aplicación XY, buena. Intenta. Ahora si ejecutamos esto desde el script de Python, se puede ver que el diseño de cuadrícula está mostrando estos botones en forma de saludo. Entonces yo y j está aquí mismo usado para especificar las coordenadas del bot entonces. Entonces como se pueden imaginar, tiene estos va a tener las coordenadas 0, 0, 0, 1, 0, 2, 1, 0, 11, 12, y luego 200, 21 y 22. Entonces deudas, lo que este INJ hace aquí en el Añadir Widget de la disposición griega. Se trata de parámetros que especifican la posición de los botones. Y por último, vamos a ver otra cosa del diseño aquí mismo. No hay realmente relacionado con el diseño. Es decir, hicimos un diseño de cuadrícula también aquí. Pero este es más sobre los temas del centro de Calder que puedes aplicar a tu interfaz gráfica de usuario cuando la desarrolles por q p, porque eso también es importante tener tu interfaz gráfica de usuario que se vea además de cómo funciona y qué tan funcional. Y fácil de usar. Y para que tu usuario tenga una buena experiencia de usuario. Do. Entonces. Aquí de nuevo, tenemos nuestra aplicación Q y vamos a poner las cosas para ello. Ahí hay fusión. Y luego vamos a declarar una paleta de colas, que vamos más adelante a establecer el ancho de nuestra aplicación es este kubelet. Y en este cinturón vamos a poner algunos colores. En primer lugar, el botón de los textos debe ser negro. Entonces la ventana debe ser negra. fondo de la ventana debe ser negro, y luego el botón Becker y Dr. debería ser genial. Entonces especificamos a los eruditos como se puede ver como una cutie y luego eso, y luego el nombre del color predefinido. Entonces hacemos un adder, alcanzarlo, que será w, eso será, esa va a ser nuestra ventana. Se declara como subcu WeChat. Entonces vamos a declarar el QC que maquetamos de esta ventana como parámetros. Y estos maquetación de cuadrícula, vamos a agregar cuatro botones. Vamos a especificar también básico puede ver codificado duro, esta vez sus coordenadas en el diseño de cuadrícula, y también mantenerlos sus textos de tarea correspondientes en cuanto a dónde se colocan en nuestra ventana. Vamos a mostrar a continuación esta ventana y luego salir de la app además. Entonces en este momento si ejecutamos esto desde Python, se puede ver que el estilo puede marcar una gran diferencia en cómo nuestra, cómo se va a ver nuestra aplicación al final. Para que veas que el fondo aquí va a ser negro. Yo especifiqué en la línea 12. El fondo de botones va a ser loco especificado en la línea 13. Y también el texto del botón es negro se especifica en la línea 11. Por lo que todo esto se hace como viste usando el vidrio Padlet proporcionar comer en bicicleta en D5. Por lo que de nuevo, el diseño de cuadrícula QC también nos ayuda a tener una mirada más, pero para llegar ahí en nuestra forma. Entonces gracias chicos por seguir este tutorial. Realmente aprecio tu tiempo y espero que aprendas a pensar en la mordida que D5 GUI framework. Eso es básicamente como viste usando código Python para desarrollar interfaces gráficas de usuario. Entonces ahora si fuiste en el futuro a desarrollar algunas aplicaciones Python, pero también te gustaría, además del script que estás escribiendo para tener una interfaz gráfica de usuario. Para tus usuarios sí ven algunas cosas o para ser más por supuesto fácil de usar. Ahora tiene un suplente los cuatro completos que miré. Entonces vamos a sintonizar durante conferencia donde hablaremos del resumen del marco. Pero éstos estaban a punto de comer trigo. Programación, consigue DO mostrando barra de cosas. Por decirlo así. Gracias de nuevo, y esperamos verlos chicos en el próximo tutorial de síntomas. Entonces en este verano.