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:
- Animasyonum, birçok görsel öğeden (ör. SVG'ler veya resimler) oluşan sanat eserine daha mı benziyor?
- 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:
composable()
(enterTransition
veexitTransition
set) - Hayır:
AnimatedContent
,Crossfade
veyaPager
- Evet:
- Hayır: Canlandırma mı, yok olma mı?
- Evet:
AnimatedVisibility
veyaModifier.alpha()
ileanimateFloatAsState
- Hayır: Animasyon boyutu mu sunuluyor?
- Evet:
Modifier.animateContentSize
- Hayır: Başka bir düzen özelliği (ör. ofset, dolgu vb.)
- Evet: "Tesisler birbirinden tamamen bağımsız mı?" başlıklı makaleyi inceleyin.
- Hayır: Öğe animasyonları listelensin mi?
- 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ülke animasyon eklemeniz 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? Doğru içeriğin tek kaynağı animasyonunuz mu?
- Evet:
animateTo
ileAnimatable
/snapTo
- Hayır: Durum yönetimi olmadan tek seferlik animasyon mu?
- Evet:
AnimationState
veyaanimate
- Hayır: Yanıt burada yok mu? Özellik isteğinde bulunma
- 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)
Şemanın PDF sürümünü indirin.