Android Academy · Ders

Hizalama ve Düzenleme

Alt öğeleri hassas biçimde konumlandırın.

Hizalama ve Düzenleme, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 4 dersinin 3. 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.

Alt Öğeleri Konumlandırma

Bir Column veya Row içinde, alt öğelerin nerede duracağını iki ayar kontrol eder: alignment (yerleşim boyunca enine) ve arrangement (yerleşim boyunca ana yönde).

Column Hizalaması

Bir Column içinde alt öğeler dikey olarak sıralanır. horizontalAlignment, yatay konumlarını — sol, orta veya sağ — kontrol eder.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("Centered")
    Text("Also centered")
}

Column Düzenlemesi

verticalArrangement, alt öğelerin dikey olarak nasıl dağıtılacağını — üstte, ortada, altta veya eşit aralıklarla — kontrol eder.

Column(verticalArrangement = Arrangement.Center) {
    Text("A")
    Text("B")
}

Row Hizalaması

Bir Row içinde eksenler tersine döner. verticalAlignment, alt öğelerin dikey konumunu kontrol eder; horizontalArrangement ise onları yatay olarak dağıtır.

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Left")
    Text("Right")
}

İkiliyi Hatırlama

İpucu: alignment enine eksendir, arrangement ana eksendir. Bir Column içinde ana eksen dikeydir; bu nedenle verticalArrangement ve horizontalAlignment kullanılır.

Arrangement Seçenekleri

Yaygın Arrangement değerleri:

Top / Bottom / Center
SpaceBetween — öğeler arasındaki boşluklar.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween, ilk ve son alt öğeleri kenarlara iter ve geri kalanları eşit şekilde dağıtır — başlığı solda, simgesi sağda olan bir üst çubuk için idealdir.

Row(horizontalArrangement = Arrangement.SpaceBetween) {
    Text("Title")
    Text("Action")
}

Arrangement.spacedBy

Arrangement.spacedBy(8.dp), her alt öğe arasına sabit bir boşluk ekler — liste öğelerini eşit aralıklarla yerleştirmenin en temiz yoludur.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("One")
    Text("Two")
    Text("Three")
}

spacedBy ile Alignment Birlikte Kullanma

Yerleşimi tam olarak kontrol etmek için düzenlemeyi ve hizalamayı birlikte kullanabilirsiniz.

Column(
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("Title")
    Button(onClick = {}) { Text("Go") }
}

Box Hizalaması

Box için alt öğeleri konumlandırmak üzere contentAlignment kullanın veya alt öğeleri tek tek yerleştirmek için her birinde Modifier.align() kullanın.

Box(modifier = Modifier.fillMaxSize()) {
    Text(
        text = "Bottom",
        modifier = Modifier.align(Alignment.BottomCenter)
    )
}

Hepsini Birleştirme

Üst bilgi satırı ve eşit aralıklı bir liste.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Text("Inbox")
        Text("Edit")
    }
    Text("Message 1")
    Text("Message 2")
}

Hızlı Kontrol

Bir Column içinde alt öğelerin yatay konumunu hangi parametre kontrol eder?

Özet

Konumlandırma:

Hizalama = enine eksen; düzenleme = ana eksen.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() eşit aralıklar ekler.

Sıkça Sorulan Sorular

“Hizalama ve Düzenleme” dersi ücretsiz mi?

Evet — “Hizalama ve Düzenleme” 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.

“Hizalama ve Düzenleme” dersinde ne öğreneceğim?

Alt öğeleri hassas biçimde konumlandırı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 3. dersidir.

“Hizalama ve Düzenleme” 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