weight & Ukuran Fleksibel
Bagikan ruang secara proporsional dalam row dan column.
weight & Ukuran Fleksibel adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 4 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 Jetpack Compose Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.
Ruang Fleksibel
Terkadang Anda ingin anak-anak berbagi ruang, bukan menggunakan ukuran tetap. Pengubah weight membagi ruang tersisa secara proporsional. ⚖️
Tempat weight Berfungsi
weight hanya berfungsi di dalam Baris atau Kolom. Pengubah ini merupakan bagian dari cakupan tata letak yang disediakan wadah tersebut untuk anak-anaknya.
Pembagian Sama Rata
Berikan weight yang sama kepada dua anak, maka keduanya berbagi ruang secara merata dan masing-masing memperoleh setengah dari ruang yang tersedia.
Box(Modifier.weight(1f))
Box(Modifier.weight(1f))Pembagian Tidak Sama
Weight adalah rasio. Anak dengan weight(2f) mendapatkan ruang dua kali lebih besar daripada saudaranya dengan weight(1f).
Box(Modifier.weight(2f))
Box(Modifier.weight(1f))Tetap Ditambah Fleksibel
Padukan keduanya: berikan satu anak ukuran tetap, lalu biarkan anak lainnya menggunakan weight untuk menyerap ruang yang tersisa.
Box(Modifier.width(80.dp))
Box(Modifier.weight(1f))Mendorong ke Ujung
Satu weight pada pengatur jarak berfungsi seperti dorongan, mengirim anak berikutnya hingga ke ujung baris.
Text("Left")
Spacer(Modifier.weight(1f))
Text("Right")Weight Diproses Lebih Dahulu
Compose mengukur anak-anak tetap terlebih dahulu, lalu membagi ruang tersisa di antara anak-anak berbobot. Itulah sebabnya weight memerlukan saudara sebagai pembanding.
Bendera fill
Secara default, anak berbobot memenuhi bagiannya. Teruskan fill = false agar ukurannya tetap lebih kecil daripada ruang yang diberikan.
Modifier.weight(1f, fill = false)Kolom Berbobot
Gagasan yang sama berlaku secara vertikal. Dalam Kolom, weight membagi tinggi yang tersisa, bukan lebar.
Column {
Box(Modifier.weight(1f))
Box(Modifier.weight(1f))
}Responsif Sejak Awal
Karena weight adalah rasio, tata letak Anda dapat menyesuaikan diri dengan baik pada lebar ponsel maupun tablet tanpa angka yang ditulis secara khusus.
Pola yang Umum
Label di sebelah kiri, nilai memenuhi sisanya: baris berbobot adalah pola klasik untuk baris pengaturan dan daftar yang rapi.
Row {
Text("Name")
Text("Sam", Modifier.weight(1f))
}Pemeriksaan Singkat
Dua anak berada dalam Baris dengan weight(3f) dan weight(1f). Bagaimana ruangnya dibagi?
Ringkasan
Sekarang Anda dapat berbagi ruang secara fleksibel. weight membagi ruang tersisa berdasarkan rasio di dalam Row dan Column untuk tata letak responsif. 🎯
Belajar Kotlin dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “weight & Ukuran Fleksibel” gratis?
Ya — teks lengkap “weight & Ukuran Fleksibel” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Jetpack Compose Academy, upgrade ke CoddyKit PRO. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “weight & Ukuran Fleksibel”?
Bagikan ruang secara proporsional dalam row dan column. Kamu berlatih Jetpack Compose 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 Jetpack Compose Academy?
Tidak diperlukan pengalaman sebelumnya. Jetpack Compose 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 4 dari 4.
Berapa lama pelajaran “weight & Ukuran Fleksibel” 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 Jetpack Compose Academy ini?
Ya. Setiap pelajaran Jetpack Compose 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
- Padding, Ukuran & fillMaxWidth
- Latar Belakang, Border & Pemotongan
- Mengapa Urutan Modifier Penting
- weight & Ukuran Fleksibel