Android Animasyonlarını uygulamak için yeni başlayanlar kılavuzu (Bölüm 2)

Bölüm 1'de, Animasyonların temelleri ve Özellik Animasyonları hakkında konuştuk. Bu yayında, Canlandırmaları Görüntüle ve API düzeyi 21'de tanıtılan yeni Etkinlik geçişleri çerçevesi hakkında konuşacağım. Geçiş çerçevesi zaten API Seviyesi 19'a (4.4.2) eklendi, ancak API seviyesi 21'de daha güçlü hale geldi.

Android çerçevesi, Animasyonları Görüntüle ile başladı, ancak sorunları nedeniyle, Bölüm 1'de tartışıldığı gibi Özellik Animasyonlarını sundular. Görüntüleme animasyonları, açılış ekranı animasyonları ve görünümle böyle bir etkileşim olmadığı diğer alanlar için mükemmeldir. Çoğu durumda, XML kodu kullanılarak uygulanır.

Görünüm Animasyonu Türleri

  1. Tween Animasyonu - Bir görünümün ölçeklendirilmesinden, çevrilmesinden, döndürülmesinden veya soluklaşmasından sorumlu olan (birlikte veya birer birer) uygulanan animasyonlardır.
  2. Kare Animasyonu - Bu animasyonlar çeşitli çekmeceler kullanılarak uygulanır. Bunun içinde, sadece XML kodunda bir çekilebilirler listesi belirtmemiz gerekir ve animasyon bir videonun kareleri gibi çalışır.

View Animasyonları pek kullanılmaz, çünkü aynı şey çok daha hızlı ve okunabilir ViewPropertyAnimator nesnesini kullanıyor olabilir. Kare animasyonu, Çizilebilir Animasyona benzer. Daha önemli olan, çok faydalı olan ve güzel animasyonlar sağlayan yeni Geçiş çerçevesini anlamaktır.

Yeni animasyonlar (API Seviyesi 21+)

Havalı değil mi?

Android, etkinlik geçişleri, parça geçişleri ve paylaşılan eleman geçişleri sağlar. Diğer animasyonlar dairesel ortaya çıkarma, dalgalanma efekti vb. Kavisli hareketlerdir. Dalgalanma efekti, görünümün sadece background özelliğini ayarlamak suretiyle uygulanabilir:

android: “özn / selectableItemBackground” arkaplan =

Burada aktivite geçişlerini ve paylaşılan eleman geçişlerini GIF'in üstündeki gibi deneyeceğiz.

Temel adım styles-v21 dosyası oluşturmak ve aşağıdakileri yapmaktır:

Yukarıdaki stillerin açıklaması-v21.xml

Paylaşılan Eleman Geçişleri - Bu bölümde, iki faaliyet / bölüm arasında paylaşılan bir görüş vardır. Paylaşılan görünüm, her iki görünümün de her iki etkinlikte aynı olduğu anlamına gelir; yalnızca boyutları da biraz farklıdır. Örneğin - geri dönüşümlü görünüm öğesindeki, tıklandığında (dokunulduğunda), öğenin ayrıntılarını aynı görüntüyle ancak daha büyük boyutta gösteren bir görüntü. Böyle bir şey yapacağız: -

Güzel… Ama bu şey nasıl çalışıyor?

Temelde burada 2 etkinlik var. Birinde küçük bir nokta, diğerinde büyük bir nokta ve metin. Aktivite A'daki butona tıkladığımda, Aktivite B'yi animasyon ile açar. Bu etki Google Play Store uygulamasında da görülebilir. Fakat aynı zamanda dairesel açığa çıkma, yay hareketi efektleri uygularlar. Burada dikkat edilmesi gereken en önemli şey görüntünün orijinal konumdan son konuma geçmediğidir. Geçiş çerçevesi başlangıç ​​sahnesini ve bitiş sahnesini hesaplar ve sonra bu sahneler arasında hareket eder. Animasyonların nasıl çalıştığını bilmek için buna bakın. Ayrıca yeni niyet mekanizması yardımıyla, aşağıda gösterildiği gibi başarılabilir:

Burada lolipop için API kontrolünü kullandım ve daha sonra geçişi çalıştırın ve diğer seviyelerde aktivite normal şekilde başlayacak. Yeni Pair <> satırı, sistemin paylaşılan unsurları bilmesini sağlar.

Not - Geçiş adını her iki görünümde de aynı tutun (küçük nokta ve büyük nokta). Bu, sistemin paylaşılan unsurları bilmesine yardımcı olur. Geçiş adını strings.xml içine yerleştirmek iyi bir şeydir.

Burada, patlatma efekti olan etkinlik geçişi için custom_animation.xml geçişini kullandım. Dahası, animasyona katılmak için bazı görünümleri hariç tuttum. Bu görünümler statusBar ve araç çubuğudur. Kullanım durumumuza uygun farklı efekt türleri (solma, kayma) kullanabiliriz.

Etkinlik Geçişleri - API düzey 21, daha gerçekçi ve kullanıcı dostu etkinlik geçişleri başlattı. Örneğin, Explode, ChangeImageTransform geçişleri daha gerçekçi görünmekte ve kullanıcılara etkinlik akışını daha iyi yönlendirmektedir. Yukarıdaki örneğimizde Android sistemi tarafından sağlanan solma geçişini kullandım. Herhangi bir animasyon belirtmezsek, varsayılan olarak Otomatik Geçiş kullanılır. Geçiş'i genişleten özel bir sınıf oluşturarak kendi geçişimizi oluşturabiliriz. Referans için buna bakın.

Dairesel Açığa Çıkma

Dairesel ortaya çıkma etkisi

Yukarıdaki dairesel gösterme efekti, FAB tıklandığında oluşturulur:

Makaleyi okuduğunuz için teşekkürler. Öneriler / Düzeltmeler / Yorumlar daima memnuniyetle karşılanmaktadır. İsterseniz, lütfen beğen düğmesine basın ve makaleyi Android topluluğuyla paylaşın. Bilgiyi olabildiğince paylaşalım.

Ayrıca, About.me, Twitter, LinkedIn, Github ve Facebook'ta arkadaş olalım.