W poprzednim samouczku zbudowaliśmy prostą galerię w Hype do użytku w iBooks
R Autor. W tym samouczku autora Hype for iBooks dodamy interaktywność i animację, dzięki którym widżety Hype są idealne dla iBA.
Teraz możemy dodać akcję po kliknięciu myszą do przycisków Wstecz i Dalej.
- Wybierz obraz przycisku Wstecz. W Inspektorze działań kliknij ikonę Plus obok opcji Kliknięcie myszą. Ustaw działanie, aby przejść do sceny. Ustaw Scenę na Poprzednią Scenę. Ustaw Przejście na Przejście i zachowaj domyślny Czas trwania.
- Powtórz dla przycisku Dalej, ale ustaw Scenę na Następną scenę.
Teraz, gdy mamy przyciski, możemy powielić scenę dla pozostałych trzech obrazów w galerii.
- Kliknij scenę prawym przyciskiem myszy i wybierz opcję Duplikuj scenę. Powtórz dwa razy. Zmień nazwy scen na „Układ 1”, „Układ 2” i „Układ 3”.
Zmieńmy obraz iPada dla każdej nowej sceny.
- Wybierz scenę Układ 1, kliknij prawym przyciskiem myszy obraz iPada i wybierz polecenie Usuń.
- Użyj menu Elementy, aby zaimportować kolejny obraz iPada. Z paska menu kliknij Rozmieść - Wyślij na spód, aby przenieść obraz iPada pod przyciski.
- Powtórz poprzedni krok dla pozostałych dwóch scen.
Kliknij ikonę Podgląd, aby przetestować swój projekt w przeglądarce. Jeśli wszystko pójdzie dobrze, powinieneś być w stanie przeglądać galerię. Teraz musimy wprowadzić kilka zmian w przyciskach. Usuniemy przycisk Wstecz z pierwszej sceny i zastąpimy następny przycisk na ostatniej scenie nowym przyciskiem Wróć.
- Wybierz pierwszą scenę. Kliknij prawym przyciskiem myszy przycisk Wstecz i wybierz polecenie Usuń.
- Przejdź do ostatniej sceny. Kliknij prawym przyciskiem myszy przycisk Dalej i wybierz polecenie Usuń.
- Użyj menu Elementy, aby zaimportować przycisk Return. Zmniejsz skalę do 50% i umieść po prawej stronie.
Teraz musimy dodać akcję do przycisku Return, która przeniesie użytkownika z powrotem do pierwszej sceny.
- Wybierz przycisk Return. W Inspektorze akcji dodaj akcję Po kliknięciu myszą. Ustaw działanie, aby przejść do sceny. Ustaw Scenę na pierwszą scenę (Quizy) i Przejście do Przejścia.
Sprawdźmy jeszcze raz. Jeśli wszystko jest w porządku, możemy wyeksportować do użycia w aplikacji iBooks Author.
- W pasku menu kliknij Plik - Eksportuj jako HTML5 - Autor widgetu Dashboard / iBooks.
Pokrowce PSD - makieta iPada
//www.psdcovers.com/
Plecy
Instrukcje Wideo: Hype Getting Started [tutorial] (Może 2024).