Kwik Page Turn Animation

• Maijs 11, 2024

Pēdējās dažās pamācībās mēs strādājām pie mūsu Kwik grāmatu lietotnes lapas veidnes. Mums ir vēl viena lieta, ko pievienot veidnei, proti, lineārā animācija, kas imitē lapas pagriezienu.

Mēs vēlamies, lai šī animācija tiktu atskaņota nekavējoties, kad lapa tiek ielādēta. Animācijas grafika jau ir kwkpgTurn slānī 1. lappusē. Arī šis slānis ir iestatīts kā koplietojamais īpašums, lai tas darbotos, izmantojot grāmatas lietotni.

Lineārā animācija

Šajā brīdī mēs izveidosim ļoti vienkāršu animāciju un izmantosim lielāko daļu noklusējuma iestatījumu. Bet mēs daudz mācīsimies par lineārajām animācijām, jo ​​daudzas no tām pievienosim grāmatai.

Lineārā animācija pārvieto objektu no viena ekrāna punkta uz otru. Tāpēc lineārās animācijas galvenie iestatījumi ir sākuma un beigu punkti. Kwik automātiski iestatīs animācijas sākuma punktu kā objekta pašreizējo atrašanās vietu slānī. Mums būs jāiestata animācijas beigu punkts.

Mēs arī uzstādīsim animācijas ilgumu sekundēs, jo tas noteiks, cik ātri objekts pārvietojas. Visbeidzot, mēs iestatīsim animācijas sākšanos, kad lapa tiks ielādēta.

Lapas pagrieziena animācija

1. Kwik paneļa sadaļā Lapa / komponenti atlasiet 1. lapu. Sadaļas augšdaļā jums vajadzētu redzēt “@ page1”.
   
   
2. Noklikšķiniet uz Pārslēdzieties uz ikonu Components View, lai redzētu komponentu sarakstu, kas jau ir pievienots šai lapai.
   
   
3. Slāņu panelī atlasiet slāni kwkpgTurn.
   
   
4. Joslā Kategorijas noklikšķiniet uz Animācijas ikona.
   
   
5. Noklikšķiniet uz Lineārās animācijas ikona (pirmā ikona pirmajā rīku rindā).
   
   
6. Dialoglodziņā Lineārā animācija pārdēvējiet animāciju par “pgTurn”.
   
   
7. Slānis kwkpgTurn: Tas Kwik norāda animācijai izmantot slāņa kwkpgTurn grafiku. Saglabājiet šo atlasīto
   
   

Sadaļā Properties Kwik parāda objekta X un Y pozīcijas uz kwkpgTurn slāņa un grafiskā objekta platumu un augstumu. Tā kā mēs vēlamies visu grafiku pārvietot no ekrāna, mums tas būs jāpārvieto vismaz tikpat pikseļu, cik liels ir grafika platums (732 pikseļi). Pārvietosim to par 732 pikseļiem pa kreisi. Tā kā pašreizējā X pozīcija ir 0. Tas novedīs pie negatīva gala stāvokļa skaitļa. Mēs nevēlamies objektu pārvietot vertikāli, tāpēc Y pozīcija tiks iestatīta uz 0. Tas izraisīs objekta pārvietošanos tikai horizontāli.

8. Beigu pozīcija:
   x -732
   y 0
   
   
9. Nejauša gala pozīcija: mēs neizmantojam šo funkciju, tāpēc atstājiet to iestatītu uz noklusējuma iestatījumiem.
   
   
10. Ilgums: Mēs vēlamies, lai grafika pārvietotos ļoti ātri, lai iegūtu uzsitiena efektu. Tāpēc iestatīsim to uz 1 sekundes un 0,25 sekunžu kavēšanos.
    
    
11. Atzīmējiet izvēles rūtiņu Pauzēts, kad pabeigts.
    
    
12. Loop: iestatiet šo opciju uz l time.
    
    
13. Sākas: iestatiet to uz Kad sākas lapa.
    
    
14. Noklikšķiniet uz Izveidot.
    
    
15. Jums vajadzētu redzēt, ka pgTurn animācija ir pievienota šīs lapas komponentu sarakstam.
    
    

Tagad ir piemērots laiks projekta pārbaudei. Kwik panelī noklikšķiniet uz pogas Publicēt. Pārbaudiet navigācijas pogas un lapas pagrieziena animāciju.

Autortiesības 2018 Adobe Systems Incorporated. Visas tiesības aizsargātas. Adobe produkta ekrānuzņēmums (-i) ir pārpublicēts ar Adobe Systems Incorporated atļauju. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper ir / ir vai nu [a] reģistrēta preču zīme (-es), vai Adobe Systems Incorporated preču zīme (-es) Amerikas Savienotajās Valstīs un / vai citās valstīs.
Kwik produkts, Kwik logotips un Kwiksher ir vietnes Kwiksher.com rekvizīti - Autortiesības 2011. Ekrānuzņēmumus izmanto atļauja.

Šīs pamācības ir paredzētas vecākajai Kwik 2 versijai, un, iespējams, tās nevar būt daudz noderīgas, lietojot Kwik 3 un jaunākas versijas. Ja rodas problēmas, lūdzu, izmantojiet Kwik forumu.

Video Instrukcijas: Geraldine Kwik - 41°25'1''N & 104°6'1''W (Walking Man) (Maijs 2024).