Mobil ishlanmada foydalanuvchi kiritishi va klaviaturalar: bu nima, komponentlar va qanday ishlaydi

Mobil ilovalarda foydalanuvchi kiritishi nima?

Mobil ilovalarda foydalanuvchi kiritishi sensorli ekran va virtual klaviatura orqali foydalanuvchidan ilovaga ma'lumot uzatish jarayonidir. iOS-da asosiy vosita UITextField, Android-da esa EditText. Foydalanuvchi kiritishi matn maydonlari, ro'yxatdan o'tish shakllari, qidiruv so'rovlari, telefon raqamlari va tasdiqlash kodlarini o'z ichiga oladi. Foydalanuvchi kiritishini tatbiq etish sifati shakllarni to'ldirish tezligi va mobil ilova konversiyasiga ta'sir qiladi.

Nega foydalanuvchi kiritishini to'g'ri tashkil qilish muhim

Mobil ishlanmada foydalanuvchi kiritishini noto'g'ri boshqarish tekshirish xatolariga, zaifliklarga va foydalanuvchi yo'qotilishiga olib keladi. Statista (2025) ga ko'ra, foydalanuvchilarning 67% ikki muvaffaqiyatsiz kiritish urinishidan keyin mobil ilovani o'chiradi. To'g'ri foydalanuvchi kiritishini tatbiq etish klaviatura turi konfiguratsiyasi, tekshirish, formatlash va avtomatik to'ldirishni o'z ichiga oladi. Mobil ishlanmada bu jihatlar ikkala platforma tomonidan standartlashtirilgan.

Foydalanuvchi kiritishining asosiy komponentlari

Mobil ilovalarda klaviatura iOS-da keyboardType va Android-da inputType orqali konfiguratsiya qilinadi. Foydalanuvchi sozlamalari avtotuzatish, avtomatik to'ldirish va xavfsiz parol kiritishni o'z ichiga oladi. iOS-da Responder Chain va Android-da fokus klaviaturani ko'rsatish va yashirishni boshqaradi. Mobil ilovalarda foydalanuvchi kiritishi uchun Keyboard Avoidance muhim — tarkib klaviatura tomonidan yashirilmasligi kerak.

iOS-da kiritish maydonlari: UITextField va UITextView

iOS-da asosiy foydalanuvchi kiritishi elementlari bir qatorli matn uchun UITextField va ko'p qatorli matn uchun UITextView. Ikkalasi tahrirlashning boshlanishi, o'zgarishi va tugashini boshqarish uchun UITextFieldDelegate va UITextViewDelegate delegatlarini qo'llab-quvvatlaydi. iOS mobil ilovalarida klaviatura konfiguratsiyasi keyboardType, returnKeyType va isSecureTextEntry xususiyatlari orqali amalga oshiriladi.

Text Content Type va avtomatik to'ldirish

textContentType xususiyati tizimga maydonda qanday ma'lumotlar kutilayotganini bildiradi — username, password, oneTimeCode, emailAddress. Bu kalit halqasidan avtomatik to'ldirishni faollashtiradi va foydalanuvchi kiritishini tezlashtiradi. Secure Text Entry maydonlari uchun .password belgilang, shunda parol boshqaruvchisi hisob ma'lumotlarini to'g'ri saqlaydi. textContentType dan foydalanish mobil ilovalarda foydalanuvchi kiritishini yaxshilaydi.

let textField = UITextField()
textField.placeholder = "Email"
textField.keyboardType = .emailAddress
textField.textContentType = .emailAddress
textField.autocorrectionType = .no
textField.becomeFirstResponder()

Responder Chain va fokus boshqaruvi

First Responder klaviaturadan hodisalarni qabul qiluvchi faol maydondir. becomeFirstResponder() chaqiruvi klaviaturani ko'rsatadi, resignFirstResponder() uni yashiradi. Responder Chain element hodisani boshqara oladimi yoki yo'qmi ketma-ket tekshiradi. Bir nechta maydonlar mavjud bo'lganda, klaviatura ochiq qolmasligi uchun First Responder-ni boshqarish muhim. Mobil ilovalarda foydalanuvchi kiritishi textFieldShouldReturn tomonidan ham boshqariladi — Return tugmasini bosish keyingi maydonga o'tadi.

Android-da kiritish maydonlari: EditText va TextInputLayout

Android-da UITextField ning analogi EditText bo'lib, inputType atributi orqali bir qatorli va ko'p qatorli rejimni qo'llab-quvvatlaydi. Material maydonlari uchun com.google.android.material kutubxonasidan TextInputLayout dan foydalaning — suzuvchi maslahat, belgi hisoblagichi va xato qo'llab-quvvatlashini qo'shadi. Android mobil ilovalarida foydalanuvchi kiritishi inputType va imeOptions orqali konfiguratsiya qilinadi.

