Panoramica di Flash Storybook Fase 2

• Potrebbe 13, 2024

Questo tutorial inizia la seconda fase del nostro Flash^R Serie di app Storybook per iOS. Se hai seguito, sai che la prima fase spiega come creare una scena di introduzione animata per un'app per libro di fiabe. Questa introduzione animata è facoltativa ma potresti voler leggere quei tutorial, in quanto descrivono come creare alcune animazioni e pulsanti Flash di base.

Il motivo per cui questa introduzione animata è facoltativo per il progetto è perché la maggior parte delle app per libri di fiabe si aprono con un'immagine statica della copertina del libro e un pulsante o un'area calda in cui il lettore tocca o scorre per girare la pagina.

È qui che inizieremo la seconda fase della serie. Se hai creato l'introduzione animata nella fase uno, per il momento mettila da parte. Integreremo i due insieme più tardi.

Diamo un'occhiata al libro di fiabe. Come puoi vedere, abbiamo diversi elementi dentro e fuori dal palco e la nostra linea temporale principale ha 32 fotogrammi. Nel fotogramma 1 della linea temporale principale, lo stage contiene l'immagine di copertina statica per il libro di fiabe. Oltre alla grafica della copertina del libro, l'unica cosa sul palco è un pulsante di attivazione / disattivazione nella copertina in alto a sinistra. Questo pulsante attiva o disattiva la pagina del menu delle impostazioni.

Fuori dal palco ea sinistra è presente il grafico pageCurl che animeremo per simulare la rotazione delle pagine quando vengono toccate o trascinate.

Sopra il palco si trova la pagina di sovrapposizione del menu delle impostazioni. Quando fai clic sul pulsante di attivazione / disattivazione sullo stage, la pagina del menu delle impostazioni si apre su ciò che è già sullo stage. Questa pagina delle impostazioni contiene collegamenti alle pagine informative del libro di fiabe, come le pagine Indice e Crediti. Contiene anche un pulsante di attivazione / disattivazione per attivare / disattivare la musica di sottofondo e un collegamento al sito Web dell'autore.

Perché abbiamo bisogno di questa pagina del menu delle impostazioni? Poiché contiene un collegamento alla pagina Indice, il lettore ha sempre un modo per tornare all'inizio del libro dalla pagina corrente che stanno visualizzando. È anche una buona idea dare al lettore la possibilità di disattivare la musica di sottofondo. E, naturalmente, vuoi che il lettore visiti il ​​tuo sito Web per ulteriori informazioni su di te e sulle altre app per libri.

Ora diamo un'occhiata ai livelli nel pannello Timeline. Come puoi vedere, il livello inferiore è il livello pagine. A partire dal fotogramma 3, ogni fotogramma contiene un clip filmato per una pagina del libro. Creeremo un filmato diverso per ogni pagina e posizioneremo i filmati sul palco. Mentre ci muoviamo lungo la linea temporale, "sfogliamo" il libro.

Dall'alto verso il basso, gli altri livelli sono i seguenti.

• actionsMain: contiene ActionScript per la navigazione e gli eventi principali.
  
  
• actionsPages: contiene ActionScript che verrà eseguito su alcune pagine del libro. Come puoi vedere, queste pagine sono 11 e 31.
  
  
• setTogBtn: contiene il pulsante di attivazione / disattivazione del menu delle impostazioni.
  
  
• Cartella setMenu: questa cartella contiene i livelli che visualizzano l'immagine di sfondo del menu delle impostazioni e i singoli pulsanti per il menu.
  
  
• buttonsMain: contiene i pulsanti di navigazione avanti e indietro.
  
  
• buttonsPages: contiene i pulsanti che avvieranno ActionScript alle pagine 11 e 31.
  
  
• pageCurl: contiene il clip filmato pageCurl che crea la simulazione del cambio di pagina.
  
  
• pagine: filmati per ciascuna pagina del libro di fiabe e altre pagine di informazioni.
  
  

IMPORTANTE: queste esercitazioni sullo sviluppo di app sono scritte pensando ai principianti di Flash. Dovrai ottimizzare l'app oltre a quanto descritto in queste esercitazioni prima di finalizzare l'app per l'app store.


Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.