Android: Custom EditText layout with XML

Question

I am trying to customize the look of an EditText but I am failing to do so... I would like to have the textfield in rounded borders with a graphic icon to the left (so the icon would be inside the borders too, next to the edittext). Could somebody please explain me how I could achieve this? Do I need to draw the border as a shape or is there some property for this? Thanks a lot!

Solution 1

Try like this

                <EditText
                    android:id="@+id/rLastName"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/editbox"
                    android:hint="@string/lname"
                    android:padding="5dip"
                    android:singleLine="true"
                    android:textColor="#999999"
                     android:textSize="14dip"                          
                    android:drawableLeft="@drawable/ic_launcher" /> 

Drawable left the icon will be set in left side

You can try this link for rounded corners link

Solution 2

How to create EditText with rounded corners?
And
http://alinberce.wordpress.com/2012/02/20/android-edittext-with-custom-font-and-clear-button/

Comments

[Fygo]

Thanks a lot, works perfect! So if I understand it correctly, once I assign the 'background' property it also removes the blue line under the EditText from the theme?

[Fygo]

Thanks for this, even if I wanted to accomplish this purely by XML, it was an interesting example!