Hype für iBooks Author - Galerie

• April 20, 2024

Im vorherigen Tutorial haben wir in Hype eine einfache Galerie zur Verwendung in iBooks erstellt^R. Autor. In diesem Tutorial für Hype for iBooks Author werden wir die Interaktivität und Animation hinzufügen, die Hype-Widgets für iBA großartig machen.

Jetzt können wir die Aktion Beim Klicken mit der Maus zu den Schaltflächen Zurück und Weiter hinzufügen.

1. Wählen Sie das Bild der Schaltfläche Zurück. Klicken Sie im Aktionsinspektor auf das Plus-Symbol neben Mausklick. Stellen Sie die Aktion auf Zur Szene springen. Stellen Sie die Szene auf Vorherige Szene ein. Stellen Sie den Übergang auf Überblenden ein und behalten Sie die Standarddauer bei.
   
   
2. Wiederholen Sie diesen Vorgang für die Schaltfläche Weiter, setzen Sie jedoch Szene auf Nächste Szene.
   
   Nachdem wir die Schaltflächen haben, können wir die Szene für die anderen drei Bilder in der Galerie duplizieren.
   
   
3. Klicken Sie mit der rechten Maustaste auf die Szene und wählen Sie Szene duplizieren. Wiederholen Sie zweimal. Benennen Sie die Szenen in „Layout1“, „Layout2“ und „Layout3“ um.
   
   Ändern wir das iPad-Bild für jede neue Szene.
   
   
4. Wählen Sie die Szene Layout1 aus, klicken Sie mit der rechten Maustaste auf das iPad-Bild und wählen Sie Löschen.
   
   
5. Verwenden Sie das Menü Elemente, um ein anderes iPad-Bild zu importieren. Klicken Sie in der Menüleiste auf Anordnen - Nach hinten senden, um das iPad-Bild unter die Schaltflächen zu verschieben.
   
   
6. Wiederholen Sie den vorherigen Schritt für die beiden anderen Szenen.
   
   Klicken Sie auf das Vorschau-Symbol, um Ihr Projekt im Browser zu testen. Wenn alles gut geht, sollten Sie in der Lage sein, durch die Galerie zu stöbern. Jetzt müssen wir einige Anpassungen an den Tasten vornehmen. Wir werden die Zurück-Schaltfläche aus der ersten Szene entfernen und die nächste Schaltfläche in der letzten Szene durch eine neue Zurück-Schaltfläche ersetzen.
   
   
7. Wählen Sie die erste Szene aus. Klicken Sie mit der rechten Maustaste auf die Schaltfläche Zurück und wählen Sie Löschen.
   
   
8. Gehe zur letzten Szene. Klicken Sie mit der rechten Maustaste auf die Schaltfläche Weiter und wählen Sie Löschen.
   
   
9. Verwenden Sie das Menü Elemente, um die Schaltfläche Zurück zu importieren. Reduzieren Sie die Skala auf 50% und platzieren Sie sie rechts.
   
   Jetzt müssen wir der Schaltfläche Zurück eine Aktion hinzufügen, die den Benutzer zur ersten Szene zurückführt.
   
   
10. Klicken Sie auf die Schaltfläche Zurück. Fügen Sie im Aktionsinspektor die Aktion Bei Mausklick hinzu. Stellen Sie die Aktion auf Zur Szene springen. Stellen Sie die Szene auf die erste Szene (Quiz) und den Übergang zum Überblenden ein.
    
    Lassen Sie uns noch einmal testen. Wenn alles in Ordnung ist, können wir zur Verwendung in iBooks Author exportieren.
    
    
11. Klicken Sie in der Menüleiste auf Datei - Als HTML5 exportieren - Dashboard / iBooks-Autoren-Widget.
    
    

PSD-Cover - iPad-Modell
//www.psdcovers.com/

Zurück

Video-Anleitungen: Bookry Sketchpad Widget for iBooks Author (April 2024).