Kwik Sayfa Dönüşü Animasyonu

• Mayıs Ayı 20, 2024

Son birkaç öğretici için, Kwik kitap uygulamamızın sayfa şablonu üzerinde çalışıyoruz. Bir sayfa dönüşünü taklit eden doğrusal animasyon olan şablona eklemek için bir şeyimiz daha var.

Sayfa yüklendiğinde bu animasyonun hemen oynatılmasını isteyeceğiz. Animasyon için zaten sayfa1'deki kwkpgTurn katmanında grafiğimiz var. Ayrıca bu katman, kitap uygulaması üzerinden çalışacak şekilde Paylaşılan Varlık olarak ayarlanmıştır.

Doğrusal Animasyon

Bu noktada, çok basit bir animasyon oluşturacağız ve varsayılan ayarların çoğunu kullanacağız. Fakat çoğunu kitaba eklediğimiz için doğrusal animasyonlar hakkında çok şey öğreneceğiz.

Doğrusal bir animasyon, nesneyi ekrandaki bir noktadan diğerine taşır. Bu nedenle, doğrusal bir animasyonun ana ayarları başlangıç ​​ve bitiş noktalarıdır. Kwik, animasyonun başlangıç ​​noktasını katmandaki nesnenin geçerli konumu olarak otomatik olarak ayarlayacaktır. Animasyon için bitiş noktasını ayarlamamız gerekecek.

Ayrıca, nesnenin ne kadar hızlı hareket edeceğini belirleyeceğinden, animasyonun süresini saniye cinsinden ayarlayacağız. Son olarak, sayfa yüklendiğinde animasyonu başlayacak şekilde ayarlayacağız.

Sayfa Çevirme Animasyonu

1. Kwik panelinin Sayfa / Bileşenler bölümünde sayfa1'i seçin. Bölümün üstünde "@ sayfa1" ifadesini görmelisiniz.
   
   
2. Tıkla Bu sayfaya zaten eklenmiş bileşenlerinizin listesini görmek için Bileşenler Görünümü simgesine geçin.
   
   
3. Katmanlar panelinde kwkpgTurn katmanını seçin.
   
   
4. Kategori çubuğundan, Animasyonlar simgesi.
   
   
5. Tıkla Doğrusal Animasyon simgesi (araçların ilk satırındaki ilk simge).
   
   
6. Doğrusal Animasyon iletişim kutusunda, "pgTurn" animasyonunu yeniden adlandırın.
   
   
7. Katman kwkpgTurn: Bu, Kwik'e kwkpgTurn katmanındaki grafiği animasyon için kullanmasını söyler. Bunu seçili tut
   
   

Özellikler bölümünde, Kwik bize kwkpgTurn katmanındaki nesne için X ve Y konumlarını ve grafik nesnesinin genişliğini ve yüksekliğini gösterir. Grafiğin tamamını ekranın dışına taşımak istediğimiz için, grafiğin genişliği (732 piksel) ile en az aynı sayıda pikseli taşımamız gerekecek. Haydi 732 piksel sola taşıyalım. Mevcut X konumu 0 olduğu için bu, son konum için negatif bir sayıya neden olacaktır. Nesneyi dikey olarak taşımak istemiyoruz, bu nedenle Y konumunu 0 olarak ayarlayacağız. Bu, nesnenin yalnızca yatay hareket etmesine neden olur.

8. Bitiş konumu:
   x -732
   y 0
   
   
9. Rastgele son konum: Bu özelliği kullanmayacağız, bu yüzden varsayılanlara ayarlı bırakın.
   
   
10. Süre: Flip efektini vermek için grafiğin çok hızlı hareket etmesini istiyoruz. Şimdi bunu 1 saniye ve .25 saniye gecikmeye ayarlayalım.
    
    
11. Tamamlandığında Duraklatıldı kutusunu işaretleyin.
    
    
12. Döngü: Bu seçeneği l zamanına ayarlayın.
    
    
13. Başlıyor: Bunu Sayfa başladığında olarak ayarlayın.
    
    
14. Oluştur'u tıklayın.
    
    
15. PgTurn animasyonunun bu sayfanın bileşenler listesine eklendiğini görmelisiniz.
    
    

Şimdi projeyi test etmek için iyi bir zaman. Kwik panelindeki Yayınla düğmesini tıklayın. Gezinme düğmelerini ve sayfa çevirme animasyonunu test edin.

Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.
Kwik ürünü, Kwik logosu ve Kwiksher, Kwiksher.com'a aittir - Telif Hakkı 2011. Ekran görüntüleri izin alınarak kullanılmıştır.

Bu eğitimler Kwik 2'nin eski sürümleri içindir ve Kwik 3 ve üstünü kullanırken çok yardımcı olmayabilir. Sorun yaşıyorsanız lütfen Kwik forumunu kullanın.

Video Talimatları: Animation vs. YouTube (original) (Mayıs Ayı 2024).