I forrige opplæring bygde vi et enkelt galleri i Hype for bruk i iBooks
R Forfatter. I denne opplæringen om Hype for iBooks forfatter vil vi legge til interaktivitet og animasjon som gjør Hype-widgeter bra for iBA.
Nå kan vi legge til museklikk-handlingen til Tilbake- og Neste-knappene.
- Velg Tilbake-knappen. I Handlinginspektøren klikker du på Plus-ikonet ved siden av På museklikk. Still handlingen til å hoppe til scene. Sett scenen til forrige scene. Sett overgangen til Crossfade og behold standardvarighet.
- Gjenta for Neste-knappen, men sett Scene til Neste scene.
Nå som vi har knappene, kan vi duplisere scenen for de tre andre bildene i galleriet.
- Høyreklikk på scenen, og velg Duplicate Scene. Gjenta to ganger. Gi navn til scenene til “Layout1”, “Layout2” og “Layout3”.
La oss endre iPad-bildet for hver nye scene.
- Velg scenen Layout1, og høyreklikk på iPad-bildet, og velg Slett.
- Bruk Elements Menu for å importere et annet iPad-bilde. Fra menylinjen, klikk på Ordne - Send til baksiden, for å flytte iPad-bildet under knappene.
- Gjenta forrige trinn for de to andre scenene.
Klikk på forhåndsvisningsikonet for å teste prosjektet ditt i nettleseren. Hvis alt går bra, bør du kunne bla gjennom galleriet. Nå må vi gjøre noen justeringer av knappene. Vi vil fjerne Tilbake-knappen fra den første scenen og erstatte den neste knappen på den siste scenen med en ny Return-knapp.
- Velg den første scenen. Høyreklikk på Tilbake-knappen og velg Slett.
- Gå til den siste scenen. Høyreklikk på Neste-knappen og velg Slett.
- Bruk Elements Menu for å importere Return-knappen. Reduser skalaen til 50% og plasser den til høyre.
Nå må vi legge til en handling på Return-knappen som tar brukeren tilbake til den første scenen.
- Velg Retur-knappen. Legg til handlingsinspektøren for handlingstilsynet. Still handlingen til å hoppe til scene. Sett scenen til den første scenen (Quizzes) og Overgangen til Crossfade.
La oss teste igjen. Hvis alt er bra, kan vi eksportere for bruk i iBooks Author.
- Fra menylinjen, klikk på File - Export as HTML5 - Dashboard / iBooks Author Widget.
PSD Covers - iPad Mockup
//www.psdcovers.com/
Tilbake