Aşağıdaki şema, animasyonunuzu uygulamak için hangi API'yi kullanacağınıza karar vermenize yardımcı olur.
Kullanım alanınıza en uygun animasyon API'sini seçmek için aşağıdaki karar verme ağacı sorularını uygulayın:
- Animasyonum, birçok görsel öğeden (ör. SVG'ler veya resimler) oluşan bir sanat eseri gibi mi?
- Evet: Basit SVG'ler var mı? (ör. mikro animasyonlu bir simge)
- Evet:
AnimatedVectorDrawable
- Hayır: Üçüncü taraf animasyon çerçevesi (ör.
Lottie
)
- Evet:
- Hayır: Sonsuza kadar tekrarlanması gerekiyor mu?
- Evet:
rememberInfiniteTransition
- Hayır: Bu bir düzen animasyonu mu?
- Evet: Farklı içeriklere sahip birden fazla bileşen arasında geçiş yapıyor musunuz?
- Evet: navigation-compose ile mi?
- Evet:
enterTransition
veexitTransition
ayarlanmışkencomposable()
- Hayır:
AnimatedContent
,Crossfade
veyaPager
- Evet:
- Hayır: Görünme / kaybolma animasyonu mu?
- Evet:
Modifier.alpha()
ileAnimatedVisibility
veyaanimateFloatAsState
- Hayır: Boyutu animasyonlu mu gösterelim?
- Evet:
Modifier.animateContentSize
- Hayır: Diğer düzen mülkü mü? Ör. ofset, dolgu vb.
- Evet: "Mülkler birbirinden tamamen bağımsız mı?" bölümüne bakın.
- Hayır: Öğe listeleme animasyonları?
- Evet:
animateItemPlacement()
(yeniden sıralama ve silme özelliği yakında kullanıma sunulacaktır)
- Evet:
- Evet:
- Evet:
- Evet: navigation-compose ile mi?
- Hayır: Birden fazla mülkü animasyonlu hale getirmeniz gerekiyor mu?
- Evet: Tesisler birbirinden tamamen bağımsız mı?
- Evet:
animate*AsState
, Metin içinTextMotion.Animated
kullanın - Hayır: Aynı anda başlatılsın mı?
- Evet: Evet:
AnimatedVisibility
,animateFloat
,animateInt
vb. ileupdateTransition
- Hayır: Farklı zamanlamalarla çağrılan
animateTo
ileAnimatable
(askıya alma işlevleri kullanılarak)
- Evet: Evet:
- Evet:
- Hayır: Animasyonda önceden tanımlanmış bir dizi hedef değer var mı?
- Evet:
animate*AsState
, Metin içinTextMotion.Animated
kullanın - Hayır: Hareketle çalışan animasyon mu? Animasyonunuz tek doğru kaynak mı?
- Evet:
Animatable
ileanimateTo
/snapTo
- Hayır: Durum yönetimi olmadan tek seferlik animasyon mu?
- Evet:
AnimationState
veyaanimate
- Hayır: Yanıt burada değil mi? Özellik isteği gönderme
- Evet:
- Evet:
- Evet:
- Evet: Tesisler birbirinden tamamen bağımsız mı?
- Evet: Farklı içeriklere sahip birden fazla bileşen arasında geçiş yapıyor musunuz?
- Evet:
- Evet: Basit SVG'ler var mı? (ör. mikro animasyonlu bir simge)
Şema PDF sürümünü indirin.