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 ağacı sorularını uygulayın:
- Birçok görsel öğeden oluşan animasyonum sanat eserine daha mı benziyor? ör. SVG'ler veya resimler
- Evet: Basit SVG'ler içeriyor mu? ör. mikro animasyonlar içeren 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çeriğe sahip birden fazla composable arasında geçiş mi yapıyorsunuz?
- Evet: Gezinme-oluşturma ile mi?
- Evet:
enterTransition
veexitTransition
grup ilecomposable()
- Hayır:
AnimatedContent
,Crossfade
veyaPager
- Evet:
- Hayır: Canlandırma mı, yok olma mı?
- 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ırala ve sil özelliği yakında kullanıma sunulacak)
- Evet:
- Evet:
- Evet:
- Evet: Gezinme-oluşturma 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: Animasyonun önceden tanımlanmış bir hedef değerleri grubu var mı?
- Evet:
animate*AsState
, Metin içinTextMotion.Animated
kullanın - Hayır: Harekete dayalı animasyon? 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çeriğe sahip birden fazla composable arasında geçiş mi yapıyorsunuz?
- Evet:
- Evet: Basit SVG'ler içeriyor mu? ör. mikro animasyonlar içeren bir simge
Şema PDF sürümünü indirin.