Android Academy · Pelajaran

Pratonton dan Muat Semula Pantas

Ulang kaji dengan pantas menggunakan pratonton Compose.

Pelajaran 4 daripada 413 langkah

Pratonton dan Muat Semula Pantas ialah pelajaran Android Academy percuma di CoddyKit. Ini ialah pelajaran 4 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Android Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Android Academy merangkumi sejumlah 4 pelajaran.

Pratonton pada Masa Reka Bentuk

Salah satu ciri terbaik Compose ialah @Preview: anda boleh melihat komposabel dipaparkan dalam Android Studio tanpa menjalankan aplikasi pada peranti atau emulator.

Anotasi @Preview

Tambahkan @Preview di atas fungsi @Composable. Android Studio akan memaparkannya dalam anak tetingkap reka bentuk.

@Preview
@Composable
fun GreetingPreview() {
    Greeting(name = "Preview")
}

Pratonton Tidak Memerlukan Parameter

Fungsi pratonton mesti boleh dipanggil dengan tiada argumen. Jadi, anda mencipta komposabel pembalut yang membekalkan data contoh, kemudian mempratonton pembalut itu.

@Preview
@Composable
fun CardPreview() {
    ProfileCard(name = "Ada", followers = 42)
}

Menamakan Fungsi Pratonton

Mengikut kebiasaan, pembalut pratonton dinamakan berdasarkan komposabel, diikuti akhiran Pratonton, contohnya GreetingPreview. Ini memudahkannya ditemukan dan menunjukkan bahawa ia tidak digunakan dalam pengeluaran.

Parameter Pratonton

@Preview menerima argumen untuk melaraskan pemaparan, seperti showBackground, name dan widthDp.

@Preview(showBackground = true, name = "Light")
@Composable
fun GreetingPreview() {
    Greeting(name = "Hi")
}

showBackground

Secara lalai, pratonton mempunyai latar belakang telus. Berikan showBackground = true untuk memaparkan permukaan legap, supaya teks lebih mudah dilihat semasa mereka bentuk.

Berbilang Pratonton

Anda boleh menyusun beberapa anotasi @Preview pada satu fungsi untuk melihat konfigurasi yang berbeza secara bersebelahan — contohnya lebar kecil dan lebar besar.

@Preview(name = "Phone", widthDp = 360)
@Preview(name = "Tablet", widthDp = 720)
@Composable
fun ScreenPreview() {
    HomeScreen()
}

Pratonton Interaktif

Android Studio menawarkan Mod Interaktif untuk pratonton. Mod ini membolehkan anda mengetik butang dan mencetuskan perubahan keadaan terus dalam pratonton, tanpa menggunakan aplikasi pada peranti.

Suntingan Langsung / Muat Semula Pantas

Dengan Suntingan Langsung, suntingan pada badan komposabel muncul hampir serta-merta dalam pratonton dan juga pada peranti yang sedang berjalan — tanpa binaan semula penuh. Ini mempercepat kitaran reka bentuk dengan ketara.

Pratonton Tidak Memerlukan Kos

Fungsi pratonton dibuang daripada binaan keluaran anda, jadi menambah banyak pratonton tidak menimbulkan kos semasa masa jalan. Gunakannya dengan bebas untuk mendokumentasikan dan menguji setiap komposabel secara visual.

Contoh Lengkap

Berikut ialah komposabel bersama pratontonnya. Buka anak tetingkap reka bentuk untuk melihatnya dipaparkan serta-merta.

@Composable
fun Badge(label: String) {
    Text(text = label, color = Color.White)
}

@Preview(showBackground = true)
@Composable
fun BadgePreview() {
    Badge(label = "NEW")
}

Semakan Pantas

Mengapakah fungsi @Preview mesti tidak menerima parameter?

Jawab dalam pelajaran interaktif

Imbas Kembali

Pratonton mempercepat pembangunan Compose:

Tambahkan @Preview di atas komposabel tanpa argumen.
Gunakan pilihan seperti showBackground dan widthDp.
Susun beberapa pratonton; gunakan Mod Interaktif dan Suntingan Langsung untuk lelaran pantas.

Percuma untuk bermula

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: 36
Pelajaran: 152

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pratonton dan Muat Semula Pantas” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Android Academy, termasuk “Pratonton dan Muat Semula Pantas”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Android Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Pratonton dan Muat Semula Pantas”?

Ulang kaji dengan pantas menggunakan pratonton Compose. Anda berlatih Android 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 Android Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Android 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 4 daripada 4.

Berapa lamakah pelajaran “Pratonton dan Muat Semula Pantas” 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 Android Academy ini?

Ya. Setiap pelajaran Android 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

← Kembali ke Android Academy