Conceptos importantes en Qt Quick - Estados, transiciones y animaciones

En cualquier interfaz de usuario moderna, la transición entre estados y la animación de la interfaz de usuario son muy beneficiosas. Estos son conceptos de primera clase en Qt Quick.

Esta página describe el concepto de estados, transiciones entre estados y animaciones de propiedades. Detalla qué conceptos son importantes y por qué, y cómo se interrelacionan. También proporciona enlaces a información detallada sobre los tipos QML que Qt Quick proporciona para implementar estos conceptos.

Estados

El estado de un elemento visual concreto es el conjunto de información que describe cómo y dónde se muestran los componentes individuales del elemento visual, así como todos los datos asociados a dicho estado. La mayoría de los elementos visuales de una interfaz de usuario tienen un número limitado de estados, cada uno con propiedades bien definidas.

Por ejemplo, un elemento de una lista puede estar seleccionado o no, y si está seleccionado, puede ser la selección individual activa en ese momento o puede formar parte de un grupo de selección.

Cada uno de estos estados puede tener asociado un determinado aspecto visual (neutro, resaltado, expandido, etc.).

Qt Quick proporciona un tipo State con propiedades que definen su semántica y pueden utilizarse para activar comportamientos o animaciones. Para más información, consulte la documentación sobre los estados deQt Quick .

Transiciones

Cuando un elemento visual pasa de un estado a otro, su aspecto cambia. Una transición es un "borde" entre dos estados. Puede desencadenar que se produzcan otros eventos, ya que otras partes de la aplicación pueden tener un comportamiento que se desencadena cuando se entra o se sale de un determinado estado.

Qt Quick proporciona el tipo Transition que tiene propiedades que definen lo que ocurrirá cuando la aplicación cambie de un estado a otro. Consulta la documentación sobre Transiciones durante Cambios de Estado para más información sobre transiciones.

Animaciones

En las transiciones entre estados, se puede utilizar una animación fluida para ayudar al usuario durante la transición. Los cambios bruscos e inesperados en el lienzo visual hacen que la experiencia del usuario no sea óptima y deben evitarse.

Si se selecciona un elemento de una lista, se puede animar el cambio de color (de neutro a resaltado). Si se cambia la posición del elemento en la lista, puede moverse de forma animada y fluida para que el ojo del usuario pueda seguir el cambio.

Este tipo de animaciones se admiten en Qt Quick a través de varios tipos de animación y transición. Consulte la documentación sobre Animaciones y transiciones en Qt Quick para obtener información sobre estos tipos y cómo utilizarlos.

Animación de asignaciones de propiedades

Las animaciones no sólo están relacionadas con estados y transiciones entre estados. Por ejemplo, una animación puede ser desencadenada por otros eventos, que no están asociados a un estado distinto.

A menudo resulta beneficioso animar siempre los cambios en determinadas propiedades de los elementos visuales, independientemente de la causa del cambio (por ejemplo, efectos de opacidad). Qt Quick proporciona el tipo Behavior, que permite al cliente especificar el comportamiento de animación para los cambios en las propiedades. El tipo Behavior es un ejemplo de modificador de propiedades de objetos QML.

Consulte la documentación sobre animaciones de propiedades predeterminadas para obtener más información sobre el uso del tipo Behavior para proporcionar animaciones de cambio de propiedades predeterminadas.

Es importante tener en cuenta que el uso de animaciones de propiedades predeterminadas (a través del tipo Behavior ) en combinación con animaciones de transición de estado puede provocar a veces comportamientos indefinidos. Por favor, consulta la documentación sobre el uso de Qt Quick Behaviors with States para más información sobre este tema.

Animadores

Los tipos Animator son un tipo especial de animación que eluden los objetos QML y operan directamente sobre las primitivas en el gráfico de escena. Esto tiene el beneficio de que las animaciones basadas en Animator pueden ser ejecutadas en el hilo de renderizado del gráfico de escena (cuando sea aplicable) y pueden continuar animando incluso cuando la UI está bloqueada.

Qt Quick proporciona los siguientes tipos de Animator:

• XAnimator - Anima la posición horizontal de un Item.
• YAnimator - Anima la posición vertical de un Item.
• ScaleAnimator - Anima el factor de escala de un Item.
• RotationAnimator - Anima la rotación de un Item.
• OpacityAnimator - Anima la opacidad de un Item.
• UniformAnimator - Animación de un uniforme en ShaderEffect.

Sprites animados

El concepto de sprites animados es independiente del concepto de animaciones utilizado en otras secciones de esta página. Si desea crear o utilizar una imagen animada o un sprite, consulte la documentación sobre animaciones de sprites.