Hype for iBooks Author - Galería

• Abril 26, 2024

En el tutorial anterior, creamos una galería simple en Hype para usar en iBooks^R Autor. En este tutorial de Hype for iBooks Author, agregaremos la interactividad y la animación que hacen que los widgets de Hype sean excelentes para iBA.

Ahora podemos agregar la acción Al hacer clic con el mouse en los botones Atrás y Siguiente.

1. Seleccione la imagen del botón Atrás. En el Inspector de acciones, haga clic en el ícono Más junto a Al hacer clic con el mouse. Establezca la acción para saltar a escena. Establecer la escena a la escena anterior. Establezca la transición en fundido cruzado y mantenga la duración predeterminada.
   
   
2. Repita para el botón Siguiente pero configure Escena en Escena siguiente.
   
   Ahora que tenemos los botones, podemos duplicar la escena para las otras tres imágenes en la galería.
   
   
3. Haga clic derecho en la escena y elija Duplicar escena. Repite dos veces. Cambie el nombre de las escenas a "Diseño1", "Diseño2" y "Diseño3".
   
   Cambiemos la imagen del iPad para cada nueva escena.
   
   
4. Seleccione la escena Diseño1 y haga clic con el botón derecho en la imagen del iPad y elija Eliminar.
   
   
5. Use el menú Elementos para importar otra imagen de iPad. Desde la barra de menú, haga clic en Organizar - Enviar al fondo, para mover la imagen del iPad debajo de los botones.
   
   
6. Repita el paso anterior para las otras dos escenas.
   
   Haga clic en el icono Vista previa para probar su proyecto en el navegador. Si todo va bien, debería poder navegar por la galería. Ahora tenemos que hacer algunos ajustes a los botones. Eliminaremos el botón Atrás de la primera escena y reemplazaremos el siguiente botón en la última escena con un nuevo botón Volver.
   
   
7. Selecciona la primera escena. Haga clic derecho en el botón Atrás y elija Eliminar.
   
   
8. Ve a la última escena. Haga clic derecho en el botón Siguiente y elija Eliminar.
   
   
9. Use el menú Elementos para importar el botón Volver. Reduzca la escala al 50% y colóquela a la derecha.
   
   Ahora necesitamos agregar una acción al botón Volver que llevará al usuario de vuelta a la primera escena.
   
   
10. Selecciona el botón Volver. En el Inspector de acciones, agregue la acción Al hacer clic con el mouse. Establezca la acción para saltar a escena. Establezca la escena en la primera escena (cuestionarios) y la transición a fundido cruzado.
    
    Probemos de nuevo. Si todo está bien, podemos exportar para usar en iBooks Author.
    
    
11. Desde la barra de menú, haga clic en Archivo - Exportar como HTML5 - Panel de control / iBooks Author Widget.
    
    

Cubiertas PSD- Maqueta iPad
//www.psdcovers.com/

atrás

Instrucciones De Vídeo: Todo sobre iBooks Author - Galería de Imágenes (Abril 2024).