Text Input

‍

Kuika'nın Text Input elementi, uygulamanızda kullanıcıların metin girişi yapmalarını sağlar. Text Input elementi, kullanıcıların girdiği verilerin doğruluğunu sağlamak amacıyla çeşitli doğrulama ve formatlama özellikleriyle birlikte kullanılabilir. Kullanıcılar, bu alana metin girmediklerinde belirli bir yer tutucu metni görebilir ve girişi temizlemek için sağ kenardaki "Sil" ikonunu kullanabilirler. Bu eğitim içeriğinde, Text Input elementini nasıl kullanacağınızı ve metin girişine dair özellikleri nasıl yapılandıracağınızı öğreneceksiniz.

Text Input elementi, web ve mobil uygulamaları desteklemektedir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:

Text Input elementi ekleme,
Text Input elementi özellikleri,
Text Input elementinde maskeleme,
Authorization (Yetkilendirme),
Visibility (Görünürlük),
Editability (Düzenlenebilirlik),
Style Panel ile arayüz tasarımını özelleştirme,
Actions (Aksiyonlar).

Properties panelinde bulunan:

Value: Kullanıcı tarafından girilen veya başlangıçta atanmış olan metni temsil eder.
Placeholder: Kullanıcı metin girmeden önce görünecek bilgilendirici bir metni belirtir. Kullanıcıların hangi tür bilginin girilmesi gerektiğini anlamalarına yardımcı olur. Örneğin, "Adınızı girin" gibi bir yer tutucu ekleyerek, kullanıcıyı yönlendirebilirsiniz.
Max Length: Kullanıcıların metin alanına girebileceği maksimum karakter sayısını sınırlar. Örneğin, bir kullanıcı adı alanı için 30 karakter sınırı koymak istiyorsanız bu özelliği kullanabilirsiniz.
Allow Clear: Kullanıcıların metin alanında yaptıkları girişi hızlı bir şekilde temizlemelerini sağlamak amacıyla bir Delete (X) ikonunun elementin sağ kenarında görünmesini sağlar.
Mask: Kullanıcının girdiği metnin belirli bir formatta (örneğin, tarih veya telefon numarası) görünmesini sağlar. Örneğin, tarih girişi için "##/##/####" gibi bir maskeleme belirleyerek, kullanıcıların doğru biçimde veri girmesini teşvik edebilirsiniz.
Formatter: Uygulama geliştirme sürecinde Formatter (biçimleyici), verilerin belirli bir formata veya düzenlemeye getirilmesini sağlayan bir özelliktir. Formatter'lar, genellikle metin, sayılar, tarih ve saat gibi veri türlerini düzenlemek için kullanılır ve belirli bir görünüm veya format elde etmek amacıyla yapılandırılır.Bu açılır pencerede, kullanıcıların metin girişlerinin biçimlendirilmesini sağlayan çeşitli seçenekler bulunur:some text
- Lowercase: Text Input içerisindeki harflerin küçük harflerle yazılmasını sağlar.
- Uppercase: Text Input içerisindeki harflerin büyük harflerle yazılmasını sağlar.
Input Mode: Uygun klavye düzenini belirler ve all tüm karakterlere, char harf ve sembollerle karakterlere, number ise sayılara yönelik klavye açar.
Allowed Chars: Kullanıcıların girmesine izin verilen belirli karakter setini tanımlar. Örneğin, bir telefon numarası alanında sadece rakamlar ve belirli özel karakterler (örneğin, "-", "(", ")") kullanılabilir.
Auto Complete: Text Input elementine bir metin girişi sağlarken otomatik olarak gösterilen öneri listesidir. Yazılan metne uygun öneriler oluşturur ve bir açılır liste olarak gösterir. Öneriler genellikle yazdığınız metinle eşleşen kelimeler veya ifadelerden oluşur. (Örneğin, bir şehir adı araması yapıyorsanız ve “İ” yazdığınızda “İzmir”, “İstanbul” gibi şehir adlarını görebilirsiniz.)