Kwik-sivun käännös-animaatio

• Saattaa 3, 2024

Muutaman viimeisen opetusohjelman parissa olemme laatineet Kwik-kirjasovelluksemme sivumallia. Meillä on vielä yksi asia lisätä malliin, joka on lineaarinen animaatio, joka jäljittelee sivun käännöstä.

Haluamme, että tämä animaatio toistetaan heti, kun sivu latautuu. Meillä on jo animaation grafiikka sivun 1 kwkpgTurn-kerroksessa. Myös tämä kerros on asetettu jaetuksi omaisuudeksi, jotta se toimii läpi teossovelluksen.

Lineaarianimaatio

Tässä vaiheessa luomme hyvin yksinkertaisen animaation ja käytämme suurimpaa osaa oletusasetuksista. Mutta opimme paljon lineaarisista animaatioista, kun lisäämme niistä monia kirjaan.

Lineaarinen animaatio siirtää objektin näytön yhdestä pisteestä toiseen. Siksi lineaarisen animaation pääasetukset ovat aloitus- ja loppupisteet. Kwik asettaa animaation lähtökohdan automaattisesti kohteen nykyiseksi sijaintiksi kerroksessa. Meidän on asetettava animaation loppupiste.

Asetamme myös animaation keston sekunteina, koska se määrittelee kuinka nopeasti objekti liikkuu. Lopuksi asetamme animaation alkamaan sivun latautuessa.

Sivu käännä animaatio

1. Valitse Kwik-paneelin Sivu / komponentit-osiosta sivu1. Sinun pitäisi nähdä "@ sivu1" osion yläosassa.
   
   
2. Klikkaa Vaihda komponenttinäkymäkuvaketta nähdäksesi luettelon komponenteista, jotka on jo lisätty tälle sivulle.
   
   
3. Valitse kwkpgTurn-taso Tasot-paneelista.
   
   
4. Napsauta Luokka-palkissa Animaatiot-kuvake.
   
   
5. Klikkaa Lineaarianimaation kuvake (ensimmäinen kuvake ensimmäisellä työkalurivillä).
   
   
6. Nimeä animaatio uudelleen Lineaarinen animaatio -valintaikkunassa "pgTurn".
   
   
7. Kerros kwkpgTurn: Tämä käskee Kwikia käyttämään kwkpgTurn-kerroksen grafiikkaa animaatiota varten. Pidä tämä valittuna
   
   

Ominaisuudet-osiossa Kwik näyttää meille kohteen X- ja Y-sijainnit kwkpgTurn-kerroksessa sekä graafisen objektin leveyden ja korkeuden. Koska haluamme siirtää koko grafiikan näytöltä, meidän on siirrettävä sitä vähintään yhtä monta pikseliä kuin grafiikan leveys (732 pikseliä). Siirrämme sitä 732 pikseliä vasemmalle. Koska nykyinen X-sijainti on 0. Tämä johtaa negatiiviseen lukuun loppupisteelle. Emme halua siirtää objektia pystysuunnassa, joten pidämme Y-asennon nollana. Tämä aiheuttaa sen, että esine siirtyy vain vaakasuoraan.

8. Loppupiste:
   x -732
   y 0
   
   
9. Satunnaistettu loppupiste: Emme käytä tätä ominaisuutta, joten jätä se oletusasetuksiin.
   
   
10. Kesto: Haluamme grafiikan liikkuvan erittäin nopeasti, jotta annettaisiin läppä-vaikutus. Joten asetetaan tämän arvoksi 1 sekunti ja 0,25 sekunnin viive.
    
    
11. Valitse Tauko keskeytetty -valintaruutu.
    
    
12. Silmukka: Aseta tämän vaihtoehdon arvoksi l aika.
    
    
13. Käynnistyy: Aseta tämä kohtaan Kun sivu alkaa.
    
    
14. Napsauta Luo.
    
    
15. Sinun pitäisi nähdä, että pgTurn-animaatio on lisätty tämän sivun komponenttiluetteloon.
    
    

Nyt on hyvä aika testata projekti. Napsauta Kwik-paneelin Julkaise-painiketta. Testaa navigointipainikkeet ja sivun kääntyvä animaatio.

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.
Kwik-tuote, Kwik-logo ja Kwiksher ovat Kwiksher.com-sivuston omaisuutta - Copyright 2011. Näyttökuvat ovat luvanvaraisia.

Nämä oppaat ovat vanhemmalle Kwik 2 -versiolle, eivätkä niistä välttämättä ole paljon apua Kwik 3: n tai uudemman käytön yhteydessä. Jos sinulla on vaikeuksia, käytä Kwik-foorumia.