Hype for iBooks Author - Galleria
Edellisessä opetusohjelmassa rakensimme Hypessä yksinkertaisen gallerian käytettäväksi iBooksissaR 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.

  1. 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.

  2. Toista seuraava painike, mutta aseta kohtaus seuraavaan kohtaukseen.

    Nyt kun meillä on painikkeet, voimme kopioida kohtauksen kolmea muuta kuvaa galleriassa.

  3. 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.

  4. Valitse Layout1-kohtaus ja napsauta hiiren kakkospainikkeella iPad-kuvaa ja valitse Poista.

  5. Tuo Elements-valikon avulla uusi iPad-kuva. Napsauta valikkorivillä Järjestä - Lähetä takaisin, siirtääksesi iPad-kuvan painikkeiden alapuolelle.

  6. 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.

  7. Valitse ensimmäinen kohtaus. Napsauta hiiren kakkospainikkeella Takaisin-painiketta ja valitse Poista.

  8. Siirry viimeiseen kohtaukseen. Napsauta hiiren kakkospainikkeella Seuraava-painiketta ja valitse Poista.

  9. 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.

  10. 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.

  11. 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).