How to display the line regardless of the focused state in a TextInputEditText?

Question

What is happening: When i click on inputName line is appearing on it

What I am trying: To display the line regardless focus is there or not

Code:

<android.support.design.widget.TextInputEditText
            android:id="@+id/inputName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="16sp"
            android:singleLine="true"
            android:textColor="@color/warm_grey"
            android:hint="Enter Mobile Number"
            android:layout_weight="1"/>

Image:

I just want to have two colours for focused and unfocused states

`inputName line is appearing on it` Which line can share any screenshot for the same — AskNilesh, Jan 04 '19 at 09:54
@NileshRathod .... Line appearing is when the `TextInputEditText` gets focus... I posted the image — Devrath, Jan 04 '19 at 09:58
you can `requestFocus()` for *inputName* in `onCreate` method. — Rumit Patel, Jan 04 '19 at 10:03
You probably should use a Custom selector drawable .Cause I am not sure if its possible with `Theme` only . — ADM, Jan 04 '19 at 10:34

AskNilesh · Answer 1 · 2019-01-04T10:35:31.313

You need to use StateListDrawable for this

A StateListDrawable is a drawable object defined in XML that uses a several different images to represent the same graphic, depending on the state of the object.

SAMPLE CODE

Layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Hint Text">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/edt_bg"
            android:visibility="visible" />

    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Hint Text">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/edt_bg"
            android:visibility="visible" />

    </com.google.android.material.textfield.TextInputLayout>

</LinearLayout>

@drawable/edt_bg

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/edt_bg_selected" android:state_focused="true" />
    <item android:drawable="@drawable/edt_bg_normal" android:state_focused="false" />
</selector>

@drawable/edt_bg_selected

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="1dp"
        android:left="-3dp"
        android:right="-3dp"
        android:top="-3dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="#0fe4e4" />

            <solid android:color="#00ffffff" />

        </shape>
    </item>
</layer-list>

@drawable/edt_bg_normal

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="1dp"
        android:left="-3dp"
        android:right="-3dp"
        android:top="-3dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="#000" />

            <solid android:color="#00ffffff" />

        </shape>
    </item>
</layer-list>

OUTPUT

NOTE

Use android:width="2dp" and android:color="#000" as per your requirement to set Thickness width and color of line in your TextInputEditText

@Devrath welcome happy to help u you need to accept this answer because using above code you can able to Change both the color of LIne and Thickness of Line — AskNilesh, Jan 04 '19 at 10:42

score 0 · Answer 2 · answered Mar 15 '21 at 13:41

This little function may help you

fun hintRemover(textInputLayout: TextInputLayout, textInputEditText: TextInputEditText, text: String) {
    textInputEditText.setOnFocusChangeListener { _, hasFocus ->
        if (hasFocus) {
            textInputLayout.hint = null
        }
        else {
            textInputLayout.hint = text
        }
    }
}

sushildlh · Accepted Answer · 2019-01-04T10:51:51.003

-2

Try this properties in your AppTheme or just create AnotherTheme and use in your EditText.

<item name="colorControlNormal">Color code for default</item>
<item name="colorControlActivated">Color code for focused one</item>
<item name="colorControlHighlight">Color code for focused one</item>

Possibly Duplicate Changing EditText bottom line color with appcompat v7

Note:- If you are using the AppCompat v22 support library, you can specify the theme in the EditText like: android:theme="@style/Theme.App.Base. This will ensure the style won't also affect other views in your layouts that you don't want to change.

edited Jan 04 '19 at 10:51

answered Jan 04 '19 at 10:25

sushildlh

8,986
4
33
77

2

This will only Change the color of LIne . Not the Thickness of Line . I think the question is about using same State drawable for Focused and Non Focused state . – ADM Jan 04 '19 at 10:31
@ADM Where Op mentioned about the Thickness? – sushildlh Jan 04 '19 at 10:32
2

Focused state is about Thickness and color both . this will only change color . which is already same . – ADM Jan 04 '19 at 10:35
Ok i see . Thanks for clarification. – sushildlh Jan 04 '19 at 10:42
@SushilKumar if you think the question is duplicate don't answer it instead use `VTC` as duplicate – Goku Jan 04 '19 at 10:43
@Goku how i delete this question ? – sushildlh Jan 04 '19 at 10:46
@SushilKumar AFAK you can't because its accepted answer so you can't delete is – Goku Jan 04 '19 at 10:47
@Goku You mean to close question by marking as duplicate ? – sushildlh Jan 04 '19 at 10:47

How to display the line regardless of the focused state in a TextInputEditText?

3 Answers3