Bazı durumlarda, resimlerin animasyonlu olması gerekir. Bu, birkaç resimden oluşan özel bir yükleme animasyonu görüntülemek veya bir kullanıcının işleminden sonra bir simgenin şekillenmesini istiyorsanız yararlı olur. Android, çekilebilir öğelere animasyon eklemek için iki seçenek sunar.
İlk seçenek bir AnimationDrawable kullanmaktır. Bu, animasyon oluşturmak için aynı anda bir tane gösteren birkaç statik çekilebilir dosya belirtmenize olanak tanır. İkinci seçenek, bir çekilebilir vektörün özelliklerini canlandırmanızı sağlayan AnimatedVectorDrawable kullanmaktır.
AnimationDrawable'ı kullan
Animasyon oluşturmanın bir yolu, film rulosu gibi bir dizi çekilebilir kaynak yüklemektir.
AnimationDrawable sınıfı, bu tür çekilebilir animasyonların temelini oluşturur.
AnimationDrawable sınıfı API'yi kullanarak kodunuzda bir animasyonun karelerini tanımlayabilirsiniz. Ancak bunları, animasyonu oluşturan kareleri listeleyen tek bir XML dosyasıyla tanımlamak daha kolaydır. Bu tür animasyona ilişkin XML dosyası, Android projenizin res/drawable/ dizinine aittir. Bu durumda, talimatlar animasyondaki her bir karenin sırasını ve süresini verir.
XML dosyası, kök düğüm olarak bir <animation-list> öğesi ve her biri bir çerçeveyi (çekilebilir bir kaynak ve süresi) tanımlayan bir dizi alt <item> düğümden oluşur. Aşağıda, Drawable animasyonu için örnek bir XML dosyası verilmiştir:
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="true">
<item android:drawable="@drawable/rocket_thrust1" android:duration="200" />
<item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
<item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>
Bu animasyon üç kare boyunca gösterilir. Listenin android:oneshot özelliğini true olarak ayarlamak, döngünün bir kez yürütülmesini, ardından son karede durup basılı tutulmasını sağlar. android:oneshot değerini false olarak ayarlarsanız animasyon döngüye alınır.
Bu XML'i projenin res/drawable/ dizinine rocket_thrust.xml olarak kaydederseniz View dosyasına arka plan resmi olarak ekleyebilir, ardından oynatması için start() yöntemini çağırabilirsiniz. Animasyonun bir ImageView öğesine eklendiği ve ardından ekrana dokunulduğunda animasyonunun yapıldığı bir etkinlik örneğini burada görebilirsiniz:
Kotlin
private lateinit var rocketAnimation: AnimationDrawable
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.main)
val rocketImage = findViewById<ImageView>(R.id.rocket_image).apply {
setBackgroundResource(R.drawable.rocket_thrust)
rocketAnimation = background as AnimationDrawable
}
rocketImage.setOnClickListener({ rocketAnimation.start() })
}
Java
AnimationDrawable rocketAnimation;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.rocket_thrust);
rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
rocketImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
rocketAnimation.start();
}
});
}
AnimationDrawable henüz pencereye tam olarak eklenmemiş olduğundan, AnimationDrawable üzerinde çağrılan start() yönteminin Activity cihazınızın onCreate() yöntemi sırasında çağrılamayacağını unutmayın. Animasyonu, etkileşim gerektirmeden hemen oynatmak için Activity
uygulamanızdaki onStart()
XML söz diziminin yanı sıra kullanılabilir etiketler ve özellikler hakkında daha fazla bilgi için Animasyon kaynakları'na bakın.
AnimasyonluVektörelÇizimi Kullanma
Vektör çekilebilir, pikselleşmeden veya bulanıklaşmadan ölçeklendirilebilen bir çekilebilir türüdür. AnimatedVectorDrawable sınıfı ve geriye dönük uyumluluk için
AnimatedVectorDrawableCompat, çekilebilir bir vektörün özelliklerini (ör. döndürme veya yol verilerini değiştirerek farklı bir resme dönüştürme) canlandırmanızı sağlar.
Normalde animasyonlu vektör çekilebilir kaynaklarını üç XML dosyasında tanımlarsınız:
res/drawable/içindeki<vector>öğesiyle çekilebilir bir vektör.res/drawable/içindeki<animated-vector>öğesine sahip animasyonlu bir vektör.res/animator/içinde<objectAnimator>öğesine sahip bir veya daha fazla nesne animatörü.
Animasyonlu vektör çekilebilir öğeleri, <group> ve <path> öğelerinin özelliklerine animasyon uygulayabilir. <group> öğesi, bir yol veya alt grup grubunu, <path> öğesi ise çizilecek yolları tanımlar.
Animasyon eklemek istediğiniz bir çekilebilir vektörü tanımladığınızda, gruplara ve yollara benzersiz bir ad atamak için android:name özelliğini kullanın. Böylece, bu öğelere animatör tanımlarınızdan atıfta bulunabilirsiniz. Örnek:
res/drawable/vectordrawable.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="64dp"
android:width="64dp"
android:viewportHeight="600"
android:viewportWidth="600">
<group
android:name="rotationGroup"
android:pivotX="300.0"
android:pivotY="300.0"
android:rotation="45.0" >
<path
android:name="v"
android:fillColor="#000000"
android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
</group>
</vector>
Animasyonlu çekilebilir vektör tanımı, vektörlerinde adlarıyla çizilebilen grupları ve yolları ifade eder:
res/drawable/animatorvectordrawable.xml
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/vectordrawable" >
<target
android:name="rotationGroup"
android:animation="@animator/rotation" />
<target
android:name="v"
android:animation="@animator/path_morph" />
</animated-vector>
Animasyon tanımları ObjectAnimator veya AnimatorSet nesnelerini temsil eder. Bu örnekteki ilk animatör, hedef grubu 360 derece döndürür:
res/animator/rotasyon.xml
<objectAnimator
android:duration="6000"
android:propertyName="rotation"
android:valueFrom="0"
android:valueTo="360" />
Bu örnekteki ikinci animatör, vektörün bir şekilden diğerine giden yolunu şekillendiriyor. Yollar, dönüşüm işlemi için uyumlu olmalıdır: Her bir komut için aynı sayıda komuta ve aynı sayıda parametreye sahip olmalıdır.
res/animator/path_morph.xml
<set xmlns:android="http://schemas.android.com/apk/res/android">
<objectAnimator
android:duration="3000"
android:propertyName="pathData"
android:valueFrom="M300,70 l 0,-70 70,70 0,0 -70,70z"
android:valueTo="M300,70 l 0,-70 70,0 0,140 -70,0 z"
android:valueType="pathType" />
</set>
Elde edilen AnimatedVectorDrawable:
AnimatedVectorDrawable.Animasyonlu Vektör Çekilebilir (AVD) önizlemesi
Android Studio'daki Animasyonlu Vektör Çekilebilir Aracı aracı, animasyonlu çekilebilir kaynakları önizlemenizi sağlar. Bu araç, <animation-list>, <animated-vector> ve <animated-selector> kaynaklarını Android Studio'da önizlemenize yardımcı olur ve özel animasyonlarınızı iyileştirmeyi kolaylaştırır.
Daha fazla bilgi için AnimatedVectorDrawable API referansına bakın.