Android Academy · Ders

Jetpack Compose Nedir

Android'de bildirime dayalı kullanıcı arayüzünü anlayın.

Jetpack Compose Nedir, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Android Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Android Academy kursu toplamda 4 dersten oluşur.

Jetpack Compose Nedir?

Jetpack Compose, yerel kullanıcı arayüzleri oluşturmak için Android'in modern araç setidir. XML düzen dosyaları yazmak yerine kullanıcı arayüzünüzü doğrudan Kotlin kodunda açıklarsınız.

Compose bildirimsel bir yapıya sahiptir: belirli bir durumda ekranın neye benzemesi gerektiğini söylersiniz; nasıl çizilip güncelleneceğini kendisi belirler.

Eski Yöntem: XML Görünümleri

Geleneksel olarak bir Android ekranı iki parçaya ihtiyaç duyardı:

Gereçleri açıklayan bir XML düzen dosyası.
Bu görünümleri findViewById ile bulan ve değiştiren Kotlin/Java kodu.

XML ile kodu eş zamanlı tutmak zahmetliydi ve hatalara açıktı.

<!-- res/layout/activity_main.xml -->
<TextView
    android:id="@+id/greeting"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

Buyurgan ve Bildirimsel Yaklaşım

XML görünümleriyle buyurgan kod yazarsınız: bir görünümü alır, ardından adım adım değiştirirsiniz.

Compose ile bildirimsel kod yazarsınız: nihai sonucu verilerinizin bir işlevi olarak açıklarsınız. Veriler değiştiğinde Compose gerekli bölümleri otomatik olarak yeniden çizer.

// Imperative (old views)
val tv = findViewById<TextView>(R.id.greeting)
tv.text = "Hello"
tv.visibility = View.VISIBLE

Birleştirilebilir İşlevler

Compose'un yapı taşı, kullanıcı arayüzü üreten ve @Composable ile işaretlenmiş normal bir Kotlin işlevi olan birleştirilebilir işlevdir.

Birleştirilebilir işlevler başka birleştirilebilir işlevleri çağırabilir; böylece ekranları küçük ve yeniden kullanılabilir parçalardan oluşturabilirsiniz.

@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}

findViewById Yok

Compose'ta findViewById yoktur ve görünüm kimlikleri kullanılmaz. Kullanıcı arayüzü, işlev çağrısının kendisidir. Farklı bir metin göstermek için farklı bir bağımsız değişken geçirmeniz ve Compose'un yeniden oluşturmasına izin vermeniz yeterlidir.

@Composable
fun Screen() {
    Greeting(name = "Ada")
    Greeting(name = "Linus")
}

Durumun Bir İşlevi Olarak Kullanıcı Arayüzü

Temel bir fikir: UI = f(state). Ekran, mevcut durum verildiğinde birleştirilebilir işlevlerinizin çıktısıdır. Durumu değiştirin; aynı işlev yeni bir kullanıcı arayüzü üretir.

Bu, kullanıcı arayüzlerini öngörülebilir ve anlaşılması daha kolay hâle getirir.

Her Şey Kotlin

Birleştirilebilir işlevler Kotlin işlevleri olduğundan, kullanıcı arayüzü oluşturmak için döngüleri, koşulları ve değişkenleri kullanabilirsiniz. Özel bir şablon dili gerekmez.

@Composable
fun Items(names: List<String>) {
    for (n in names) {
        Text(text = n)
    }
}

Daha Az Tekrarlayan Kod

Compose, büyük miktarda bağlayıcı kodu ortadan kaldırır. XML şişirme, basit listeler için bağdaştırıcılar veya düzen ile mantık arasında elle bağlantı kurma gerekmez.

Sonuç: daha az dosya ve daha az hata.

Görünümlerle Birlikte Çalışabilir

Uygulamanın tamamını yeniden yazmanız gerekmez. Compose, eski View sistemiyle birlikte çalışabilir. Compose'u mevcut bir XML ekranının içine yerleştirebilir veya Compose'un içine bir View ekleyebilirsiniz.

Bu, ekiplerin kademeli olarak geçiş yapmasını sağlar.

Gereksinimler

Compose'u kullanmak için şunlar gerekir:

Güncel bir Android Studio.
Gradle dosyanızda Compose bağımlılıkları.
Birleştirilebilir işlevleri barındırmak için setContent { } çağıran bir etkinlik.

Küçük Bir Ekran

İşte tamamı çalışan, en küçük Compose ekranı. setContent, Android'deki Activity ile Compose dünyası arasındaki köprüdür.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Greeting(name = "World")
        }
    }
}

Hızlı Kontrol

Jetpack Compose'u en iyi açıklayan ifade hangisidir?

Özet

Jetpack Compose'un bildirimsel ve Kotlin merkezli bir kullanıcı arayüzü araç seti olduğunu öğrendiniz. Temel fikirler:

Kullanıcı arayüzü @Composable işlevlerinden oluşturulur.
XML ve findViewById yoktur.
UI = f(state) — durumu değiştirin, Compose yeniden çizer.

Sıkça Sorulan Sorular

“Jetpack Compose Nedir” dersi ücretsiz mi?

Evet — “Jetpack Compose Nedir” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Android Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Android Academy kursu toplamda 4 dersten oluşur.

“Jetpack Compose Nedir” dersinde ne öğreneceğim?

Android'de bildirime dayalı kullanıcı arayüzünü anlayın. Android Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Android Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Android Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Jetpack Compose Nedir” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Android Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Android Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Android Academy Sayfasına Dön