Acciones rápidas para interactuar en Layout o en un mensaje

«Quick Actions» permite a los diseñadores integrar lógica interactiva y macros en cualquier «Layout».
Para ello, se utiliza la interfaz de usuario para seleccionar un elemento, configurar un desencadenante y, a continuación, la respuesta deseada.

Casos de uso habituales de Acciones rápidas:

• Activar o desactivar la visibilidad de un mensaje o elemento concreto

• Enviar un comando a un elemento, como «Playlist» o «Carousel», para cambiar el elemento que se muestra

• Actualizar datos

• Activación de animaciones

Si necesitas más información sobre el «Layouts» en general

Gestión y creación de Layouts

Uso de la herramienta Builder para Layouts o mensajes

Deberá haber añadido sus elementos al diseño antes de seguir estos pasos

• En la herramienta Builder, selecciona la pestaña Avanzado del panel de control

  

• Haga clic en el icono del rayo para abrir el panel de Acciones rápidas y Desencadenantes de datos

  

  • Si aún no ha añadido ningún elemento a su diseño, solo verá la opción de fragmentos

• Para añadir una nueva acción rápida, haz clic en el signo + situado a la derecha

  

• Selecciona Elemento: a continuación, se te pedirá que selecciones un elemento

  • Este es el elemento del diseño que se va a supervisar para el desencadenante previsto

  • Te resultará útil haber renombrado las capas de tus elementos para que te resulten claras

• Desencadenante: después de seleccionar el elemento, selecciona un desencadenante en el menú desplegable

  • Hacer clic: se hace clic o se toca el elemento

  • isShown: si el elemento está configurado para mostrarse

  • isHidden: si el elemento está configurado para estar oculto

  • Temporizador: establece un número de segundos

• Acción: Selecciona el resultado deseado en el menú desplegable

  • Mostrar / Ocultar / Alternar visibilidad: todas estas opciones cambian el estado de un elemento, mostrándolo o no en el diseño

  • Añadir / Eliminar clase: cambia las clases del elemento

  • Animar: activa una animación seleccionada en el elemento de destino

  • Recargar: actualiza y recarga el elemento de destino

  • Subzona: proporciona instrucciones interactivas dentro de un elemento existente que abre una página web u otro diseño

  • Player – Envía instrucciones al reproductor

  • Playlist / API de carrusel: envía instrucciones a un tipo específico de elemento para controlar el cambio de los elementos mostrados, «Siguiente», «Anterior»

• Destino: El elemento sobre el que se realizará la acción

• Interacción / Clase / Tiempo

  • Puede aparecer una nueva sección en el extremo derecho, dependiendo del tipo de acción y del elemento de destino, donde puede ser necesario establecer una configuración adicional

• En este ejemplo, se ha creado una acción rápida para permitir al usuario pasar el cursor (Playlist) al siguiente elemento haciendo clic en el botón «Siguiente»

  

• Haga clic en «Aplicar activador» para guardar la acción

• Se pueden crear varias acciones, y cualquier elemento puede tratarse como elemento desencadenante

• La acción también puede dirigirse a varios elementos

  • En este ejemplo, cuando un usuario hace clic en el «playlist», se activa la visualización de los controles de la lista de reproducción y se muestra el botón para ocultar los controles

  • Al hacer clic en el botón «Ocultar controles» se ocultan todos los botones de control.

    

Nota sobre los conmutadores de visibilidad

Si se pretende que un elemento permanezca oculto a menos que se realice alguna acción, es necesario marcarlo como oculto en la lista de capas de elementos al publicar el diseño.
Esto se hace cambiando manualmente la visibilidad con el icono del ojo

Según mi ejemplo anterior, si se pretende que los controles permanezcan ocultos hasta que alguien haga clic en el «playlist», tendría que ocultar los elementos de control en las capas antes de publicar.