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

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *