Hype dla iBooks Autor - Galeria
W poprzednim samouczku zbudowaliśmy prostą galerię w Hype do użytku w iBooksR 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.

  1. 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.

  2. 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.

  3. 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.

  4. Wybierz scenę Układ 1, kliknij prawym przyciskiem myszy obraz iPada i wybierz polecenie Usuń.

  5. 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.

  6. 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óć.

  7. Wybierz pierwszą scenę. Kliknij prawym przyciskiem myszy przycisk Wstecz i wybierz polecenie Usuń.

  8. Przejdź do ostatniej sceny. Kliknij prawym przyciskiem myszy przycisk Dalej i wybierz polecenie Usuń.

  9. 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.

  10. 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.

  11. 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).