Sistem Modifier
Atur ukuran, padding, dan gaya dengan modifier.
Sistem Modifier adalah pelajaran Android Academy gratis di CoddyKit. Ini adalah pelajaran 2 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.
Apa Itu Modifier?
Modifier menghias atau mengonfigurasi composable: ukurannya, padding, latar belakang, perilaku saat diklik, dan lainnya. Hampir setiap composable menerima parameter modifier.
Merangkai
Modifier dapat dirangkai: setiap fungsi mengembalikan modifier baru, sehingga Anda memanggilnya satu demi satu.
Modifier
.padding(16.dp)
.size(100.dp)
.background(Color.LightGray)Meneruskan Modifier
Anda meneruskan rangkaian tersebut ke parameter modifier milik composable.
Text(
text = "Hello",
modifier = Modifier
.padding(8.dp)
.background(Color.Yellow)
)Urutan Itu Penting!
Urutan modifier mengubah hasilnya. Modifier diterapkan dari kiri ke kanan dan membungkus satu sama lain seperti lapisan.
padding lalu background
Di sini padding diterapkan terlebih dahulu, sehingga latar belakang hanya mengisi area dalam — ruang yang dibuat oleh padding tetap transparan.
Modifier
.padding(16.dp)
.background(Color.Red)background lalu padding
Tukar urutannya, maka latar belakang mencakup seluruh area, sementara padding mendorong konten ke dalam. Modifier-nya sama, tetapi tampilannya berbeda — karena urutan itu penting.
Modifier
.background(Color.Red)
.padding(16.dp)Modifier Ukuran yang Umum
Modifier ukuran yang sering digunakan:
size(100.dp)— lebar dan tinggi tetap.fillMaxWidth()— menggunakan seluruh ruang horizontal.fillMaxSize()— menggunakan seluruh ruang yang tersedia.width()/height()— mengatur satu dimensi.
Dapat Diklik
Modifier.clickable membuat composable apa pun merespons ketukan — bahkan Text atau Box biasa.
Text(
text = "Tap me",
modifier = Modifier.clickable { /* handle */ }
)Menggunakan Kembali Parameter Modifier
Sesuai konvensi, composable khusus menerima parameter modifier: Modifier = Modifier dan meneruskannya ke elemen akarnya. Dengan begitu, pemanggil dapat menyesuaikan tata letak dari luar.
@Composable
fun Card(modifier: Modifier = Modifier) {
Column(modifier = modifier) { /* ... */ }
}Modifier Adalah Parameter Pertama
Konvensinya, parameter modifier ditempatkan di antara parameter opsional paling awal dan memiliki nilai bawaan Modifier kosong. Hal ini membuat API Anda konsisten dengan pustaka standar.
Menyatukan Semuanya
Kotak bergaya yang menggunakan rangkaian dengan urutan yang ditentukan secara sengaja.
Box(
modifier = Modifier
.size(120.dp)
.background(Color(0xFFE86F00))
.padding(12.dp)
) {
Text(text = "Compose", color = Color.White)
}Pemeriksaan Singkat
Mengapa Modifier.padding(16.dp).background(Color.Red) terlihat berbeda dari Modifier.background(Color.Red).padding(16.dp)?
Ringkasan
Modifier:
- Mengonfigurasi ukuran, padding, latar belakang, klik, dan lainnya.
- Dapat dirangkai dan diterapkan berdasarkan urutan — urutan itu penting.
- Composable khusus sebaiknya menyediakan parameter pertama
modifier: Modifier = Modifier.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Sistem Modifier” gratis?
Ya — teks lengkap “Sistem Modifier” 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 “Sistem Modifier”?
Atur ukuran, padding, dan gaya dengan modifier. 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 2 dari 4.
Berapa lama pelajaran “Sistem Modifier” 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.