Jetpack Compose Academy · Oppitunti

Näppäimistötyypit ja IME-toiminnot

Näyttäkää oikea näppäimistö ja lähetyspainike.

Oppitunti 3/413 vaihetta

Näppäimistötyypit ja IME-toiminnot on ilmainen Jetpack Compose Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Jetpack Compose Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Jetpack Compose Academy-kurssilla on yhteensä 4 oppituntia.

Oikealla näppäimistöllä on väliä

Pyydättekö puhelinnumeroa? Näyttäkää numeronäppäimistö kirjainten sijaan. Oikea keyboard tekee kirjoittamisesta nopeaa ja virheetöntä. 📱

keyboardOptions

Muotoilet näppäimistöä keyboardOptions-asetuksella. Sen avulla voit valita näppäimistön asettelun ja siinä näytettävän toimintopainikkeen.

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

Valitse keyboardType

Aseta keyboardType tietojen mukaan: Number numeroille, Email sähköpostiosoitteille ja Phone puhelinnumeroille.

keyboardOptions = KeyboardOptions(
    keyboardType = KeyboardType.Email
)

Yleiset näppäimistötyypit

Hyödyllisiä vaihtoehtoja ovat Text, Number, Phone, Email, Decimal ja Password. Kukin niistä mukauttaa näppäimet syötettävien tietojen mukaan.

Piilota salasanan merkit

Yhdistä salaisille tiedoille Password-tyyppi ja visualTransformation, jotta jokainen merkki näytetään pisteenä. 🔒

visualTransformation = PasswordVisualTransformation()

IME-toiminnot

imeAction määrittää näppäimistön pääpainikkeen. Valitse Next siirtyäksesi seuraavaan kenttään tai Done viimeistelläksesi lomakkeen.

keyboardOptions = KeyboardOptions(
    imeAction = ImeAction.Next
)

Yleiset IME-toiminnot

Yleisiä toimintoja ovat Next, Done, Search, Send ja Go. Ne kertovat käyttäjälle, mitä painikkeen napauttaminen tekee.

Reagoi keyboardActions-toiminnolla

Reagoi tähän painikkeeseen käyttämällä keyboardActions-asetusta. Suorita haku, lähetä lomake tai siirrä kohdistus seuraavaan kenttään.

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

Siirrä kohdistus seuraavaan kenttään

Usean kentän lomakkeissa voit siirtyä seuraavaan syöttökenttään FocusManager-luokan avulla, kun käyttäjä napauttaa Next-painiketta.

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

Tyyppi ja toiminto toimivat yhdessä

Aseta jokaiselle kentälle yhdessä keyboardType ja imeAction. Lopputulos tuntuu huolitellulta ja lomakkeen täyttäminen vaivattomalta.

Pienet yksityiskohdat, suuri vaikutus

Näppäimistön ja sen toiminnon sovittaminen kuhunkin kenttään vaatii vain vähän vaivaa, mutta tekee lomakkeista todella ammattimaisen tuntuisia.

Pikatarkistus

Mikä asetus määrittää näppäimistössä näytettävän toimintopainikkeen?

Kertaus

Hienosäädit keyboard-asetuksia: keyboardType valitsee näppäimet, imeAction nimeää painikkeen ja keyboardActions reagoi siihen. Sujuvaa kirjoittamista joka tilanteessa. 🎯

Aloita maksutta

Opi Kotlin tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
30
Oppitunnit
120

Usein kysytyt kysymykset

Onko oppitunti ”Näppäimistötyypit ja IME-toiminnot” ilmainen?

Kyllä – oppitunnin ”Näppäimistötyypit ja IME-toiminnot” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Jetpack Compose Academy-kurssin, päivitä CoddyKit PROhon. Jetpack Compose Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Näppäimistötyypit ja IME-toiminnot”?

Näyttäkää oikea näppäimistö ja lähetyspainike. Harjoittelet Jetpack Compose Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Jetpack Compose Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Jetpack Compose Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.

Kuinka kauan ”Näppäimistötyypit ja IME-toiminnot”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Jetpack Compose Academy-oppitunnilla?

Kyllä. Jokainen Jetpack Compose Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. TextField ja OutlinedTextField
  2. Nimikkeet, paikkamerkit ja johtavat kuvakkeet
  3. Näppäimistötyypit ja IME-toiminnot
  4. Sisäinen validointi ja virhetilat
← Takaisin: Jetpack Compose Academy