Android Academy · Pelajaran

Perataan dan Penataan

Posisikan elemen anak dengan tepat.

Perataan dan Penataan adalah pelajaran Android Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Android Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Android Academy mencakup 4 pelajaran total.

Menempatkan Turunan

Di dalam Column atau Row, dua pengaturan mengendalikan posisi turunan: alignment (melintasi tata letak) dan arrangement (sepanjang tata letak).

Alignment pada Column

Di dalam Column, turunan disusun secara vertikal. horizontalAlignment mengendalikan posisi horizontalnya — kiri, tengah, atau kanan.

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

Arrangement pada Column

verticalArrangement mengendalikan cara turunan tersebar secara vertikal — di atas, di tengah, di bawah, atau dengan jarak merata.

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

Alignment pada Row

Di dalam Row, sumbunya bertukar. verticalAlignment mengendalikan posisi vertikal turunan, sedangkan horizontalArrangement menyebarkannya secara horizontal.

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

Mengingat Pasangannya

Tips: alignment adalah sumbu silang, sedangkan arrangement adalah sumbu utama. Pada Column, sumbu utamanya vertikal, sehingga digunakan verticalArrangement dan horizontalAlignment.

Pilihan Arrangement

Nilai Arrangement yang umum:

Top / Bottom / Center
SpaceBetween — jarak di antara item.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween mendorong turunan pertama dan terakhir ke tepi, lalu membagi turunan lainnya secara merata — sempurna untuk bilah atas dengan judul di kiri dan ikon di kanan.

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

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) menambahkan jarak tetap di antara setiap turunan — cara paling rapi untuk memberi jarak yang merata pada item daftar.

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

Menggabungkan spacedBy dengan Alignment

Anda dapat menggabungkan arrangement dan alignment untuk mengendalikan tata letak sepenuhnya.

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

Alignment pada Box

Untuk Box, gunakan contentAlignment untuk menempatkan turunan, atau gunakan Modifier.align() pada turunan individual untuk mengatur penempatan masing-masing.

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

Menyatukan Semuanya

Baris header ditambah daftar dengan jarak merata.

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

Pemeriksaan Singkat

Di dalam Column, parameter mana yang mengendalikan posisi horizontal turunan?

Ringkasan

Penempatan:

Alignment = sumbu silang; arrangement = sumbu utama.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() menambahkan jarak yang merata.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Perataan dan Penataan” gratis?

Ya — teks lengkap “Perataan dan Penataan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Android Academy, upgrade ke CoddyKit PRO. Kursus Android Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Perataan dan Penataan”?

Posisikan elemen anak dengan tepat. Kamu berlatih Android Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Android Academy?

Tidak diperlukan pengalaman sebelumnya. Android Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Perataan dan Penataan” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Android Academy ini?

Ya. Setiap pelajaran Android Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Android Academy