Cómo usar el widget de arrastrar y soltar Bookry

• Mayo 3, 2024

En este tutorial de Bookry for iBooks Author, continuaremos trabajando en el widget Bookry Drag and Drop que usaremos en el título de un libro de bebé. Tiempo de bebé por Norma Vantrease. Tiempo de bebé fue creado en iBooks Author^R utilizando la Plantilla de libro de cuentos para niños. En el tutorial anterior, discutimos la configuración básica del widget, como la configuración de color para los fondos y el texto. Ahora podemos comenzar a cargar los recursos de imagen y audio para el widget.

Archivos de sonido
Tenemos la opción de cargar tres archivos de audio que se reproducirán cuando el usuario interactúe con el widget. Podemos usar un sonido que se reproducirá cuando el usuario haga clic en un juguete en la biblioteca, haciendo que el juguete aparezca en el área de juego. También necesitamos un sonido para reproducir cuando el usuario levanta y deja caer un juguete. En el ejemplo, utilizaremos el mismo sonido para las tres instancias.

Fondo de escenario
Ahora podemos subir la imagen del área de juego con los estantes vacíos. Ya hemos creado esta imagen con los píxeles sugeridos de 819 de ancho x 728 de alto, por lo que no necesitaremos usar la opción para recortar la imagen. Mantendremos la opción Rellenar fondo con imagen.

Arrastrar y soltar imágenes
Subamos las imágenes del juguete. Simplemente seleccione todas las imágenes en la ventana del Finder para cargarlas juntas. Nuestra imagen de fondo era una imagen .jpg pero estas imágenes de juguetes tienen áreas transparentes. Entonces, necesitamos que sean imágenes .png.

Estas imágenes aparecerán en el espacio de trabajo en el orden en que se mostrarán en el widget. Podemos usar los mangos de arrastre a la derecha de cada juguete para reordenar los juguetes según sea necesario.

Categorias
También podemos asignar una categoría a cada juguete, pero como se trata de un libro para bebés, podemos omitir este paso. Sin embargo, sería bueno darle al usuario una pista para hacer clic en un juguete y agregarlo al área de juego. Establezcamos esto como el título de nuestra categoría, para que se muestre encima de la lista de juguetes.

Nuestro último paso es establecer el Configuraciones en vivo.

Por defecto, el widget muestra una barra de herramientas interactiva junto a cada juguete y el usuario puede cambiar el tamaño y rotar la imagen. Esto es un poco complicado para un libro de bebés, así que elija ocultar la barra de herramientas. Además, si está utilizando muchas imágenes, querrá permitir que algunas de las categorías colapsen.

Finalmente, podemos guardar, previsualizar y descargar el widget.

atrás

Un agradecimiento especial a Norma Vantrease, una maestra de arte jubilada que se convirtió en autora de libros para niños.

Instrucciones De Vídeo: Hacer una senciilla aplicación de arrastrar y soltar con jQuery (drag and drop) (Mayo 2024).