Kwik Page Turn Animation

• Lehet 10, 2024

Az utóbbi néhány oktatóprogramban dolgoztunk a Kwik könyv alkalmazás oldalsablonjával. Van még egy dolog, amelyet hozzá kell adnunk a sablonhoz: ez a lineáris animáció, amely az oldalfordítást utánozza.

Azt akarjuk, hogy ez az animáció azonnal megjelenjen, amikor az oldal betöltődik. Az animáció grafikája már található az 1. oldalon található kwkpgTurn rétegen. Ez a réteg meg van osztva eszközként is beállítva, hogy ez a könyv alkalmazáson keresztül működjön.

Lineáris animáció

Ezen a ponton egy nagyon egyszerű animációt készítünk, és az alapértelmezett beállítások nagy részét fogjuk használni. De sokat tanulunk a lineáris animációkról, mivel ezek közül sokat hozzáadunk a könyvhez.

Lineáris animáció mozgatja az objektumot a képernyő egyik pontjáról a másikra. Ezért a lineáris animáció fő beállításai a kezdő és a végpont. A Kwik automatikusan beállítja az animáció kiindulási pontját, az objektum aktuális helyzetének a rétegen. Be kell állítanunk az animáció végpontját.

Az animáció időtartamát másodpercben is beállítjuk, mivel ez meghatározza, hogy az objektum milyen gyorsan mozog. Végül beállítjuk az animációt az oldal betöltésekor.

Page Turn Animation

1. A Kwik panel Oldal / Alkatrészek részében válassza az 1. oldalt. A szakasz tetején a "@ page1" feliratot kell látnia.
   
   
2. Kattintson a Váltás az Alkatrészek nézet ikonra, hogy megtekintse az ezen az oldalon már hozzáadott összetevők listáját.
   
   
3. Válassza ki a kwkpgTurn réteget a Rétegek panelen.
   
   
4. A Kategória sávon kattintson a Animációk ikonra.
   
   
5. Kattintson a Lineáris animációs ikon (az első ikon az eszközök első sorában).
   
   
6. A Lineáris animáció párbeszédpanelen nevezze át az "pgTurn" animációt.
   
   
7. Réteg kwkpgTurn: Ez arra szólítja fel Kwik-t, hogy használja a kwkpgTurn réteg grafikáját az animációhoz. Tartsa ezt kiválasztva
   
   

A Tulajdonságok szakaszban a Kwik megmutatja az objektum X és Y helyzetét a kwkpgTurn rétegen, valamint a grafikus objektum szélességét és magasságát. Mivel a teljes grafikát el akarjuk helyezni a képernyőn, ezért legalább annyi pixelt kell áthelyeznünk, mint a kép szélességét (732 px). Mozgassuk 732 pixelt balra. Mivel az X jelenlegi helyzete 0. Ez negatív számot eredményez a véghelyzetben. Nem akarjuk az objektumot függőlegesen mozgatni, ezért az Y-pozíciót 0-ra állítjuk. Ez az objektum csak vízszintes helyzetben történő mozgatásához vezet.

8. Véghelyzet:
   x -732
   y 0
   
   
9. Véletlenszerű véghelyzet: Nem fogjuk használni ezt a funkciót, ezért hagyjuk az alapértelmezettre állítva.
   
   
10. Időtartam: Azt akarjuk, hogy a grafika nagyon gyorsan mozogjon, hogy flip hatást érjen el. Tehát állítsuk ezt 1 másodpercre és 0,25 másodperces késleltetésre.
    
    
11. Jelölje be a Szüneteltetés befejezése jelölőnégyzetet.
    
    
12. Hurok: Állítsa ezt az opciót l időre.
    
    
13. Indul: Állítsa ezt az értékre, amikor az oldal elindul.
    
    
14. Kattintson a Létrehozás elemre.
    
    
15. Látnia kell, hogy a pgTurn animáció hozzáadódott az oldal összetevőinek listájához.
    
    

Itt az ideje, hogy kipróbáljuk a projektet. Kattintson a Kwik panelen a Közzététel gombra. Tesztelje a navigációs gombokat és az oldalfordítást.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. 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 és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.
A Kwik termék, a Kwik embléma és a Kwiksher a Kwiksher.com tulajdonságai - Szerzői jog 2011. Képernyőképek engedélyes felhasználásával.

Ezek az oktatóprogramok a Kwik 2 régebbi verziójára vonatkoznak, és lehet, hogy nem sok segítséget nyújtanak a Kwik 3 vagy újabb használatakor. Ha problémája van, kérjük, használja a Kwik fórumot.

Video Utasításokat: Before You Scroll Down, WATCH THIS! One of The Most Eye Opening Videos (Lehet 2024).