Menulis Fungsi @Composable
Takrifkan fungsi UI anda sendiri yang boleh digunakan semula.
Menulis Fungsi @Composable ialah pelajaran Jetpack Compose Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Jetpack Compose Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.
Perkara yang Akan Anda Bina
Dalam pelajaran ini, anda akan menulis Composable sendiri dari awal. Pada akhirnya, anda boleh menerangkan sebahagian UI dengan satu fungsi Kotlin sahaja. 🚀
Ia Bermula dengan @Composable
Composable hanyalah fungsi yang ditandai dengan anotasi @Composable. Tanda ini memberitahu Compose bahawa fungsi tersebut menghasilkan UI dan bukannya mengembalikan nilai.
@Composable
fun Greeting() {
Text("Hello!")
}Namakan Seperti Jenis
Composable yang menghasilkan UI menggunakan nama PascalCase, seperti class. Jadi anda menulis Greeting, bukannya greeting, untuk menunjukkan bahawa ia ialah blok binaan UI.
Ia Mengembalikan Unit
Composable anda tidak mengembalikan nilai. Ia menghasilkan UI dengan memanggil Composable lain di dalamnya, jadi jenis pulangannya hanyalah Unit.
@Composable
fun Welcome() {
Text("Welcome aboard")
}Hantar Data dengan Parameter
Jadikan Composable boleh digunakan semula dengan menambah parameter. Hantar nama dan fungsi yang sama boleh menyapa sesiapa sahaja.
@Composable
fun Greeting(name: String) {
Text("Hello, " + name)
}Nilai Lalai Membantu
Berikan nilai lalai kepada parameter supaya pemanggil boleh melangkau parameter tersebut. Di sini, name lalai kepada World, jadi Greeting() masih berfungsi sendiri.
@Composable
fun Greeting(name: String = "World") {
Text("Hello, " + name)
}Composable Terbina Dalam
Anda jarang bermula daripada kosong. Compose menyediakan bahagian sedia guna seperti Text, Butang dan Imej yang boleh dipanggil daripada fungsi anda sendiri.
Import Perkara yang Digunakan
Apabila anda memanggil Text, Android Studio menambah import untuk androidx.compose.material3.Text. Biarkan IDE mengimportnya secara automatik supaya anda tidak perlu meneka pakej.
Pastikan Fungsi Kecil
Setiap Composable harus menerangkan satu perkara yang jelas. Fungsi yang kecil dan tertumpu lebih mudah dibaca, digunakan semula dan dipratonton berbanding fungsi yang besar.
Tiada Pulangan, Hanya Panggilan
Di dalam Composable, anda tidak membina dan mengembalikan widget. Anda hanya memanggil Composable lain dari atas ke bawah, lalu Compose melukisnya mengikut urutan.
@Composable
fun Card() {
Text("Title")
Text("Subtitle")
}Ia Masih Kotlin
Di bawahnya, Composable ialah Kotlin biasa. Anda boleh menggunakan pemboleh ubah, syarat dan gelung di dalamnya seperti dalam mana-mana fungsi lain.
@Composable
fun Status(online: Boolean) {
if (online) Text("Online")
else Text("Offline")
}Semakan Pantas
Masa untuk menyemak perkara yang mentakrifkan Composable.
Ringkasan
Kini anda boleh menulis Composable: tandainya dengan @Composable, namakannya dalam PascalCase, terima parameter dan panggil Composable lain untuk menghasilkan UI. 🎉
Pelajari Kotlin dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Soalan Lazim
Adakah pelajaran “Menulis Fungsi @Composable” percuma?
Ya — teks penuh “Menulis Fungsi @Composable” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Jetpack Compose Academy, tingkat taraf kepada CoddyKit PRO. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Menulis Fungsi @Composable”?
Takrifkan fungsi UI anda sendiri yang boleh digunakan semula. Anda berlatih Jetpack Compose Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Jetpack Compose Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Jetpack Compose Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Menulis Fungsi @Composable” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Jetpack Compose Academy ini?
Ya. Setiap pelajaran Jetpack Compose Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Menulis Fungsi @Composable
- Pratonton Langsung dengan @Preview
- Memanggil Composable daripada Composable
- setContent: Tempat UI Anda Bermula