En el mundo Qt tenemos una herramienta RAD (Rapid Application Development). Esta herramienta se llama Qt Designer y nos permite crear prototipos de nuestras aplicaciones de forma rápida y visual. En este nuevo capítulo voy a hacer un repaso a los widgets de botones que están disponibles dentro de Designer.
Índice:
- Instalación de lo que vamos a necesitar.
- Qt, versiones y diferencias.
- Hola, Mundo.
- Módulos en Qt.
- Añadimos icono a la ventana principal.
- Tipos de ventana en un GUI.
- Ventana inicial de carga o Splashscreen
- Menu principal. Introducción.
- Mejorando algunas cosas vistas.
- Gestión de eventos o Acción y reacción.
- Introducción a Designer.
- Los Widgets vistos a través de Designer: Primera parte.
- Los Widgets vistos a través de Designer: Segunda parte (este capítulo).
- Los widgets vistos a través de Designer: Tercera Parte.
- Los widgets vistos a través de Designer: Cuarta Parte.
- Los widgets vistos a través de Designer: Quinta Parte.
- Los widgets vistos a través de Designer: Sexta parte.
- TBD… (lo actualizaré cuando tenga más claro los siguientes pasos).
[Los materiales para este capítulo los podéis descargar de aquí]
[INSTALACIÓN] Si todavía no has pasado por el inicio del curso, donde explico cómo poner a punto todo, ahora es un buen momento para hacerlo y después podrás seguir con este nuevo capítulo.
Hoy nos toca darle un repaso a los widgets de tipo botón que tenemos disponibles por defecto dentro de Qt.
El vídeo está a continuación:
Transcripción del vídeo a continuación:
Seguimos viendo los widgets en designer. Empezamos con la sección de botones. En la sección de Buttons podéis ver cosas que son bastante habituales. Vamos a meterlas todas en el Widget principal. Esto lo podéis hacer pulsando y arrastrando. Arrastramos un Push button, un tool button, un radio button, un checkbox, un commandlinkbutton y un DialogButtonBox. Creo que todos hemos usado la mayoría de estos por lo que tampoco voy a comentar mucho sobre ellos. Para ver la ventana en acción podéis ir al menú Form y allí pulsar sobre Preview… o, directamente, pulsar Ctrl+R, que será más rápido. Si pulso Ctrl+R veréis la ventana en acción. Podemos pulsar sobre el push button, aunque de momento no hace nada. Sobre el tool button, que tampoco es muy útil de momento. Si pulso sobre el radio button veréis que se ve seleccionado o deseleccionado. Lo mismo pasa con el checkbox. El commandlinkbutton es un tipo de botón especial que ahora comentaré más en detalle. Y, por último, el dialog button box es un widget que dispone de varias cosas, en este caso dos botones, de Aceptar o Cancelar, y también lo voy a comentar a continuación. Veamos el commandlinkbutton usando la GUI de PyCharm como ejemplo. Si abro PyCharm veis la siguiente ventana. Lo que vemos ahí es similar a un commandlinkbutton. Si pulso sobre el primer botón me llevaría a una nueva ventana. Los commandlinkbutton se suelen usar para cosas así y fue introducido en Windows Vista. Es un botón con un icono, texto y, si quieres, un subtexto. En Qt hereda de QPushButton. Voy a meter varios en la ventana y pulso Ctrl+R. Eso podría ser similar a la pantalla inicial de PyCharm. No se ve muy bien pero cada uno tiene un icono. Voy a meter un icono nuevo para que se vea más claramente y, además, voy a añadir una descripción. El icono lo meto desde un recurso que es algo que ya explicaré más adelante. Este podría ser el resultado final. Por otro lado, los dialogbuttonbox nos pueden servir para crear algo similar a la plantilla que tenemos al inicio, cuando abrimos designer. La voy a abrir un momento. Tenemos un dialog button con los botones abajo. Y tenemos un dialog button con los botones a la derecha. Termino aquí este vídeo y seguiremos viendo más widgets en el siguiente vídeo.
Bueno. Ya hemos visto algunas piezas de Lego. Así que paramos de momento y en el próximo capítulo me meteré a comentar unas pocas piezas nuevas de Lego.