setContent: Tempat UI Anda Dimulai
Hubungkan hierarki Composable Anda ke Activity.
setContent: Tempat UI Anda Dimulai 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.
Menghubungkan Compose ke Android
Composable Anda memerlukan tempat untuk ditampilkan. Pemanggilan setContent di dalam Activity adalah jembatan yang menyerahkan pohon UI Anda ke layar Android. 🔗
Di Dalam onCreate
Anda memanggil setContent dari onCreate milik Activity. Saat itulah Android memberi tahu aplikasi Anda bahwa sudah waktunya menampilkan layar.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent { Greeting() }
}Menerima Lambda
setContent menerima sebuah lambda, dan di dalam blok tersebut Anda memanggil Composable. Semua yang berada di dalam kurung kurawal menjadi isi layar.
setContent {
Greeting("Compose")
}Lambda-nya Bersifat Composable
Lambda tersebut merupakan @Composable scope itu sendiri. Jadi Anda dapat langsung memanggil Composable apa pun di dalamnya tanpa penyiapan tambahan.
Satu Composable Akar
Aplikasi yang rapi memanggil satu Composable akar di sini, biasanya seluruh aplikasi atau tema Anda, yang kemudian menumpuk semua bagian lain di bawahnya.
setContent {
MyApp()
}Bungkus dengan Tema Anda
Sebagian besar aplikasi membungkus akar dengan tema agar warna dan font berlaku di mana-mana. Tema hanyalah Composable lain yang mengelilingi UI Anda.
setContent {
MyAppTheme {
MyApp()
}
}Menggantikan setContentView
Pada sistem View lama, Anda memanggil setContentView dengan tata letak XML. Compose menggantinya dengan setContent yang menerima lambda Composable.
Memperluas ComponentActivity
Activity yang menggunakan setContent biasanya memperluas ComponentActivity, yaitu kelas dasar ringan yang dirancang untuk digunakan Compose.
class MainActivity : ComponentActivity() {
// onCreate with setContent
}Tempat Pohon Dipasang
setContent adalah titik masuk. Dari sini Compose membangun, menata letak, dan menggambar seluruh pohon Composable yang Anda panggil di dalamnya.
Tambahkan Surface untuk Latar Belakang
Membungkus isi dalam Surface memberikan latar belakang bertema dan elevasi, yang umum digunakan sebagai anak pertama di bawah tema Anda.
setContent {
MyAppTheme {
Surface { MyApp() }
}
}Satu setContent per Layar
Biasanya Anda memanggil setContent sekali untuk setiap Activity. Untuk menampilkan isi yang berbeda, ubah status di dalam pohon, bukan dengan memanggil setContent lagi.
Pemeriksaan Cepat
Pemeriksaan akhir tentang tempat UI Compose dimulai.
Rangkuman
Sekarang Anda tahu dari mana semuanya dimulai: panggil setContent di onCreate, berikan lambda Composable, bungkus dengan tema Anda, lalu Compose akan menggambar aplikasi Anda. 🎉
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 “setContent: Tempat UI Anda Dimulai” gratis?
Ya — teks lengkap “setContent: Tempat UI Anda Dimulai” 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 “setContent: Tempat UI Anda Dimulai”?
Hubungkan hierarki Composable Anda ke Activity. 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 “setContent: Tempat UI Anda Dimulai” 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
- Menulis Fungsi @Composable
- Pratinjau Langsung dengan @Preview
- Memanggil Composable dari Composable
- setContent: Tempat UI Anda Dimulai