Översikt över Flash Storybook Phase 2

• April 20, 2024

Denna handledning börjar den andra fasen av vår Flash^R iOS Storybook App-serien. Om du har följt med, vet du att den första fasen anger hur du skapar en animerad intro-scen för en storybook-app. Denna animerade intro är valfri men du kanske vill läsa de självstudierna, eftersom de täcker hur man skapar några grundläggande Flash-animationer och knappar.

Anledningen till att denna animerade introduktion är valfri för projektet beror på att de flesta storybook-appar öppnas med en statisk grafik av bokomslaget och en knapp eller ett hett område där läsaren berör eller sveper för att vända sidan.

Det är här vi kommer att börja fas två i serien. Om du har skapat den animerade intro i fas ett, lägg bara åt sidan för nu. Vi kommer att integrera de två senare.

Låt oss ta en titt på berättelsen. Som ni ser har vi flera objekt på och utanför scenen och vår huvudtidslinje har 32 bilder. På ram 1 av huvudtidslinjen innehåller scenen den statiska omslagsbilden för berättelsen. Förutom bokomslagets grafik är det enda på scenen en vippknapp i det övre vänstra omslaget. Denna knapp växlar mellan inställningsmenysidan.

Utanför scenen och till vänster är sidanCurl-grafik som vi kommer att animera för att simulera sidorna som vrids när du rör vid eller sveper.

Ovanför scenen är inställningsmenyns överläggssida. När du klickar på vippknappen på scenen öppnas inställningsmenysidan över vad som redan finns på scenen. Den här inställningssidan innehåller länkar till storyboks informationssidor, till exempel index- och krediter-sidorna. Den innehåller också en vippknapp för att slå på / stänga av bakgrundsmusiken och en länk till författarens webbplats.

Varför behöver vi den här inställningsmenysidan? Eftersom den innehåller en länk till indexsidan har läsaren alltid ett sätt att komma tillbaka till början av boken från den aktuella sidan som de tittar på. Det är också en bra idé att ge läsaren möjlighet att stänga av bakgrundsmusiken. Och naturligtvis vill du att läsaren besöker din webbplats för mer information om dig och dina andra bokappar.

Låt oss nu titta på lagren i tidslinjepanelen. Som du ser är det undre lagret sidoskiktet. Från och med ram 3 innehåller varje ram ett filmklipp för en sida i boken. Vi kommer att skapa ett annat filmklipp för varje sida och placera filmklipp på scenen. När vi rör oss längs tidslinjen "bläddrar vi" igenom boken.

Från topp till botten är de andra lagren följande.

• actionsMain - innehåller ActionScript för huvudnavigering och händelser.
  
  
• actionsidor - innehåller ActionScript som kommer att köras på vissa sidor i boken. Som ni ser är dessa sidor 11 och 31.
  
  
• setTogBtn - innehåller inställningsmenyens vippknapp.
  
  
• mappen setMenu - den här mappen innehåller de lager som visar bakgrundsbilden för inställningsmenyn och de enskilda knapparna för menyn.
  
  
• buttonsMain - innehåller navigeringsknapparna framåt och bakåt.
  
  
• knappsidor - innehåller knappar som startar ActionScript på sidorna 11 och 31.
  
  
• pageCurl - innehåller sidanCurl-filmklippet som skapar simuleringen av sidvridning.
  
  
• sidor - filmklipp för varje sida i berättelsen och andra informationssidor.
  
  

VIKTIGT: Dessa apputvecklingsstudier är skrivna med Flash-nybörjaren i åtanke. Du måste optimera din app utöver vad som täcks i dessa tutorials innan du slutför din app för app store.


Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Biblical Series I: Introduction to the Idea of God (April 2024).