Set Image On Left Side Of Edittext In Android

I am having one contact form in which I would like to add some icons to my edit text for a better look. I want to create EditText something like below. I have EditText like below.

Solution 1:

Instead of using android:drawableLeft="@drawable/name_icon_edittext", create separateImageView for the name_icon. This way you have more control on placing it on the layout

Note: I am assuming your layout is RelativeLayout

Solution 2:

if you want to add some space between you text and image then use'drawablePadding' property in xml

android:drawablePadding="10dp"

here is complete example how to use in edittext in xml file

             <EditText
                android:id="@+id/edittext"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:drawableLeft="@drawable/ic_left"
                android:drawablePadding="10dp" />

Solution 3:

You can use android:drawablePadding="10dp" property in the xml file. There's no need to create separate imagview for the icon.

Solution 4:

A bit old, but for future reference maybe:

I would do a 9-patch image myself with the appearance you want, keeping the proportions and all but the icon, so you can add it yourself (and reuse the background) with drawableLeft property of EditText. That way only the middle part of the image will be stretched but the rest will stay the same.