Hype voor iBooks Author - Gallery

• April 29, 2024

In de vorige tutorial hebben we een eenvoudige galerij in Hype gebouwd voor gebruik in iBooks^R Auteur. In deze Hype voor iBooks Author-tutorial voegen we de interactiviteit en animatie toe die Hype-widgets geweldig maken voor iBA.

Nu kunnen we de actie On Mouse Click toevoegen aan de knoppen Vorige en Volgende.

1. Selecteer de knop Afbeelding terug. Klik in de Action Inspector op het Plus-pictogram naast On Mouse Click. Stel de actie in om naar scène te springen. Stel de scène in op vorige scène. Stel de overgang in op Crossfade en behoud de standaardduur.
   
   
2. Herhaal dit voor de knop Volgende maar stel Scène in op Volgende scène.
   
   Nu we de knoppen hebben, kunnen we de scène dupliceren voor de andere drie afbeeldingen in de galerij.
   
   
3. Klik met de rechtermuisknop op de scène en kies Scène dupliceren. Herhaal dit twee keer. Wijzig de scènes in "Layout1", "Layout2" en "Layout3".
   
   Laten we de iPad-afbeelding voor elke nieuwe scène wijzigen.
   
   
4. Selecteer de Layout1-scène en klik met de rechtermuisknop op de iPad-afbeelding en kies Verwijderen.
   
   
5. Gebruik het Elements-menu om een ​​andere iPad-afbeelding te importeren. Klik op de menubalk op Schikken - Verzenden naar terug om de iPad-afbeelding onder de knoppen te verplaatsen.
   
   
6. Herhaal de vorige stap voor de andere twee scènes.
   
   Klik op het pictogram Voorbeeld om uw project in de browser te testen. Als alles goed gaat, zou je door de galerij moeten kunnen bladeren. Nu moeten we een paar aanpassingen maken aan de knoppen. We verwijderen de knop Terug uit de eerste scène en vervangen de volgende knop in de laatste scène door een nieuwe knop Terug.
   
   
7. Selecteer de eerste scène. Klik met de rechtermuisknop op de knop Terug en kies Verwijderen.
   
   
8. Ga naar de laatste scène. Klik met de rechtermuisknop op de knop Volgende en kies Verwijderen.
   
   
9. Gebruik het Elements-menu om de Return-knop te importeren. Verlaag de schaal naar 50% en plaats aan de rechterkant.
   
   Nu moeten we een actie toevoegen aan de Return-knop die de gebruiker terugbrengt naar de eerste scène.
   
   
10. Selecteer de Return-knop. Voeg in de Acties Inspector de actie Bij muisklik toe. Stel de actie in om naar scène te springen. Stel de scène in op de eerste scène (quizzen) en de overgang naar Crossfade.
    
    Laten we het opnieuw testen. Als alles goed is, kunnen we exporteren voor gebruik in iBooks Author.
    
    
11. Klik op de menubalk op Bestand - Exporteren als HTML5 - Dashboard / iBooks Author Widget.
    
    

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

Terug

Video-Instructies: Adding Presentations in iBooks Author (April 2024).