Bu sayfa, Cloud Translation API ile çevrilmiştir.

Animasyon kaynakları

Bir animasyon kaynağı, iki animasyon türünden birini tanımlayabilir:

Belirli bir dönemde nesnenin özellik değerlerini değiştirerek animasyon oluşturur Animator ile.

Animasyon görüntüleme çerçevesiyle yapabileceğiniz iki tür animasyon vardır:

Taze animasyon: Tek bir resimde bir dizi dönüşüm gerçekleştirerek animasyon oluşturur Animation ile.
Kare animasyonu: Resimleri sırayla göstererek animasyon oluşturur AnimationDrawable ile.

Mülk animasyonu

XML'de tanımlanmış ve hedef nesnenin özelliklerini değiştiren bir animasyon. Örneğin: arka plan rengini veya alfa değerini belirli bir süre boyunca değiştirebilirsiniz.

dosya konumu:

res/animator/filename.xml
Dosya adı, kaynak kimliği olarak kullanılır.

derlenen kaynak veri türü:

Kaynak işaretçisi bir ValueAnimator, ObjectAnimator, veya AnimatorSet

kaynak referansı:

. Java tabanlı veya Kotlin kodunda: R.animator.filename
XML'de: @[package:]animator/filename

söz dizimi:

<set
  android:ordering=["together" | "sequentially"]>

    <objectAnimator
        android:propertyName="string"
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["restart" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <animator
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["restart" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <set>
        ...
    </set>
</set>

Dosyanın tek bir kök öğesi olmalıdır: <set>, <objectAnimator> veya <valueAnimator>. Şunları yapabilirsiniz: animasyon öğelerini <set> öğesinin içinde gruplayın (diğer dahil olmak üzere) <set> öğeleri.

öğeler:

<set>

Diğer animasyon öğelerini (<objectAnimator>, <valueAnimator> veya diğer <set> öğeleri). Temsil ettikleri AnimatorSet.

İç içe yerleştirilmiş <set> etiketlerini belirtebilirsiniz. grup animasyonları. Her <set> kendi değerini tanımlayabilir ordering özelliği için de geçerlidir.

Özellikler:

android:ordering

. Anahtar kelime. Bu gruptaki animasyonların oynatma sıralamasını belirtir.

Değer	Açıklama
`sequentially`	Bu kümedeki animasyonları sırayla oynatın.
`together` (varsayılan)	Bu gruptaki animasyonları aynı anda oynat.

<objectAnimator>

Bir nesnenin belirli bir özelliğini belirli bir süre boyunca canlandırıyor. Temsil ettikleri ObjectAnimator.

Özellikler:

android:propertyName

. Dize. Zorunludur. Nesnenin, adında atıfta bulunulan animasyon özelliği. Örneğin, View nesnesi için "alpha" veya "backgroundColor". objectAnimator öğesi, target göstermiyor özelliğini kullanın. Bu nedenle, nesneyi XML bildiriminde animasyon içerecek şekilde ayarlayamazsınız. Şunları yapmanız gerekir: loadAnimator() yöntemini çağırarak animasyon XML kaynağınızı şişirin ve ayarlamak için setTarget() yöntemini çağırın bu özelliği içeren hedef nesne.

android:valueTo

. kayan, int veya renk. Zorunludur. Animasyonlu özelliğin sona erdiği değer. Renkler temsil ediliyor altı basamaklı onaltılık sayılar olarak ifade edilir (ör. #333333).

android:valueFrom

. kayan, int veya renk. Animasyonlu özelliğin başladığı değer. Değilse belirtildiğinde, animasyon, mülkün get yöntemi tarafından elde edilen değerde başlar. Renkler temsil ediliyor altı basamaklı onaltılık sayılar olarak ifade edilir (ör. #333333).

android:duration

. int. Animasyonun milisaniye cinsinden süresi. Varsayılan değer 300 milisaniyedir.

android:startOffset

. int. Animasyonun geciktiği milisaniye cinsinden süre start() çağrıldı.

android:repeatCount

. int. Bir animasyonun kaç kez tekrarlanacağı. Sonsuz olarak "-1" değerine ayarlandı pozitif bir tam sayıya yapılır. Örneğin, "1" değeri, animasyonun animasyon ilk çalıştırıldıktan sonra bir kez tekrarlandığından, animasyon toplam değer katıyor. "0", varsayılan değer olduğu için tekrara izin verilmiyor.

android:repeatMode

. int. Animasyonun sonuna gelindiğinde animasyonun nasıl davrandığı. android:repeatCount. bu özelliğin etkili olabilmesi için pozitif bir tam sayı veya "-1" değerine ayarlanması gerekir. "reverse" olarak ayarla animasyonun her iterasyonda ters yönünü veya animasyonu kullanmak için "restart" bir döngü oluşturabilirsiniz.

android:valueType

. Anahtar kelime. Değer bir renkse bu özelliği belirtmeyin. Animasyon çerçevesi, renkleri otomatik olarak işler değerler.

Değer	Açıklama
`intType`	Animasyonlu değerlerin tam sayı olduğunu belirtir.
`floatType` (varsayılan)	Animasyonlu değerlerin kayan öğe olduğunu belirtir.

<animator>

Belirli bir süre boyunca animasyon gerçekleştirir. ValueAnimator temsil eder.

Özellikler:

android:valueTo

. kayan, int veya renk. Zorunludur. Animasyonun sona erdiği değer. Renkler temsil ediliyor altı basamaklı onaltılık sayılar olarak ifade edilir (ör. #333333).

android:valueFrom

. kayan, int veya renk. Zorunludur. Animasyonun başladığı değer. Renkler temsil ediliyor altı basamaklı onaltılık sayılar olarak ifade edilir (ör. #333333).

android:duration

. int. Animasyonun milisaniye cinsinden süresi. Varsayılan değer 300 ms'dir.

android:startOffset

. int. Animasyonun geciktiği milisaniye cinsinden süre start() çağrıldı.

android:repeatCount

android:repeatMode

android:valueType

. Anahtar kelime. Değer bir renkse bu özelliği belirtmeyin. Animasyon çerçevesi, renkleri otomatik olarak işler değerler.

Değer	Açıklama
`intType`	Animasyonlu değerlerin tam sayı olduğunu belirtir.
`floatType` (varsayılan)	Animasyonlu değerlerin kayan öğe olduğunu belirtir.

örnek:

res/animator/property_animator.xml itibarıyla kaydedilen XML dosyası:

<set android:ordering="sequentially">
    <set>
        <objectAnimator
            android:propertyName="x"
            android:duration="500"
            android:valueTo="400"
            android:valueType="intType"/>
        <objectAnimator
            android:propertyName="y"
            android:duration="500"
            android:valueTo="300"
            android:valueType="intType"/>
    </set>
    <objectAnimator
        android:propertyName="alpha"
        android:duration="500"
        android:valueTo="1f"/>
</set>

Bu animasyonu çalıştırmak için koddaki XML kaynaklarını bir AnimatorSet nesnesine şişirin ve ardından tüm animasyonlar için hedef nesneleri ayarlayın. . setTarget() çağrısı yapıldığında, kolaylık sağlamak amacıyla AnimatorSet öğesinin tüm alt öğeleri için tek bir hedef nesne ayarlanır. Aşağıdaki kodda bunun nasıl yapılacağı gösterilmektedir:

Kotlin

val set: AnimatorSet = AnimatorInflater.loadAnimator(myContext, R.animator.property_animator)
    .apply {
        setTarget(myObject)
        start()
    }

Java

AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext,
    R.animator.property_animator);
set.setTarget(myObject);
set.start();

ayrıca bkz.:

Mülk Animasyonuna Genel Bakış
Örnekler için API demoları mülk animasyon sisteminin

Animasyonu görüntüle

Görüntüleme animasyonu çerçevesi, her ikisi de bildirilen iki kare arası ve kare kare animasyonların her ikisini de destekler oluşturun. Aşağıdaki bölümlerde her iki yöntemin de nasıl kullanılacağı açıklanmaktadır.

9-12 yaş animasyonu

XML'de tanımlanmış ve bir grafik üzerinde döndürme, kaybolma, hareket etme ve esneme.

dosya konumu:

res/anim/filename.xml
Dosya adı, kaynak kimliği olarak kullanılır.

derlenen kaynak veri türü:

Kaynak işaretçisini bir Animation

kaynak referansı:

. Java'da: R.anim.filename
XML'de: @[package:]anim/filename

söz dizimi:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@[package:]anim/interpolator_resource"
    android:shareInterpolator=["true" | "false"] >
    <alpha
        android:fromAlpha="float"
        android:toAlpha="float" />
    <scale
        android:fromXScale="float"
        android:toXScale="float"
        android:fromYScale="float"
        android:toYScale="float"
        android:pivotX="float"
        android:pivotY="float" />
    <translate
        android:fromXDelta="float"
        android:toXDelta="float"
        android:fromYDelta="float"
        android:toYDelta="float" />
    <rotate
        android:fromDegrees="float"
        android:toDegrees="float"
        android:pivotX="float"
        android:pivotY="float" />
    <set>
        ...
    </set>
</set>

Dosyanın tek bir kök öğesi olmalıdır: <alpha>, <scale>, <translate>, Şu öğeyi içeren <rotate> veya <set> öğesi diğer animasyon öğelerinin (iç içe yerleştirilmiş <set> öğeleri dahil) bir grubu (veya grupları).

öğeler:

<set>

Diğer animasyon öğelerini barındıran bir kapsayıcı (<alpha>, <scale>, <translate>, <rotate>) veya başka <set> öğeleri. AnimationSet temsil eder.

Özellikler:

android:interpolator: Interpolator kaynağı. Animasyona uygulanacak Interpolator. Bu değer, arapolatör belirten bir kaynağa başvuru olmalıdır. sınıf adı olmamalıdır. Varsayılan interpolator vardır. kaynak kullanabilir veya kendi interpolator kaynağınızı oluşturabilirsiniz. İnterpolatörler hakkında daha fazla bilgi için aşağıdaki tartışmaya göz atın.
android:shareInterpolator: Boole. Tüm çocuklar arasında aynı interpolatörü paylaşmak istiyorsanız "true" öğeler.

<alpha>

Kararma veya kararma animasyonu. AlphaAnimation temsil eder.

Özellikler:

android:fromAlpha: Kayan. Başlangıç opaklık ofseti (0,0 şeffaf ve 1,0 anlamına gelir) opak olacaktır.
android:toAlpha: Kayan. Bitiş opaklık ofseti (0,0 şeffaf ve 1,0 anlamına gelir) opak olacaktır.

<alpha> tarafından desteklenen diğer özellikler için şu sınıf referansına bakın: XML özellikleri bu öğe tarafından devralınan Animation.

<scale>

Yeniden boyutlandırma animasyonu. Resmin büyüyeceği merkez noktasını belirtebilirsiniz pivotX ve pivotY belirterek dışa veya içe doğru kaydırabilirsiniz. Örneğin, bu değerler 0,0 (sol üst köşe) olduğu için tüm büyüme aşağıya ve sağa doğrudur. ScaleAnimation temsil eder.

Özellikler:

android:fromXScale: Kayan. Başlangıç X boyutu ofseti (1, 0 için bir değişiklik yoktur).
android:toXScale: Kayan. Bitiş X boyutu ofseti (1, 0 için bir değişiklik yoktur).
android:fromYScale: Kayan. Başlangıç Y boyutu ofseti (1, 0 için geçerli değildir).
android:toYScale: Kayan. Son olarak Y boyutu ofseti (1, 0 için geçerli değildir).
android:pivotX: Kayan. Nesne ölçeklendirildiğinde sabit kalacak X koordinatı.
android:pivotY: Kayan. Nesne ölçeklendirildiğinde sabit kalacak Y koordinatı.

<scale> tarafından desteklenen diğer özellikler için şu sınıf referansına bakın: XML özellikleri bu öğe tarafından devralınan Animation.

<translate>

Dikey ve/veya yatay hareket. Bir temsil eder TranslateAnimation Şu üç biçimden herhangi birinde, aşağıdaki özellikleri destekler:

Yüzde anlamına gelen "%" ile biten -100 ile 100 arasındaki değerler sahip olması gerekir.
"%p" ile biten -100 ile 100 arasındaki değerler; üst öğesidir.
Son eki olmayan, mutlak değeri gösteren bir kayan değer.

Özellikler:

android:fromXDelta: Kayanlık veya yüzde. Başlangıç X ofseti. Göreli piksel cinsinden ifade edilir normal konuma (örneğin, "5"); öğe genişliğine göre yüzde olarak (örneğin, "5%"; veya "5%p" örneğinde olduğu gibi üst genişliğe göre yüzdelik olarak ifade eder.
android:toXDelta: Kayanlık veya yüzde. Bitiş X ofseti. Göreli piksel cinsinden ifade edilir normal konuma (örneğin, "5"); öğe genişliğine göre yüzde olarak (örneğin, "5%"; veya "5%p" örneğinde olduğu gibi üst genişliğe göre yüzdelik olarak ifade eder.
android:fromYDelta: Kayanlık veya yüzde. Başlangıç Y ofseti. Göreli piksel cinsinden ifade edilir normal konuma (örneğin, "5"); öğe yüksekliğine göre yüzde olarak (örneğin, "5%"; veya "5%p" örneğinde olduğu gibi üst yüksekliğe göre yüzdelik olarak ifade eder.
android:toYDelta: Kayanlık veya yüzde. Bitiş Y ofseti. Göreli piksel cinsinden ifade edilir normal konuma (örneğin, "5"); öğe yüksekliğine göre yüzde olarak (örneğin, "5%"; veya "5%p" örneğinde olduğu gibi üst yüksekliğe göre yüzdelik olarak ifade eder.

<translate> tarafından desteklenen diğer özellikler için şu sınıf referansına bakın: XML özellikleri bu öğe tarafından devralınan Animation.

<rotate>

Rotasyon animasyonu. RotateAnimation temsil eder.

Özellikler:

android:fromDegrees: Kayan. Derece cinsinden başlangıç açısal konumu.
android:toDegrees: Kayan. Bitiş açısal konumu (derece cinsinden).
android:pivotX: Kayanlık veya yüzde. Dönme merkezinin X koordinatı. İfade veya "5" gibi nesnenin sol kenarına göre piksel cinsinden; göreceli olarak yüzde nesnenin sol kenarına, örneğin "5%"; üst değere göre yüzdelik olarak kapsayıcının sol kenarına ("5%p" örneğinde) dokunun.
android:pivotY: Kayanlık veya yüzde. Dönme merkezinin Y koordinatı. İfade nesnenin üst kenarına göre piksel cinsinden (örneğin, "5"); göreceli olarak yüzde nesnenin üst kenarına, örneğin "5%"; üst değere göre yüzdelik olarak kapsayıcının üst kenarına ("5%p" gibi) dokunun.

<rotate> tarafından desteklenen diğer özellikler için şu sınıf referansına bakın: XML özellikleri bu öğe tarafından devralınan Animation.

örnek:

res/anim/hyperspace_jump.xml itibarıyla kaydedilen XML dosyası:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <scale
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="1.4"
        android:fromYScale="1.0"
        android:toYScale="0.6"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="false"
        android:duration="700" />
    <set
        android:interpolator="@android:anim/accelerate_interpolator"
        android:startOffset="700">
        <scale
            android:fromXScale="1.4"
            android:toXScale="0.0"
            android:fromYScale="0.6"
            android:toYScale="0.0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="400" />
        <rotate
            android:fromDegrees="0"
            android:toDegrees="-45"
            android:toYScale="0.0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="400" />
    </set>
</set>

Aşağıdaki uygulama kodu, animasyonu bir ImageView ve animasyonu başlatır:

Kotlin

val image: ImageView = findViewById(R.id.image)
val hyperspaceJump: Animation = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump)
image.startAnimation(hyperspaceJump)

Java

ImageView image = (ImageView) findViewById(R.id.image);
Animation hyperspaceJump = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
image.startAnimation(hyperspaceJump);

ayrıca bkz.:

Animasyonu Görüntüle

İnterpolatörler

Ara değer, XML'de tanımlanan ve bir öğenin değişim hızını etkileyen, animasyon ekler. Bu, mevcut animasyon efektlerinizin hızlandırılmasını, yavaşlatılmasını, tekrarlanmasını, geri döndü vb.

Ara değer, android:interpolator içeren animasyon öğesine uygulanır. özelliğinin değeri.

Android'de kullanılabilen tüm interpolatörler Interpolator sınıfının alt sınıflarıdır. Her interpolator sınıfı için Android Bir animasyona interpolator uygulamak için başvurabileceğiniz bir ortak kaynak içerir (android:interpolator özelliği) kullanabilirsiniz. Aşağıdaki tabloda her interpolator için kullanılacak kaynak belirtilmiştir:

İnterpolatör sınıfı	Kaynak Kimliği
`AccelerateDecelerateInterpolator`	`@android:anim/accelerate_decelerate_interpolator`
`AccelerateInterpolator`	`@android:anim/accelerate_interpolator`
`AnticipateInterpolator`	`@android:anim/anticipate_interpolator`
`AnticipateOvershootInterpolator`	`@android:anim/anticipate_overshoot_interpolator`
`BounceInterpolator`	`@android:anim/bounce_interpolator`
`CycleInterpolator`	`@android:anim/cycle_interpolator`
`DecelerateInterpolator`	`@android:anim/decelerate_interpolator`
`LinearInterpolator`	`@android:anim/linear_interpolator`
`OvershootInterpolator`	`@android:anim/overshoot_interpolator`

Bunlardan birini android:interpolator özelliğiyle nasıl uygulayabileceğiniz aşağıda açıklanmıştır:

<set android:interpolator="@android:anim/accelerate_interpolator">
    ...
</set>

Özel arapolatörler

Platformun sağladığı interpolatörlerden memnun kalmazsanız değiştirilmiş özelliklere sahip özel bir interpolator kaynağı oluşturabilirsiniz. Örneğin, reklamlarınızın yayınlanma oranını AnticipateInterpolator için ivmelenme veya CycleInterpolator döngüleri. Bunun için, XML dosyasında kendi interpolator kaynağınızı oluşturun.

dosya konumu:

res/anim/filename.xml
Dosya adı, kaynak kimliği olarak kullanılır.

derlenen kaynak veri türü:

İlgili interpolator nesnesine yönelik kaynak işaretçisi

kaynak referansı:

. XML'de: @[package:]anim/filename

söz dizimi:

<?xml version="1.0" encoding="utf-8"?>
<InterpolatorName xmlns:android="http://schemas.android.com/apk/res/android"
    android:attribute_name="value"
    />

Herhangi bir özellik uygulamazsanız interpolator'unuz tam olarak Platform tarafından sağlananlar (önceki tabloda listelenenler)

öğeler:

Her Interpolator uygulamasında, XML'de tanımlandığı şekilde, küçük harfle başlayan bir ada sahiptir.

örnek:

res/anim/my_overshoot_interpolator.xml itibarıyla kaydedilen XML dosyası:

<?xml version="1.0" encoding="utf-8"?>
<overshootInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:tension="7.0"
    />

Bu animasyon XML'i, interpolator'ı uygular:

<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@anim/my_overshoot_interpolator"
    android:fromXScale="1.0"
    android:toXScale="3.0"
    android:fromYScale="1.0"
    android:toYScale="3.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="700" />

Animasyon karesi

XML olarak tanımlanmış ve film gibi bir dizi resmi gösteren animasyon.

dosya konumu:

res/drawable/filename.xml
Dosya adı, kaynak kimliği olarak kullanılır.

derlenen kaynak veri türü:

Kaynak işaretçisini bir AnimationDrawable

kaynak referansı:

. Java'da: R.drawable.filename
XML'de: @[package:]drawable.filename

söz dizimi:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot=["true" | "false"] >
    <item
        android:drawable="@[package:]drawable/drawable_resource_name"
        android:duration="integer" />
</animation-list>

öğeler:

örnek:

res/drawable/rocket_thrust.xml itibarıyla kaydedilen XML dosyası:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <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>

Aşağıdaki uygulama kodu, animasyonu View için arka plan olarak ayarlar animasyonu oynatın:

Kotlin

val rocketImage: ImageView = findViewById(R.id.rocket_image)
rocketImage.setBackgroundResource(R.drawable.rocket_thrust)

val rocketAnimation = rocketImage.background
if (rocketAnimation is Animatable) {
    rocketAnimation.start()
}

Java

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.rocket_thrust);

rocketAnimation = rocketImage.getBackground();
if (rocketAnimation instanceof Animatable) {
    ((Animatable)rocketAnimation).start();
}

ayrıca bkz.:

Animasyonu Görüntüle

Kaynak türleri hakkında

Renk durumu listesi