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 :
1 2 3 4 | 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
1 2 3 4 | <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
1 2 3 4 5 | <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
1 2 3 4 5 | <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
1 2 3 4 5 6 7 8 | <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
1 2 3 4 5 6 | <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