Tutorial Mengubah Style EditText Android Dari ICS Style ke Old Style
Perubahan versi android ke versi 4.0 atau ICS (Icescream Sandwich) membawa banyak perubahan. Salah satunya adalah theme bawaan (default) pada aplikasi. Ketika di android di versi lawas, editText yang digunakan berupa kotak putih konvensional, sedangkan di versi 4.0 menggunakan editText yang hanya memiliki garis bawah (bukan berupa kotak). Memang kelihatan lebih modern, namun ada juga yang mengganggap bahwa editText pada versi ICS kurang user friendly dibandingkan editText yang konvensional tersebut.
Jadi, misal kita sudah nyaman dengan theme versi ICS, namun ingin mengganti hanya pada editText menjadi editText versi lawas.
Sebenarnya pada setiap android sdk, sudah menyertakan kumpulan file xml yang bisa kita lihat untuk dijadikan referensi. Begitu juga untuk editText. Periksalah pada direktori android sdk versi lawas anda pada path disini :
<android_sdk>platformsandroid-x.xdataresdrawable</android_sdk>Buka file edit_text.xml, isinya :
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/textfield_default"></item>
<item android:state_window_focused="false" android:state_enabled="false" android:drawable="@drawable/textfield_disabled"></item>
<item android:state_pressed="true" android:drawable="@drawable/textfield_pressed"></item>
<item android:state_enabled="true" android:state_focused="true" android:drawable="@drawable/textfield_selected"></item>
<item android:state_enabled="true" android:drawable="@drawable/textfield_default"></item>
<item android:state_focused="true" android:drawable="@drawable/textfield_disabled_selected"></item>
<item android:drawable="@drawable/textfield_disabled"></item>
</selector>File tersebut akan kita gunakan. Simpan ke dalam direktori drawable project anda.
Selanjutnya kita memerlukan file image sebagai background editText. File image tersebut pun dapat kita ambil pada direktori:
drawable-mdpi
nama filenya adalah:
textfield_default.9.png
textfield_disabled.9.png
textfield_disabled_selected.9.png
textfield_pressed.9.png
textfield_search_default.9.png
textfield_search_selected.9.png
textfield_search_pressed.9.png
textfield_selected.9.png
textfield_disabled_selected.9.png
copy juga ke dalam direktori drawable-mdpi anda.
Selanjutnya anda cukup memanggil file edit_text.xml tadi ke dalam layout editText anda, misal :
<edittext android:id="@+id/edit2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:inputType="text"
android:background="@drawable/edit_text"></edittext>selesai :)
Bacaan terkait
Membuat dan Print Dokumen di Flutter
Dalam aplikasi adakalanya kita memerlukan agar aplikasi menghasilkan dokumen atau dokumen tersebut untuk bisa di print. Di flutter hal tersebut dapat dilakukan denga...
Mendapatkan String App Hash untuk SMS Retriever Android
Implementasi verifikasi menggunakan OTP pada aplikasi sering digunakan. Sebelumnya android memiliki permission (SMS_RECEIVE and SMS_READ) untuk membaca SMS agar memu...
flutter_stetho : Debug Flutter (Network) Menggunakan Chrome Dev Tools
Ada kalanya ketika melakukan development aplikasi mobile, kita perlu melakukan debugging terkait network layaknya inspect web pada browser chrome. Di flutter hal ter...
Komentar (0)
Belum ada komentar. Jadilah yang pertama.
Tulis komentar
Komentar akan dimoderasi sebelum tampil.