Introducción a QML – Primer ejemplo III

En esta parte del ejercicio empezaremos a dotar de dinamismo a nuestro formulario QML. Para ello aplicaremos alguno de los conceptos adquiridos en los últimos post relacionados.

Una de las animaciones que implementaremos mostrará un icono asociado al botón “Enviar”. Cuando pulsemos este botón reduciremos el tamaño del icono.

La segunda animación será para cambiar progresivamente el tamaño de los iconos de la toolbar.

 

Código fuente del botón “Enviar”

Nótese que para destacar el botón cambiamos el valor de dos propiedades al pulsar sobre el mismo mediante “State”.

image

 

Código fuente del elemento botón de la toolbar

En este caso además del cambio de estado gestionaremos la “Transition” del mismo sobre la propiedad scale.

image

Descargar en formato PDFDescargar en PDF
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (3 votes, average: 4,67 out of 5)
Loading...

Dejar una opinión