Types de clavier et actions IME
Affichez le clavier approprié et le bouton d’envoi.
Types de clavier et actions IME est une leçon Jetpack Compose Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Jetpack Compose Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
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. 🎯
Questions Fréquemment Posées
La leçon « Types de clavier et actions IME » est-elle gratuite ?
Oui — le texte complet de « Types de clavier et actions IME » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Jetpack Compose Academy, passe à CoddyKit PRO. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Types de clavier et actions IME » ?
Affichez le clavier approprié et le bouton d’envoi. Tu pratiques Jetpack Compose Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Jetpack Compose Academy ?
Aucune expérience préalable n'est requise. Jetpack Compose Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « Types de clavier et actions IME » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Jetpack Compose Academy ?
Oui. Chaque leçon Jetpack Compose Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- TextField et OutlinedTextField
- Libellés, textes indicatifs et icônes principales
- Types de clavier et actions IME
- Validation intégrée et états d’erreur