XEditText : Library EditText Android yang Multifitur (Clear Teks, Show/Hide Password)
EditText bawaan android adalah textfield form yang sangat sederhana. Adakalanya kita perlu menambahkan fitur pada edittext tersebut. XEditText merupakan library yang layaknya editext biasa namun sudah dilengkapi banyak fitur. Fitur tersebut yang jika di develop terpisah membutuhkan waktu yang tidak sedikit. Salah satunya membentuk pattern isian
Beberapa fitur bawaan XeditText adalah :
- Clear teks atau reset isi dari edit text dengan sekali klik berupa tanda silang pada ujung sebelah kanan
- Show/hide isi password field
- Membentuk pattern isian dari text berupa separator dan pattern
Setup
Tambahkan pada gradle anda :
dependencies{
//e.g. 'com.xw.repo:xedittext:2.1.0@aar'
compile 'com.xw.repo:xedittext:${LATEST_VERSION}@aar'
}
Implementasi
Untuk implementasinya pun sangat sederhana
1. Secara default XeditText sudah langsung otomatis ada fitur clear text
<com.xw.repo.XEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="clear drawable"/>2. Jika ingin mendisable, maka layaknya editext biasa
<com.xw.repo.XEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="default, just likes EditText"
app:x_disableClear="true"/>3. Jika anda mendefinisikan tipe input adalah password, maka secara otomatis juga ada fitur show/hide password
<com.xw.repo.XEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="default password input"
android:inputType="textPassword"/>4. Untuk mengubah default icon juga bisa
<com.xw.repo.XEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="pwd input, custom drawables"
android:inputType="textPassword" <!-- don't set gravity to center, center_horizontal, right or end, otherwise the ClearDrawable will not appear. -->
app:x_clearDrawable="@mipmap/ic_clear" <!--support vector drawable-->
app:x_hidePwdDrawable="@mipmap/ic_hide" <!--support vector drawable-->
app:x_showPwdDrawable="@mipmap/ic_show"/> <!--support vector drawable-->5. Untuk pattern juga bisa dilakukan
<com.xw.repo.XEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="the pattern to separate the content"
app:x_pattern="3,4,4"
app:x_separator=" "/>Sangat memudahkan. Untuk lebih jelas library tersebut ada di https://github.com/woxingxiao/XEditText
Bacaan terkait
Cara Install Composer di Windows Dengan Mudah
Composer adalah dependency manager yang sangat populer untuk pengembangan aplikasi berbasis PHP. Di artikel ini, Anda akan belajar cara menginstal Composer di Window...
10 Tips dan Trik Composer yang Wajib Diketahui Developer PHP
Composer adalah dependency manager yang sangat penting bagi developer PHP. Meskipun terlihat sederhana, ada banyak fitur dan trik yang sering terlewatkan. Berikut ad...
Install Golang di Mac
Berikut adalah panduan untuk menginstal Go (Golang) di macOS: 1. Mengunduh dan Menginstal Go Anda dapat menginstal Go menggunakan beberapa metode, termasuk Homebrew...
Komentar (0)
Belum ada komentar. Jadilah yang pertama.
Tulis komentar
Komentar akan dimoderasi sebelum tampil.