Jetpack Compose Academy · Pelajaran

Jenis Keyboard & Tindakan IME

Tampilkan keyboard dan button kirim yang tepat.

Jenis Keyboard & Tindakan IME adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

The Right Keyboard Matters

Asking for a phone number? Show a number pad, not letters. The right keyboard makes typing fast and error-free. 📱

keyboardOptions

You shape the keyboard through keyboardOptions. It lets you pick the key layout and the action button shown on it.

TextField(
    value = phone,
    onValueChange = { phone = it },
    keyboardOptions = KeyboardOptions(/* ... */)
)

Pick a keyboardType

Set keyboardType to match the data: Number for digits, Email for addresses, Phone for dialing.

keyboardOptions = KeyboardOptions(
    keyboardType = KeyboardType.Email
)

Common Keyboard Types

Handy choices include Text, Number, Phone, Email, Decimal, and Password. Each one tweaks the keys to fit the input.

Hide Password Characters

For secrets, pair the Password type with a visualTransformation so each character shows as a dot. 🔒

visualTransformation = PasswordVisualTransformation()

IME Actions

The imeAction sets the keyboard's main button. Choose Next to move to the following field or Done to finish a form.

keyboardOptions = KeyboardOptions(
    imeAction = ImeAction.Next
)

Common IME Actions

Frequent actions are Next, Done, Search, Send, and Go. They tell the user what tapping the button will do.

React with keyboardActions

Respond to that button using keyboardActions. Run a search, submit the form, or jump focus to the next field.

keyboardActions = KeyboardActions(
    onDone = { submitForm() }
)

Move Focus on Next

For multi-field forms, use the FocusManager to move to the next input when the user taps Next.

keyboardActions = KeyboardActions(
    onNext = { focusManager.moveFocus(FocusDirection.Down) }
)

Type and Action Work Together

Set the keyboardType and imeAction together for each field. The result feels polished and effortless to fill in.

Small Touches, Big Polish

Matching the keyboard and its action to each field is a tiny effort that gives your forms a truly professional feel.

Quick Check

Which option controls the action button shown on the keyboard?

Recap

You tuned the keyboard: keyboardType picks the keys, imeAction labels the button, and keyboardActions responds to it. Smooth typing all around. 🎯

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Jenis Keyboard & Tindakan IME” gratis?

Ya — teks lengkap “Jenis Keyboard & Tindakan IME” 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 “Jenis Keyboard & Tindakan IME”?

Tampilkan keyboard dan button kirim yang tepat. 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 3 dari 4.

Berapa lama pelajaran “Jenis Keyboard & Tindakan IME” 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

← Kembali ke Jetpack Compose Academy