Search code examples
androiddrawableandroid-edittext

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.

enter image description here

I have EditText like below. And I got the result something like. I want the image to be absolutely on the left side as it is in the above image. I know that internally EditText is using Nine Patch image and i think that is why the result is some what different. Can anyone know how to resolve this?

enter image description here

<EditText
            android:id="@+id/name"
            android:layout_width="fill_parent"
            android:layout_height="51dip"
            android:hint="@string/name"
            android:inputType="text"
            android:drawableLeft="@drawable/name_icon_edittext" />

Solution

  • 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