loading... IKON DI EDITTEXT LOGIN

     Kali ini saya ingin memerikan tutorial sambungan dari tutorial sebelumnya yaitu Desain Login, disini saya hanya ingin menambahkan ikon didalam EditText pada form Login biar tambah cantik form login kita.

Sebelumnya tampilan Login seperti ini.

1. Siapkan gambar ikon dalam format PNG yang akan kita masukkan di Edittext. Tidak usah terlalu besar dalam hal ini saya membuat gambar png dengan ukuran 40px X 40px saja.

     Simpan dalam Folder File didalam Project kita.

2. Dua file png ini tidak kita masukkan kedalam Form Designer ya. Tapi kita masukkan ke Asset. 

Pilih Tab File di Kanan Bawah kemudian klik Add Files, Pilih kedua File png kita.

File sudah masuk ke Asset kita.

3. Setelah itu masukkan Library JavaObject. Pada kanan bawah pilih Tab Libraries Manager. Cari JavaObject dan Centang.

4. Buat Sub baru dengan script berikut ini

Sub ikonpengguna(EditTxt As EditText)
Dim ETxt As JavaObject = EditTxt
Dim icon As BitmapDrawable
icon.Initialize(LoadBitmap(File.DirAssets,"pengguna.png"))
ETxt.RunMethod("setCompoundDrawablesWithIntrinsicBounds",Array As Object(icon,Null,Null,Null))
End Sub

Sub ikonpassword(EditTxt As EditText)
Dim ETxt As JavaObject = EditTxt
Dim icon As BitmapDrawable
icon.Initialize(LoadBitmap(File.DirAssets,"password.png"))
ETxt.RunMethod("setCompoundDrawablesWithIntrinsicBounds",Array As Object(icon,Null,Null,Null))

End Sub

5. Terakhir kita load Sub ikonpengguna dan ikonpassword kedalam Edittext kita.
     Pada Activity_Create tambah dua script ini seperti dibawah.

ikonpengguna(EditText1)

ikonpassword(EditText2)

Ketika Kita Compile Run / F5, seperti ini tampilan pada emulator.
Ikon sudah muncul pada kedua EditText Penguna dan Password.

     Demikianlah Tutorial Kali ini. Pantau terus blog ini untuk terus belajar membuat aplikasi android dengan ringan dan mudah.

Terima Kasih. AJKL.