Flash Storybook, faza 2, pregled

• Maj 10, 2024

Ta vadnica začne drugo fazo našega Flash-a^R iOS Storybook App serija. Če že spremljate, veste, da je v prvi fazi podrobno opisano, kako ustvariti animirani uvodni prizor za aplikacijo knjige z zgodbami. Ta animirani uvod ni obvezen, vendar boste morda želeli prebrati te vadnice, saj opisujejo, kako ustvariti nekaj osnovnih Flash animacij in gumbov.

Razlog, da je ta animirani uvod pri projektu izbiren, je, ker se večina programov za zgodbe odpre s statično grafiko ovitka knjige in gumba ali vročega območja, kjer se bralec dotakne ali premakne stran, da obrne stran.

Tu bomo začeli drugo fazo v seriji. Če ste v prvi fazi ustvarili animirani uvod, ga za zdaj samo odložite. Oboje bomo združili kasneje.

Oglejmo si knjigo zgodb. Kot lahko vidite, imamo na odru in izven več postavk, naša glavna časovna premica pa ima 32 sličic. Na Okviru 1 glavne časovne premice oder vsebuje statična slika platnice za knjigo zgodb. Poleg grafičnega ovitka knjige je edina stvar na odru preklopni gumb v zgornjem levem ovitku. S tem gumbom preklopite stran z nastavitvami.

Izven odra in na levi je stranCurl grafika, ki jo bomo animirali, da simuliramo strani, ki se obračajo, ko se jih dotaknemo ali potegnemo.

Nad fazo je stran z nastavitvami v meniju z nastavitvami. Ko kliknete gumb za preklop na odru, se odpre stran z nastavitvami nad tistim, kar je že na odru. Ta stran z nastavitvami vsebuje povezave do informacijskih strani knjige, kot sta strani z indeksom in krediti. Vsebuje tudi stikalo za vklop / izklop glasbe v ozadju in povezavo do avtorjevega spletnega mesta.

Zakaj potrebujemo to stran z nastavitvami? Ker vsebuje povezavo do strani s kazalom, ima bralec vedno način, da se vrne na začetek knjige s trenutne strani, ki si jo ogleduje. Prav tako je dobra možnost, da bralcu omogočite izklop glasbe v ozadju. In seveda želite, da bralnik obišče vaše spletno mesto za več informacij o vas in drugih aplikacijah za knjige.

Zdaj pa si oglejmo plasti na plošči Timeline. Kot lahko vidite, je spodnja plast sloj strani. Začenši s Frame 3, vsak okvir vsebuje filmski posnetek za eno stran knjige. Za vsako stran bomo ustvarili drugačen filmski posnetek in na oder postavili filmske posnetke. Ko se premikamo po časovni premici, "knjigo" prelistamo skozi knjigo.

Od zgoraj navzdol so ostale plasti naslednje.

• ActionsMain - vsebuje ActionScript za glavno navigacijo in dogodke.
  
  
• ActionsPages - vsebuje ActionScript, ki se bo izvajal na določenih straneh knjige. Kot vidite, je teh strani 11 in 31.
  
  
• setTogBtn - vsebuje preklopni gumb nastavitvenega menija.
  
  
• mapa setMenu - ta mapa vsebuje plasti, ki prikazujejo grafično ozadje menija z nastavitvami in posamezne gumbe v meniju.
  
  
• gumbiMain - vsebuje navigacijske gumbe naprej in nazaj.
  
  
• buttonPages - vsebuje gumbe, ki bodo zagnali ActionScript na straneh 11 in 31.
  
  
• pageCurl - vsebuje posnetek filma pageCurl, ki ustvari simulacijo obračanja strani.
  
  
• strani - filmski posnetki za vsako stran knjige z zgodbami in druge informacije.
  
  

POMEMBNO: Te vadnice za razvoj aplikacij so napisane v mislih novinca Flash. Pred dokončanjem aplikacije za trgovino z aplikacijami boste morali optimizirati svojo aplikacijo zunaj tistega, kar je zajeto v teh vajah.


Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem 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, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.