Jetpack Compose: Gestures & Animation Eğitimi

Eğitim Hakkında

Jetpack Compose ile hareket algılama ve animasyon geliştirme

Eğitim, Jetpack Compose arayüzlerine etkileşim ve hareket katmayı anlatır. clickable, combinedClickable, pointerInput ile detectTapGestures ve detectDragGestures, draggable ve transformable modifier'ları, nested scroll, animate*AsState, updateTransition, AnimatedVisibility, AnimatedContent, Animatable ile fizik tabanlı spring ve tween animasyonları, shared element geçişleri ve animasyon performansı uygulanır.

Süre ve Format

2 Gün. Her gün dört modül; 1. gün Hareketler (Gestures); 2. gün Animasyon.

Seviye

İleri Seviye — Compose'da dokunma hareketleri, Modifier.pointerInput ve animasyon API'leri

Öğrenme Metodu

Katılımcılar Android Studio'da sürükle-bırak kart, kaydırarak silme ve geçiş animasyonlu bir demo uygulama geliştirir, Layout Inspector ve profiler ile ölçer.

Neden Bu Eğitim?

🎯Dokunma Kontrolü

Tek ve çok parmaklı hareketleri doğru algılayıp çakışmaları yönetirsiniz.

🧪Akıcı Animasyon

Spring ve tween ile doğal hissettiren animasyonlar tasarlarsınız.

⚙️Performans

Gereksiz recomposition olmadan 60 fps animasyon üretirsiniz.

Anahtar Konular

Jetpack Compose eğitimiCompose animasyonpointerInputCompose gestureAnimatedVisibilityanimate*AsStateAndroid animasyonKotlin Composeswipe to dismissAndroid arayüz geliştirme

“İyi animasyon fark edilmez; arayüzün hissedilen kalitesini yükseltir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Compose Temeli

Composable, state ve remember kavramları bilinmelidir.

2

Kotlin

Lambda ve coroutine temelleri gerekir.

3

Android Studio

Güncel Android Studio ve emülatör kurulu olmalıdır.

4

Cihaz

Çok dokunuşlu test için emülatör veya fiziksel cihaz önerilir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Compose'da hareket algılamayı modifier'larla kurar.

Modül 1

Temel Etkileşim

clickable ve combinedClickable
Ripple ve indication özelleştirme
Interaction source ile basılı durum
Erişilebilirlik: semantics ve onClickLabel
Odaklanma ve klavye etkileşimi
Hit test alanı ve minimum dokunma boyutu

Modül 2

pointerInput

Modifier.pointerInput(key) yapısı
detectTapGestures: onTap, onDoubleTap, onLongPress
detectDragGestures ve offset hesabı
awaitPointerEventScope ve özel hareketler
PointerInputChange.consume
pointerInput anahtarı ve yeniden başlatma

Modül 3

Sürükle ve Dönüştür

draggable ve rememberDraggableState
transformable ile pan, zoom, rotate
Çok dokunuşlu hareket hesabı
swipeable/AnchoredDraggable
Sürükle-bırak kart listesi
Sürükleme sınırları ve clamp

Modül 4

Kaydırma Etkileşimi

scrollable ve nested scroll
NestedScrollConnection ile üst-alt koordinasyon
Pull-to-refresh
SwipeToDismiss ile silme
Fling davranışı ve decay
Hareket çakışmalarını çözme

Günün hedefiKatılımcı animasyon API'lerini senaryoya göre seçip uygular.

Modül 1

Basit Animasyonlar

animateFloatAsState, animateColorAsState, animateDpAsState
animationSpec: tween, spring, keyframes
Easing eğrileri
Spring dampingRatio ve stiffness
animateContentSize
Animasyon bitiş geri çağrıları

Modül 2

Görünürlük ve İçerik

AnimatedVisibility ve enter/exit geçişleri
AnimatedContent ve contentTransform
Crossfade
Liste öğesi animasyonu: animateItem
Navigasyon geçişleri
Shared element transition

Modül 3

Transition ve Animatable

updateTransition ve Transition.animate*
Çoklu özelliği tek durumla animasyonlama
Animatable ve snapTo/animateTo
LaunchedEffect içinde animasyon
rememberInfiniteTransition
Hareket yolu (path) animasyonu

Modül 4

Performans ve Test

graphicsLayer ile kompozisyon dışı animasyon
Recomposition sayacı ve Layout Inspector
Derived state ve lambda modifier
Macrobenchmark ile jank ölçümü
Animasyon testi: mainClock kontrolü
Düşük cihazlarda animasyon azaltma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Hareket Algılama

pointerInput ile dokunma ve sürükleme hareketlerini yakalayabilirsiniz.

🛠️

Sürükle-Bırak

draggable ve transformable ile sürükle-bırak arayüzü kurabilirsiniz.

📈

Kaydırma Eylemleri

SwipeToDismiss ve nested scroll ile gelişmiş kaydırma yönetebilirsiniz.

🔍

Değer Animasyonu

animate*AsState ile durum tabanlı animasyon yazabilirsiniz.

🧩

Geçişler

AnimatedVisibility ve AnimatedContent ile içerik geçişi tasarlayabilirsiniz.

🚀

Transition API

updateTransition ile çok özellikli animasyonları senkronlayabilirsiniz.

🔒

Performans

graphicsLayer ile gereksiz recomposition olmadan animasyon yapabilirsiniz.

📊

Animasyon Testi

Compose test saatiyle animasyonları doğrulayabilirsiniz.

Kimler İçin Uygundur?

Compose temelini bilen Android geliştiricileri ve etkileşimli
akıcı arayüz geliştirmek isteyen mobil ekipler içindir

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Compose temelini bilen Android geliştiricileri ve etkileşimli, akıcı arayüz geliştirmek isteyen mobil ekipler içindir.

Fiziksel cihaz gerekli mi?

Emülatör yeterlidir; çok parmaklı hareketler için cihaz kullanmak önerilir.

Shared element anlatılır mı?

Evet, güncel Compose sürümlerindeki shared element geçişleri gösterilir.

Performans ölçümü yapılır mı?

Layout Inspector ve Macrobenchmark ile jank ölçümü yapılır.

Belge verilir mi?

Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

JETPACK COMPOSE: GESTURES & ANIMATION EĞİTİMİ