V predchádzajúcom tutoriále sme v Hype vytvorili jednoduchú galériu pre použitie v iBooks
R Autor. V tomto sprievodcovi autormi aplikácie Hype for iBooks pridáme interaktivitu a animáciu, vďaka ktorej sú widgety Hype pre iBA skvelé.
Teraz môžeme pridať tlačidlá On Mouse Click na tlačidlá Back a Next.
- Vyberte obrázok tlačidla Späť. V inšpektore akcií kliknite na ikonu Plus vedľa položky Kliknutie myšou. Nastavte akciu na prechod na scénu. Nastavte scénu na predchádzajúcu scénu. Nastavte prechod na Crossfade a ponechajte predvolené trvanie.
- Opakujte pre tlačidlo Next, ale nastavte Scene na Next Scene.
Teraz, keď máme tlačidlá, môžeme duplikovať scénu pre ďalšie tri obrázky v galérii.
- Pravým tlačidlom myši kliknite na scénu a vyberte možnosť Duplikovať scénu. Opakujte dvakrát. Premenujte scény na „Layout1“, „Layout2“ a „Layout3“.
Zmeňte obrázok iPadu pre každú novú scénu.
- Vyberte scénu Layout1 a kliknite pravým tlačidlom myši na obrázok iPadu a vyberte príkaz Odstrániť.
- Pomocou ponuky Prvky naimportujte ďalší obrázok iPadu. Na paneli Menubar kliknite na Usporiadať - poslať späť, aby sa obraz iPad presunul pod tlačidlá.
- Zopakujte predchádzajúci krok pre ďalšie dve scény.
Kliknutím na ikonu Ukážka otestujete svoj projekt v prehliadači. Ak všetko pôjde dobre, mali by ste byť schopní prehľadávať galériu. Teraz musíme urobiť niekoľko úprav tlačidiel. Z prvej scény odstránime tlačidlo Späť a nasledujúce tlačidlo na poslednej scéne nahradíme novým tlačidlom Návrat.
- Vyberte prvú scénu. Pravým tlačidlom myši kliknite na tlačidlo Späť a vyberte príkaz Odstrániť.
- Prejdite na poslednú scénu. Pravým tlačidlom myši kliknite na tlačidlo Ďalej a vyberte príkaz Odstrániť.
- Pomocou tlačidla Prvky naimportujte tlačidlo Návrat. Zmenšite mierku na 50% a umiestnite vpravo.
Teraz musíme do tlačidla Return pridať akciu, ktorá používateľa presunie späť na prvú scénu.
- Stlačte tlačidlo Return. V Inšpektore akcií pridajte akciu Kliknutie myšou. Nastavte akciu na prechod na scénu. Nastavte scénu na prvú scénu (kvízy) a prechod na kríženie.
Skúsme to znova. Ak je všetko v poriadku, môžeme exportovať pre použitie v iBooks Author.
- Na paneli Menubar kliknite na položku Súbor - Exportovať ako HTML5 - Widget pre autorských panelov / iBookov.
Kryty PSD - maketa iPad
//www.psdcovers.com/
späť
Video Návody: iBooks Widget - Hype for Interactive Video (Smieť 2024).