clickable pada Mana-mana Composable
Jadikan elemen bukan butang boleh diketuk.
clickable pada Mana-mana Composable ialah pelajaran Jetpack Compose Academy percuma di CoddyKit. Ini ialah pelajaran 4 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.
Apa-apa Pun Boleh Diketuk
Kadang-kadang anda mahu seluruh kad atau baris bertindak balas terhadap ketikan, bukan butang. Pengubah suai clickable menjadikan mana-mana komponen gubahan responsif. 👆
Pengubah Suai clickable
Tambahkan Modifier.clickable kepada mana-mana elemen dan hantar lambda onClick. Elemen itu kini mengendalikan ketikan seperti butang.
Text(
"Open profile",
modifier = Modifier.clickable { open() }
)Ketikan Menghasilkan Riak
Secara lalai, clickable menambah riak Material, memberikan maklum balas visual serta-merta supaya pengguna nampak ketikan mereka telah diterima.
Box(Modifier.clickable { toggle() }) {
Text("Tap this box")
}Jadikan Seluruh Kad Boleh Diketuk
item senarai: letakkan clickable pada bekas baris supaya ketikan di mana-mana sahaja membuka skrin butiran.
Row(Modifier.clickable { openItem(id) }) {
Text(item.title)
}Tambahkan Penerangan Kandungan
Untuk kebolehcapaian, hantar onClickLabel yang menerangkan perkara yang dilakukan oleh ketikan supaya pembaca skrin mengumumkan tindakan dengan jelas.
Modifier.clickable(
onClickLabel = "Open profile"
) { open() }Susunan dalam Rantaian Penting
Letakkan clickable sebelum padding supaya kawasan yang mempunyai ruang dalam boleh diketuk, atau selepasnya untuk mengehadkan ketikan kepada kandungan dalaman.
Modifier
.clickable { go() }
.padding(16.dp)Togol Keadaan Semasa Diketuk
Gabungkan clickable dengan keadaan untuk membina togol tersuai, seperti kad boleh kembang yang membesar apabila pengepala diketuk.
Modifier.clickable { expanded = !expanded }Lumpuhkan clickable
Pengubah suai clickable juga menerima bendera enabled. Tetapkannya kepada false dan elemen itu berhenti bertindak balas, sama seperti butang yang dilumpuhkan.
Modifier.clickable(enabled = isReady) { next() }combinedClickable untuk Lebih Banyak Tindakan
Perlukan tekan lama atau ketik dua kali juga? Gunakan combinedClickable, yang menyediakan onLongClick dan onDoubleClick bersama onClick.
Modifier.combinedClickable(
onClick = { open() },
onLongClick = { showMenu() }
)Butang berbanding clickable
Gunakan Butang sebenar untuk tindakan utama yang jelas; gunakan clickable apabila permukaan sewenang-wenangnya seperti kad perlu boleh diketuk.
Pastikan Sasaran Cukup Besar
Teks kecil dengan clickable sukar diketuk. Berikan ruang dalam supaya sasaran sentuhan kekal sekurang-kurangnya kira-kira 48dp tinggi.
Semakan Pantas
Anda mahu ketikan di mana-mana bahagian baris senarai membuka skrin butirannya.
Imbas Kembali: Ketik Apa-apa Sahaja
Anda telah belajar bahawa pengubah suai clickable menjadikan mana-mana komponen gubahan boleh diketuk, lengkap dengan riak, label dan bendera enabled. Kad dan baris juga boleh bertindak balas. 🎉
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 “clickable pada Mana-mana Composable” percuma?
Ya — teks penuh “clickable pada Mana-mana 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 “clickable pada Mana-mana Composable”?
Jadikan elemen bukan butang boleh diketuk. 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 4 daripada 4.
Berapa lamakah pelajaran “clickable pada Mana-mana 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
- Butang dan onClick
- Butang Teks, Berbingkai & Ikon
- State Diaktifkan, Dilumpuhkan & Memuat
- clickable pada Mana-mana Composable