이전 튜토리얼에서, 우리는 iBooks에서 사용하기 위해 Hype에 간단한 갤러리를 만들었습니다
아르 자형 저자. 이 Hype for iBooks Author 학습서에서는 Hype 위젯을 iBA에 적합하게하는 상호 작용 성 및 애니메이션을 추가합니다.
이제 마우스 클릭시 동작을 뒤로 및 다음 버튼에 추가 할 수 있습니다.
- 뒤로 버튼 이미지를 선택하십시오. Actions Inspector에서 On Mouse Click 옆에있는 플러스 아이콘을 클릭하십시오. 동작을 장면으로 이동으로 설정하십시오. 장면을 이전 장면으로 설정하십시오. Transition을 Crossfade로 설정하고 기본 Duration을 유지하십시오.
- 다음 버튼에 대해 반복하지만 장면을 다음 장면으로 설정하십시오.
이제 버튼이 있으므로 갤러리에있는 다른 세 이미지의 장면을 복제 할 수 있습니다.
- 장면을 마우스 오른쪽 버튼으로 클릭하고 장면 복제를 선택합니다. 두 번 반복하십시오. 장면의 이름을 "Layout1", "Layout2"및 "Layout3"으로 바꿉니다.
새로운 장면마다 iPad 이미지를 변경해 봅시다.
- Layout1 장면을 선택하고 iPad 이미지를 마우스 오른쪽 단추로 클릭 한 다음 삭제를 선택하십시오.
- 요소 메뉴를 사용하여 다른 iPad 이미지를 가져옵니다. 메뉴 막대에서 정렬-뒤로 보내기를 클릭하여 iPad 이미지를 버튼 아래로 이동하십시오.
- 다른 두 장면에 대해 이전 단계를 반복하십시오.
브라우저에서 프로젝트를 테스트하려면 미리보기 아이콘을 클릭하십시오. 모든 것이 잘 진행되면 갤러리를 탐색 할 수 있습니다. 이제 버튼을 약간 조정해야합니다. 첫 번째 장면에서 Back 버튼을 제거하고 마지막 장면의 다음 버튼을 새로운 Return 버튼으로 교체합니다.
- 첫 장면을 선택하십시오. 뒤로 버튼을 마우스 오른쪽 버튼으로 클릭하고 삭제를 선택하십시오.
- 마지막 장면으로갑니다. 다음 버튼을 마우스 오른쪽 버튼으로 클릭하고 삭제를 선택하십시오.
- 요소 메뉴를 사용하여 돌아 가기 버튼을 가져옵니다. 스케일을 50 %로 줄이고 오른쪽에 배치하십시오.
이제 Return 버튼에 액션을 추가하여 사용자를 첫 번째 장면으로 되돌릴 것입니다.
- Return 버튼을 선택하십시오. 액션 인스펙터에서 On Mouse Click 액션을 추가합니다. 동작을 장면으로 이동으로 설정하십시오. 장면을 첫 번째 장면 (퀴즈)으로 설정하고 전환을 크로스 페이드로 설정하십시오.
다시 테스트합시다. 모든 것이 잘된다면, iBooks Author에서 사용하기 위해 내보낼 수 있습니다.
- 메뉴 막대에서 파일-HTML5로 내보내기-대시 보드 / iBooks 작성자 위젯을 클릭하십시오.
PSD 커버 -iPad 이랑
//www.psdcovers.com/
뒤