Jetpack Compose Academy · Lekcja

Typy klawiatury i akcje IME

Wyświetlaj właściwą klawiaturę i przycisk zatwierdzania

Lekcja 3 z 413 kroki

Typy klawiatury i akcje IME to bezpłatna lekcja Jetpack Compose Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Jetpack Compose Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Jetpack Compose Academy zawiera 4 lekcji w sumie.

Właściwa klawiatura ma znaczenie

Prosisz o numer telefonu? Wyświetl klawiaturę numeryczną, a nie litery. Właściwa klawiatura sprawia, że pisanie jest szybkie i wolne od błędów. 📱

keyboardOptions

Klawiaturę konfiguruje się za pomocą keyboardOptions. Umożliwia ono wybór układu klawiatury i wyświetlanego na niej przycisku akcji.

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

Wybór typu klawiatury

Ustaw keyboardType odpowiednio do danych: Number dla cyfr, Email dla adresów e-mail i Phone do wybierania numerów.

keyboardOptions = KeyboardOptions(
    keyboardType = KeyboardType.Email
)

Popularne typy klawiatury

Przydatne opcje to między innymi Text, Number, Phone, Email, Decimal i Password. Każda z nich dopasowuje klawisze do rodzaju danych.

Ukrywanie znaków hasła

W przypadku poufnych danych połącz typ Password z visualTransformation, aby każdy znak był wyświetlany jako kropka. 🔒

visualTransformation = PasswordVisualTransformation()

Akcje IME

Element imeAction określa główny przycisk klawiatury. Wybierz Next, aby przejść do kolejnego pola, albo Done, aby zakończyć formularz.

keyboardOptions = KeyboardOptions(
    imeAction = ImeAction.Next
)

Popularne akcje IME

Najczęstsze akcje to Next, Done, Search, Send i Go. Informują one użytkownika, co stanie się po dotknięciu przycisku.

Reagowanie za pomocą keyboardActions

Na ten przycisk reaguje się za pomocą keyboardActions. Można uruchomić wyszukiwanie, przesłać formularz albo przenieść fokus do następnego pola.

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

Przenoszenie fokusu po Next

W formularzach z wieloma polami użyj FocusManager, aby po dotknięciu Next przejść do następnego pola.

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

Typ i akcja współpracują ze sobą

Dla każdego pola ustaw jednocześnie keyboardType i imeAction. Dzięki temu wypełnianie formularza jest płynne i wygodne.

Drobne szczegóły, duży efekt

Dopasowanie klawiatury i jej akcji do każdego pola wymaga niewielkiego wysiłku, a sprawia, że formularze wyglądają naprawdę profesjonalnie.

Szybkie sprawdzenie

Która opcja steruje przyciskiem akcji wyświetlanym na klawiaturze?

Podsumowanie

Dostosowano keyboard: keyboardType wybiera klawisze, imeAction określa etykietę przycisku, a keyboardActions na niego reaguje. Wygodne pisanie w każdej sytuacji. 🎯

Bezpłatny start

Ucz się Kotlin dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
30
Lekcje
120

Często zadawane pytania

Czy lekcja „Typy klawiatury i akcje IME” jest bezpłatna?

Tak — pełny tekst „Typy klawiatury i akcje IME” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Jetpack Compose Academy, przejdź na CoddyKit PRO. Kurs Jetpack Compose Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Typy klawiatury i akcje IME”?

Wyświetlaj właściwą klawiaturę i przycisk zatwierdzania Ćwiczysz Jetpack Compose Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Jetpack Compose Academy?

Nie wymagamy żadnego doświadczenia. Jetpack Compose Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Typy klawiatury i akcje IME”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Jetpack Compose Academy?

Tak. Każda lekcja Jetpack Compose Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. TextField i OutlinedTextField
  2. Etykiety, symbole zastępcze i ikony wiodące
  3. Typy klawiatury i akcje IME
  4. Walidacja w miejscu i stany błędów
← Powrót do Jetpack Compose Academy