Hype til iBooks Forfatter - Galleri

• April 29, 2024

I den foregående tutorial byggede vi et simpelt galleri i Hype til brug i iBooks^R Forfatter. I denne Hype for iBooks-forfattertutorial vil vi tilføje interaktiviteten og animationen, der gør Hype-widgets gode til iBA.

Nu kan vi tilføje handlingen On Klik på musen til knappen Tilbage og Næste.

1. Vælg billedet Tilbage-knap. I handlingsinspektøren skal du klikke på Plus-ikonet ved siden af ​​Klik på musen. Indstil handlingen til at hoppe til scene. Indstil scenen til Forrige scene. Indstil overgangen til Crossfade, og hold standardvarigheden.
   
   
2. Gentag for næste knap, men indstil scene til næste scene.
   
   Nu når vi har knapperne, kan vi kopiere scenen til de andre tre billeder i galleriet.
   
   
3. Højreklik på scenen, og vælg Duplicate Scene. Gentag to gange. Omdøb scenerne til “Layout1”, “Layout2” og “Layout3”.
   
   Lad os ændre iPad-billedet til hver nye scene.
   
   
4. Vælg scenen Layout1, og højreklik på iPad-billedet, og vælg Slet.
   
   
5. Brug menuen Elements til at importere et andet iPad-billede. Fra menulinjen skal du klikke på Arranger - Send til Back for at flytte iPad-billedet under knapperne.
   
   
6. Gentag det forrige trin for de to andre scener.
   
   Klik på ikonet Eksempel for at teste dit projekt i browseren. Hvis alt går godt, skal du være i stand til at gennemse galleriet. Nu skal vi foretage et par justeringer af knapperne. Vi fjerner tilbage-knappen fra den første scene og erstatter den næste knap på den sidste scene med en ny returknap.
   
   
7. Vælg den første scene. Højreklik på knappen Tilbage og vælg Slet.
   
   
8. Gå til den sidste scene. Højreklik på knappen Næste og vælg Slet.
   
   
9. Brug menuen Elements til at importere knappen Return. Reducer skalaen til 50%, og placer den til højre.
   
   Nu skal vi tilføje en handling til knappen Return, der fører brugeren tilbage til den første scene.
   
   
10. Vælg knappen Retur. Tilføj handlingsinspektøren til handlinginspektøren. Indstil handlingen til at hoppe til scene. Indstil scenen til den første scene (Quizzer) og Overgangen til Crossfade.
    
    Lad os teste igen. Hvis alt går i orden, kan vi eksportere til brug i iBooks Author.
    
    
11. Fra menulinjen skal du klikke på Filer - Eksporter som HTML5 - Dashboard / iBooks-forfatterwidget.
    
    

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

Tilbage

Video Instruktioner: iBooks Author How to Use the Media Widget (April 2024).