Hype per iBooks Author - Galleria

• Potrebbe 8, 2024

Nel tutorial precedente, abbiamo creato una semplice galleria in Hype per l'uso in iBooks^R Autore. In questo tutorial su Hype per iBooks Author, aggiungeremo l'interattività e l'animazione che rendono i widget Hype ideali per iBA.

Ora possiamo aggiungere l'azione Clic con il mouse sui pulsanti Indietro e Avanti.

1. Seleziona l'immagine del pulsante Indietro. Nella finestra di ispezione Azioni, fai clic sull'icona Più accanto a Al clic del mouse. Imposta l'azione su Vai alla scena. Imposta la scena sulla scena precedente. Imposta la transizione su Dissolvenza incrociata e mantieni la Durata predefinita.
   
   
2. Ripetere l'operazione per il pulsante Avanti, ma impostare Scena su Scena successiva.
   
   Ora che abbiamo i pulsanti, possiamo duplicare la scena per le altre tre immagini nella galleria.
   
   
3. Fai clic con il pulsante destro del mouse sulla scena e scegli Duplica scena. Ripeti due volte. Rinomina le scene in "Layout1", "Layout2" e "Layout3".
   
   Cambiamo l'immagine dell'iPad per ogni nuova scena.
   
   
4. Seleziona la scena Layout1 e fai clic con il pulsante destro del mouse sull'immagine iPad e scegli Elimina.
   
   
5. Utilizza il menu Elementi per importare un'altra immagine iPad. Dalla barra dei menu, fai clic su Disponi - Invia a Indietro per spostare l'immagine dell'iPad sotto i pulsanti.
   
   
6. Ripeti il ​​passaggio precedente per le altre due scene.
   
   Fai clic sull'icona Anteprima per testare il tuo progetto nel browser. Se tutto va bene, dovresti essere in grado di navigare attraverso la galleria. Ora dobbiamo apportare alcune modifiche ai pulsanti. Rimuoveremo il pulsante Indietro dalla prima scena e sostituiremo il pulsante successivo sull'ultima scena con un nuovo pulsante Indietro.
   
   
7. Seleziona la prima scena. Fare clic con il tasto destro del mouse sul pulsante Indietro e selezionare Elimina.
   
   
8. Vai all'ultima scena. Fare clic con il tasto destro del mouse sul pulsante Avanti e selezionare Elimina.
   
   
9. Usa il menu Elements per importare il pulsante Return. Riduci la scala al 50% e posizionala a destra.
   
   Ora dobbiamo aggiungere un'azione al pulsante Return che riporterà l'utente alla prima scena.
   
   
10. Seleziona il pulsante Return. Nella finestra di ispezione Azioni, aggiungere l'azione Al clic del mouse. Imposta l'azione su Vai alla scena. Imposta la scena sulla prima scena (quiz) e la transizione a Dissolvenza incrociata.
    
    Proviamo di nuovo. Se tutto va bene, possiamo esportare per l'uso in iBooks Author.
    
    
11. Dalla barra dei menu, fare clic su File - Esporta come HTML5 - Widget Autore dashboard / iBooks.
    
    

Cover PSD - iPad Mockup
//www.psdcovers.com/

Indietro

Istruzioni Video: Using Hype 2.0 to Build an Interactive Timeline for Web, Mobile and iBooks Author (Potrebbe 2024).