How to have EditText with border in Android Lollipop

Question

I am developing an Android app  I need to know how we can have a EditText with border  In Lolipop they have completely changed the EditText style  Can we do it without using drawables

User · Answer

A quick and dirty solution I have used is to place the EditText inside of a FrameLayout. The margins of the EditText control the thickness of the border and the border color is determined by the background color of the FrameLayout.

Example:

<FrameLayout
    android:id="@+id/frameLayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#000000">

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="3dp"
        android:background="@android:color/white"
        android:ems="10"
        android:inputType="text"
        android:textSize="24sp" />
</FrameLayout>

But I would recommend, and the vast majority of the time I do, drawables for borders. Elite's answer is what I would go for in that case.

User · Answer

You can use a drawable  Create a drawable layout file in your drawable folder  Paste this code  You can as well modify it - border xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  gt   lt stroke     android width  1dp      android color   color divider    gt   lt solid     android color   00FFFFFF      android paddingLeft  10dp      android paddingTop  10dp   gt   lt padding     android left  10dp      android top  10dp      android right  10dp      android bottom  10dp    gt   lt  shape gt    in your EditText view  add   android background   drawable border

User · Answer

Write editTextBackground xml in drawable folder in resources   lt shape xmlns android  http   schemas android com apk res android  gt       lt stroke         android width  1dp          android color   color borderColor    gt   lt  shape gt    don t forget to declare color in resources named borderColor   and assign this background to the EditText in xml background attribute   lt EditText     android id    id text      android background   drawable editTextBackground        gt    and it ll set border to EditText   UPDATE  You can change border of edit text without drawable by using style attribute  style   style Widget AppCompat EditText    for more details visit customize edit text

User · Answer

For correct work your shape should be with selector and item tags   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt        lt item gt           lt shape android shape  rectangle  gt               lt solid android color   ffffff    gt               lt stroke android width  1dp                      android color   color shape border active   gt           lt  shape gt       lt  item gt    lt  selector gt

User · Answer

You can do it using xml   Create an xml layout and name it like my edit text border xml    lt  xml version  1 0  encoding  utf-8   gt    lt selector xmlns android  http   schemas android com apk res android      android layout height  wrap content      android layout width  wrap content  gt       lt item gt           lt shape android shape  rectangle  gt               lt solid android color   ffffff   gt               lt corners android radius  5dp    gt               lt stroke                 android width  2dp                  android color   949494                    gt           lt  shape gt       lt  item gt   lt  selector gt    Add background to your Edittext   lt EditText  android id    id editText1       android background   layout my edit text border  gt

[android] How to have EditText with border in Android Lollipop

Examples related to android

Examples related to android-layout