Android edit text with custom shape

Question

How can I edit text shape like this.

I mean that right rounded corners and exact same shape. As I understood 9 patch doesn't help me with that.

Ravi · Accepted Answer · 2016-01-21T10:06:36.200

2

9 patch will be best way in your situation, create 9 patch and set it as background of your EditText.

Here i am giving you sample image, you can try with it.

editText.setBackground(R.drawable.edt_bg);

edited Jan 21 '16 at 10:06

answered Jan 21 '16 at 09:59

Ravi

34,851
21
122
183

Jackson Chengalai · Answer 2 · 2016-01-21T10:14:19.737

1

This ninepatches will help you. just apply this ninepatch images as backgroud of the editText

edited Jan 21 '16 at 10:14

answered Jan 21 '16 at 10:02

Jackson Chengalai

3,907
1
24
39

score 0 · Answer 3 · answered Jan 21 '16 at 10:12

You have to create background image for your EditText. For the other layout, you have to create layout which will look like this. Its not the exact xml but showing you the idea.

<RelativeLayout layout_width="match_parent" layout_height="50dp"> 
       <EditText layout_width="wrap_content" layout_height="wrap_content"
                 android:background="@drawable/editTextBackground" layout_alignParentLeft="true" layout_marginLeft="10dp">

       <ImageView layout_width="wrap_content" layout_height="wrap_content"
                  centerVertical="true" marginLeft="15dp"
                  android:background="@drawable/smily" />

       <ImageView layout_width="wrap_content" layout_height="wrap_content"
                  centerVertical="true" 
                  alignRight="@id/editTExt"
                  android:background="@drawable/camera" />

       <ImageView layout_width="wrap_content" layout_height="wrap_content"
                  centerVertical="true" marginLeft="15dp"
                  alignParentRight="true"
                  android:background="@drawable/mic" />


</RelativeLayout>

Hope this gives you the idea.

Android edit text with custom shape

3 Answers3