Hype для iBooks Автор - Галерея

• May 20, 2024

В предыдущем уроке мы создали простую галерею в Hype для использования в iBooks^р Автор. В этом учебнике Hype для iBooks Author мы добавим интерактивность и анимацию, которые делают виджеты Hype отличными для iBA.

Теперь мы можем добавить действие «Нажатие мыши» к кнопкам «Назад» и «Далее».

1. Выберите изображение кнопки Назад. В Инспекторе действий щелкните значок «Плюс» рядом с «При щелчке мышью». Установите действие, чтобы перейти к сцене. Установите сцену на предыдущую сцену. Установите Transition на Crossfade и оставьте значение Duration по умолчанию.
   
   
2. Повторите для кнопки «Далее», но установите «Сцена» на «Следующая сцена».
   
   Теперь, когда у нас есть кнопки, мы можем продублировать сцену для остальных трех изображений в галерее.
   
   
3. Щелкните правой кнопкой мыши по сцене и выберите Duplicate Scene. Повторите дважды. Переименуйте сцены в «Layout1», «Layout2» и «Layout3».
   
   Давайте изменим изображение iPad для каждой новой сцены.
   
   
4. Выберите сцену Layout1, щелкните правой кнопкой мыши изображение iPad и выберите «Удалить».
   
   
5. Используйте Меню элементов, чтобы импортировать другое изображение iPad. На панели инструментов нажмите «Упорядочить» - «Отправить назад», чтобы переместить изображение iPad под кнопки.
   
   
6. Повторите предыдущий шаг для двух других сцен.
   
   Нажмите на значок предварительного просмотра, чтобы проверить свой проект в браузере. Если все идет хорошо, вы сможете просматривать галерею. Теперь нам нужно сделать несколько настроек кнопок. Мы удалим кнопку «Назад» из первой сцены и заменим следующую кнопку в последней сцене новой кнопкой «Возврат».
   
   
7. Выберите первую сцену. Щелкните правой кнопкой мыши кнопку «Назад» и выберите «Удалить».
   
   
8. Перейти к последней сцене. Щелкните правой кнопкой мыши кнопку «Далее» и выберите «Удалить».
   
   
9. Используйте меню элементов, чтобы импортировать кнопку возврата. Уменьшите масштаб до 50% и разместите справа.
   
   Теперь нам нужно добавить действие к кнопке Return, которое вернет пользователя к первой сцене.
   
   
10. Выберите кнопку возврата. В инспекторе действий добавьте действие «При щелчке мышью». Установите действие, чтобы перейти к сцене. Установите сцену на первую сцену (викторины) и переход к перекрестному затуханию.
    
    Давайте проверим снова. Если все хорошо, мы можем экспортировать для использования в iBooks Author.
    
    
11. В меню выберите «Файл» - «Экспортировать как HTML5» - «Виджет Dashboard / iBooks Author».
    
    

PSD Чехлы - iPad Макет
//www.psdcovers.com/

назад

Видео инструкция: Web Design Basic Timeline Navigation Part 1 (May 2024).