🎓 ¿Cómo crear contenido interactivo?

Imagen con botones predefinidos en su diseño

En el ejemplo en el que vamos a basar esta sección, vamos a trabajar con la imagen a continuación que muestra un botón negro, establecido por defecto en su diseño, que dice Ingresar:

1. Ahora lo que debes hacer es definir la imagen como fondo de tu mesa de trabajo. Para esto, en Propiedades del canvas debes seleccionar el ícono de imagen ubicado al lado derecho de Fondo > y seleccionar la imagen que deseas.
   

   

   
   También puedes definir un fondo con un control de imagen, asignando el mismo Ancho y Alto que la mesa de trabajo, y la ubicación Arriba e Izquierda en 0.
   

   

2. Ahora que tu mesa de trabajo tiene fondo, debes seleccionar en controles la opción Botón y arrastrarlo para ubicarlo sobre el espacio que ya tengas definido como tu botón en el diseño, modificando su tamaño desde los puntos amarillos. Puedes repetir esta acción si tu diseño tiene varios botones.
   _{Continuando con el ejemplo anterior que escogimos, el botón corresponde al título Ingresar que está en un recuadro negro.}
   

   

3. A continuación, debes asignar la imagen transparente al botón o botones que acabas de añadir.
   Para esto debes seleccionar el botón que acabas de añadir a la mesa de trabajo > en el menú lateral derecho en Propiedades, debes seleccionar el ícono frente a Media > seleccionar la imagen transparente > de nuevo en el menú Propiedades, en Color de fondo debes bajar la barra lateral derecha hasta la parte inferior o escribir rgba(0,0,0,0) y presionar Enter > y finalizar haciendo clic en Guardar.
   

   

4. Ahora que tienes tu diseño inicial casi listo, debes proceder con la creación de la lista de reproducción que vas a usar para mostrar el contenido en tu dispositivo, y en él, añadir el diseño personalizado que acabas de guardar en el paso anterior y la multimedia adicional que desees mostrar en tu pantalla.
   

   

   _{Si no sabes cómo crear tu lista de reproducción, haz clic aquí.}
   

5. Luego, en el menú lateral izquierdo debes volver a Diseños personalizados y seleccionar el nombre del diseño respectivo para acceder de nuevo al editor, o seleccionar la opción de Editar del diseño.
   

   

6. Ahora, debes asignar una acción a tu botón de Ingresar.
   En nuestro caso el botón nos va a redireccionar a una imagen de Tekus.
   Para esto, en el menú Propiedades, en Acción debes elegir la opción Ir a > luego debes hacer clic sobre el recuadro derecho > y a continuación debes hacer clic sobre el Seleccionar que corresponda a la lista de reproducción creada en el paso 5 y seleccionar la imagen a la que deseas acceder al tocar el botón Ingresar en tu pantalla
   

   

7. Recuerda finalizar haciendo clic en el botón Guardar.
   

8. Por último debes vincular la lista de reproducción a tu pantalla y ¡Voilà!
   Si no sabes cómo, haz clic aquí.
   
   ¡Ahora tienes tu diseño listo y con el botón interactivo funcional y podrás probarlo en tu dispositivo táctil! 🥳
   
   

Imagen sin botones predefinidos

1. En el ejemplo en el que vamos a basar esta guía, vamos a trabajar con la imagen a continuación, la cual no muestra ningún botón en su diseño, por lo que los botones se deben añadir desde el editor de diseños personalizados:
   

   

   
   

2. Debes definir la imagen que deseas mostrar en tu diseño.
   En Propiedades del canvas debes seleccionar el ícono de imagen ubicado al lado derecho de Fondo > y seleccionar la imagen que deseas.
   

   

   
   También puedes definir un fondo con un control de imagen, asignando el mismo Ancho y Alto que la mesa de trabajo, y la ubicación Arriba e Izquierda en 0.
   

   

3. Ahora que tu mesa de trabajo tiene fondo, debes seleccionar un control de Botón y arrastrarlo para ubicarlo sobre el espacio en el que deseas que se muestre y seleccionarle una imagen.
   _{Continuando con el ejemplo anterior que escogimos, vamos a crear un botón que me lleve atrás y otro que me permita volver al menú inicial.}
   

   

4. A continuación debes asignar la acción que deseas que haga cada botón, y hacer clic en Guardar.

   

5. Ahora que tienes tu diseño inicial casi listo, debes proceder con la creación de la lista de reproducción que vas a usar para mostrar el contenido en tu dispositivo y en él añadir el diseño personalizado que acabas de guardar en el paso anterior y demás multimedia. (Si no sabes cómo crear tu lista de reproducción haz clic aquí).
   
   También debes definir en el ítem del diseño personalizado que lleva el botón de inicio cuál es el ítem al que serás redireccionado al presionar el botón.
   
   En nuestro ejemplo el ítem Tekus interactivo lleva el botón inicio, por lo que dfinimos en ese ítem que queremos ser redireccionados a Menú interactivo al presionar ese botón.
   

   

   
   ¡Ahora tu diseño nuevo tiene botones completamente funcionales! 🥳
   

6. Por último debes vincular la lista de reproducción a tu pantalla y ¡Voilà!
   Si no sabes cómo, haz clic aquí.