Edellisessä opetusohjelmassa rakensimme Hypessä yksinkertaisen gallerian käytettäväksi iBooksissa
R Tekijä. Tähän Hype for iBooks Author -oppaaseen lisätään interaktiivisuus ja animaatio, joka tekee Hype-widgetistä loistavan iBA: n.
Nyt voimme lisätä Hiiren napsautus -toiminnon Takaisin- ja Seuraava-painikkeisiin.
- Valitse Takaisin-painikkeen kuva. Napsauta Toimintotarkastaja Plus-kuvaketta Hiiren napsauttaminen -kohdan vieressä. Aseta toiminto Hyppää kohtaukseen. Aseta kohtaus edelliseen kohtaukseen. Aseta siirtymä Crossfade -sovellukseen ja säilytä oletuskesto.
- Toista seuraava painike, mutta aseta kohtaus seuraavaan kohtaukseen.
Nyt kun meillä on painikkeet, voimme kopioida kohtauksen kolmea muuta kuvaa galleriassa.
- Napsauta kohtausta hiiren kakkospainikkeella ja valitse Kopioi kohtaus. Toista kahdesti. Nimeä kohtaukset uudelleen nimeksi ”Layout1”, “Layout2” ja “Layout3”.
Muutetaan iPad-kuva jokaista uutta kohtausta varten.
- Valitse Layout1-kohtaus ja napsauta hiiren kakkospainikkeella iPad-kuvaa ja valitse Poista.
- Tuo Elements-valikon avulla uusi iPad-kuva. Napsauta valikkorivillä Järjestä - Lähetä takaisin, siirtääksesi iPad-kuvan painikkeiden alapuolelle.
- Toista edellinen vaihe kahdelle muulle kohtaukselle.
Testaa projekti selaimessa napsauttamalla Esikatselu-kuvaketta. Jos kaikki menee hyvin, sinun pitäisi voida selata galleriaa. Nyt meidän on tehtävä muutama painikkeiden säätö. Poistamme Takaisin-painikkeen ensimmäisestä kohtauksesta ja korvaamme viimeisen kohtauksen seuraavan painikkeen uudella Palautus-painikkeella.
- Valitse ensimmäinen kohtaus. Napsauta hiiren kakkospainikkeella Takaisin-painiketta ja valitse Poista.
- Siirry viimeiseen kohtaukseen. Napsauta hiiren kakkospainikkeella Seuraava-painiketta ja valitse Poista.
- Tuo Element-valikko tuodaksesi Return-painikkeen. Alenna mittakaava 50%: iin ja aseta se oikealle.
Nyt meidän on lisättävä toiminto Paluu-painikkeeseen, joka vie käyttäjän takaisin ensimmäiseen kohtaukseen.
- Valitse Paluu-painike. Lisää Actions Inspector -sovellukseen hiiren napsautuksella tehtävä toiminto. Aseta toiminto Hyppää kohtaukseen. Aseta kohtaus ensimmäiseen kohtaukseen (tietovisat) ja siirtymä Crossfade-tilaan.
Koetaan uudelleen. Jos kaikki on hyvin, voimme viedä iBooks Author -sovellukseen.
- Napsauta valikkopalkissa Tiedosto - Vie HTML5: nä - Ohjauspaneeli / iBooks Author Widget.
PSD-kannet - iPadin malli
//www.psdcovers.com/
Takaisin
Video-Ohjeita: Hype 2.0 by Tumult (Huhtikuu 2024).