Android Academy · Ders

İlk Composable'ınız

Bir composable işlev oluşturun ve önizleyin.

İlk Composable'ınız, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 4 dersinin 2. 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.

İlk Birleştirilebilir İşleviniz

Birleştirilebilir işlev, @Composable ile işaretlenmiş basit bir Kotlin işlevinden ibarettir. Bir kullanıcıyı adıyla selamlayan bir tane yazalım.

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

@Composable Açıklaması

@Composable açıklaması, derleyiciye bu işlevin kullanıcı arayüzü üretebileceğini ve başka birleştirilebilir işlevleri çağırabileceğini bildirir. Bu açıklama olmadan Text, Button veya diğer kullanıcı arayüzü işlevlerini çağıramazsınız.

Adlandırma Kuralı

Kullanıcı arayüzü üreten birleştirilebilir işlevler, Greeting veya ProfileCard gibi PascalCase isimleriyle adlandırılır; bu, sınıfa benzer. Böylece "bir değer döndürür" yerine "bir şey çizer" anlamı belirtilir.

Parametreler Kullanıcı Arayüzünü Yönlendirir

Birleştirilebilir işlev, tıpkı diğer işlevler gibi parametreler alır. Bu parametreler sizin girdilerinizdir. Farklı bağımsız değişkenler farklı kullanıcı arayüzleri üretir.

@Composable
fun Greeting(name: String) {
    Text(text = "Welcome, $name")
}
// Greeting("Sam") and Greeting("Mia") render different text

Birleştirilebilir İşlevleri Çağırma

Birleştirilebilir işlevler yalnızca diğer birleştirilebilir işlevlerden çağrılabilir. Çağrıları iç içe yerleştirerek bir ekran oluşturursunuz.

@Composable
fun WelcomeScreen() {
    Greeting(name = "Ada")
    Greeting(name = "Grace")
}

setContent ile Barındırma

Birleştirilebilir işlevleri gerçekten görüntülemek için bir Activity, onCreate içinde setContent { } çağırır. Lambda, Compose kullanıcı arayüzünüzün köküdür.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            WelcomeScreen()
        }
    }
}

Birleştirilebilir İşlevler Unit Döndürür

Birleştirilebilir işlevlerin bir kullanıcı arayüzü nesnesi döndürmediğine dikkat edin. Dönüş türleri Unit'tir ve kullanıcı arayüzünü çağrılmalarının yan etkisi olarak üretirler. Kullanıcı arayüzünü değer döndürerek değil, çağırarak oluşturursunuz.

Varsayılan Parametreler

Kotlin'in varsayılan bağımsız değişkenleri burada çok kullanışlıdır. Çağıranların atlayabilmesi için bir parametreye varsayılan değer verin.

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

Birleştirilebilir İşlevleri Yeniden Kullanma

Birleştirilebilir işlevler işlev oldukları için yeniden kullanılabilir. Greeting işlevini bir kez tanımlayın ve farklı adlarla istediğiniz yerde çağırın. Kullanıcı arayüzü kodunu yinelemekten böyle kaçınırsınız.

Küçük Tutun

İyi birleştirilebilir işlevler küçük ve odaklanmış olur. Bir birleştirilebilir işlev, kullanıcı arayüzünün tek bir mantıksal bölümünü açıklamalıdır. Daha büyük ekranları küçük birleştirilebilir işlevleri birleştirerek oluşturun.

Hepsini Birleştirme

İşte bir etkinliğe bağlanmış, tamamen çalışan ilk birleştirilebilir işleviniz. Bir cihazda çalıştırdığınızda "Hello, Compose!" gösterilir.

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

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

Hızlı Kontrol

@Composable açıklaması bir işlevin ne yapmasına izin verir?

Özet

İlk birleştirilebilir işlevinizi yazdınız. Şunları hatırlayın:

Kullanıcı arayüzü işlevlerini @Composable ile işaretleyin.
PascalCase adlarını kullanın.
Parametreler, kullanıcı arayüzünü şekillendiren girdilerdir.
setContent { }, bir etkinlikte birleştirilebilir işlevleri barındırır.

Sıkça Sorulan Sorular

“İlk Composable'ınız” dersi ücretsiz mi?

Evet — “İlk Composable'ınız” 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.

“İlk Composable'ınız” dersinde ne öğreneceğim?

Bir composable işlev oluşturun ve önizleyin. 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 2. dersidir.

“İlk Composable'ınız” 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