Hype for iBooks Author - Gallery
Dalam tutorial sebelumnya, kami membina galeri mudah dalam Hype untuk digunakan dalam iBooksR Pengarang. Dalam Hype ini untuk tutorial Pembuat iBooks, kami akan menambah interaktiviti dan animasi yang menjadikan widget Hype hebat untuk iBA.

Kini kita boleh menambah tindakan Klik Mouse ke butang Kembali dan Seterusnya.

  1. Pilih imej butang Belakang. Dalam Inspektor Tindakan, klik ikon Plus bersebelahan dengan Klik Mouse. Tetapkan Tindakan untuk Lompat ke Adegan. Tetapkan Adegan ke Pemandangan Sebelumnya. Tetapkan Peralihan kepada Crossfade dan jaga Durasi lalai.

  2. Ulangi butang Seterusnya tetapi tetapkan Adegan ke Adegan Seterusnya.

    Sekarang bahawa kita mempunyai butang, kita dapat menduplikasi adegan untuk tiga imej lain di galeri.

  3. Klik kanan pada tempat kejadian, dan pilih Pemandangan Duplikat. Ulang dua kali. Namakan semula adegan untuk "Layout1", "Layout2" dan "Layout3".

    Mari kita ubah imej iPad untuk setiap adegan baru.

  4. Pilih adegan Layout1 dan klik kanan imej iPad dan pilih Padam.

  5. Gunakan Menu Elemen untuk mengimport imej iPad yang lain. Dari Menubar, klik Susun - Hantar ke Kembali, untuk menggerakkan imej iPad di bawah butang.

  6. Ulangi langkah sebelumnya untuk dua adegan yang lain.

    Klik ikon Pratonton untuk menguji projek anda dalam Penyemak Imbas. Sekiranya semuanya berjalan lancar, anda perlu melayari galeri. Sekarang kita perlu membuat beberapa penyesuaian pada butang. Kami akan mengalih keluar butang Kembali dari adegan pertama dan menggantikan butang seterusnya pada adegan terakhir dengan butang Kembali baru.

  7. Pilih pemandangan pertama. Klik kanan pada butang Balik dan pilih Padam.

  8. Pergi ke tempat kejadian terakhir. Klik kanan pada butang Seterusnya dan pilih Padam.

  9. Gunakan Menu Elemen untuk mengimport butang Kembali. Kurangkan Skala hingga 50% dan letakkan di sebelah kanan.

    Sekarang kita perlu menambah tindakan ke butang Kembali yang akan membawa pengguna kembali ke tempat kejadian pertama.

  10. Pilih butang Kembali. Dalam Tindakan Inspektor, tambah tindakan Klik Mouse Pada. Tetapkan Tindakan untuk Lompat ke Adegan. Tetapkan Adegan ke adegan pertama (Kuis) dan Transition to Crossfade.

    Mari kita uji lagi. Sekiranya semuanya berjalan lancar, kami boleh mengeksport untuk digunakan dalam iBooks Author.

  11. Dari Menubar, klik Fail - Eksport sebagai HTML5 - Widget Pengarang Dashboard / iBooks.

JPA Cover - iPad Mockup
//www.psdcovers.com/

Kembali


Arahan Video: iBooks Widget - Hype for Interactive Video (April 2024).