InputType va imeOptions

inputType atributi klaviatura turi va kiritish rejimini belgilaydi: oddiy matn uchun text, parollar uchun textPassword, raqamlar uchun number, telefon klaviaturasi uchun phone. imeOptions Enter tugmasidagi harakatni boshqaradi — Done, Next, Search, Send. Qiymatlarni bitli OR bilan birlashtiring: text|textCapSentences. Android mobil ilovalarida klaviaturalar autofillHints orqali avtomatik to'ldirishni qo'llab-quvvatlaydi.

val editText = EditText(this)
editText.inputType = InputType.TYPE_CLASS_PHONE
editText.imeOptions = EditorInfo.IME_ACTION_DONE
editText.autofillHints = "phone"

val layout = TextInputLayout(this)
layout.hint = "Номер телефона"
layout.addView(editText)

setError orqali xato boshqaruvi

TextInputLayout.setError() kiritish maydoni ostida xato xabarini ko'rsatadi. TextWatcher orqali oniy tekshirish va shaklni yuborishda yakuniy tekshirishni birlashtiring. Mobil ilovalarda foydalanuvchi kiritishi fokusni ham o'z ichiga oladi — requestFocus() maydonni faollashtiradi va klaviaturani ko'rsatadi. Android-da foydalanuvchi kiritishi tugagandan so'ng klaviaturani yashirish uchun clearFocus() dan foydalaning.

Mobil ilovalarda klaviatura: Keyboard Avoidance

Mobil ilovalarda klaviatura kiritish maydonlarini yopmasligi kerak — bu asosiy UX talabidir. Keyboard Avoidance klaviatura paydo bo'lganda tarkibni siljitish texnikasidir. iOS-da klaviatura o'lchamini olish va scrollView ni siljitish uchun UIResponder.keyboardWillShowNotification dan foydalaning. Android-da manifestda adjustResize belgilang yoki CoordinatorLayout dan foydalaning. Mobil ilovalarda klaviaturalar ikki platformada turlicha konfiguratsiya qilinadi, ammo maqsad bir xil — tarkib har doim ko'rinadi.

iOS-da Keyboard Avoidance

iOS-da NotificationCenter orqali keyboardWillShowNotification va keyboardWillHideNotification bildirishnomalariga obuna bo'ling. Ishlov beruvchida userInfo dan klaviatura o'lchamini oling va UIScrollView da contentInset o'rnating. Shu bilan bir qatorda, siljishni avtomatik boshqaradigan IQKeyboardManager dan foydalaning. iOS mobil ishlanmasida foydalanuvchi kiritishi qulay UX uchun majburiy klaviatura boshqaruvini talab qiladi.

Android-da Keyboard Avoidance

Android-da asosiy usul manifestda android:windowSoftInputMode="adjustResize" belgilashdir. Bu bayroq klaviatura paydo bo'lganda layoutni siqadi. CoordinatorLayout uchun tugmalar va maydonlarni ko'taradigan Behavior dan foydalaning. Aniq chekka nazorati uchun ViewCompat.setOnApplyWindowInsetsListener dan foydalaning. Android mobil ilovasida klaviatura OnGlobalLayoutListener tomonidan ham boshqariladi.

Foydalanuvchi kiritishini tekshirish va formatlash

Foydalanuvchi kiritishini tekshirish mobil ilovalarda ma'lumotlarni qayta ishlashda majburiy qadamdir. Usiz ilova noto'g'ri ma'lumotlarni oladi, bu xatolar va zaifliklarga olib keladi. Mobil ilovalarda foydalanuvchi kiritishi ikkita yondashuvni talab qiladi: raqamlar va kodlar uchun oniy tekshirish (har bir belgida) va elektron pochta va parollar uchun yakuniy tekshirish. Input Mask telefon, sana va karta raqamini avtomatik formatlaydi.

iOS va Android-da Input Mask

Input Mask matn avtomatik formatlanadigan kiritish namunasini belgilaydi. Rossiya telefon raqami uchun niqob namunasi: "+7 (___) ___-__-__". iOS-da Input Mask textField(_:shouldChangeCharactersIn:replacementString:) delegati orqali tatbiq etiladi. Android-da belgi joylashuvi kuzatuvi bilan InputFilter dan foydalaning. Xalqaro raqamlar uchun Google dan libphonenumber kutubxonasidan foydalaning.

func textField(
    _ textField: UITextField,
    shouldChangeCharactersIn range: NSRange,
    replacementString string: String
) -> Bool {
    guard let text = textField.text else { return true }
    let masked = applyPhoneMask(text, mask: "+7 (***) ***-**-**")
    textField.text = masked
    return false
}

iOS va Android yondashuvlarini taqqoslash