TextInputLayout - Change floating label hint color if EditText is not empty and not focused

Question

Res state - hint color black, good

Focused state, empty - hint color gray, good

Focused state, not empty - hint color gray, good

Res state, not empty - hint color black, not good, should be gray

How to change hint color if editText is not empty and not focused?

This is my current code:

<android.support.design.widget.TextInputLayout
    android:id="@+id/email"
    style="@style/AuthInput"
    android:layout_marginTop="32dp"
    android:hint="@string/hint_email"
    android:inputType="textEmailAddress"
    android:theme="@style/AuthInput"
    app:hintTextAppearance="@style/TextAppearance.App.TextInputLayout">

    <EditText
        android:id="@+id/edit_email"
        style="@style/AuthEditText"
        android:inputType="textEmailAddress" />
</android.support.design.widget.TextInputLayout>

and styles:

<style name="AuthInput">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:textColorHint">@color/black</item>
    <item name="android:paddingLeft">0dp</item>
</style>

<style name="TextAppearance.App.TextInputLayout" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/inputHintActive</item>
</style>

http://stackoverflow.com/questions/30824009/change-edittext-hint-color-when-using-textinputlayout — Quick learner, May 17 '17 at 09:03
@quicklearner sorry, but I didn't find there correct answer for me. — RexHunt, May 17 '17 at 09:10
Hello @RexHunt! I'm facing the same problem as you. I'd like to know if you have found a solution to this problem. — Marlon, Sep 11 '17 at 12:06
Hello @RexHunt, Please share if you have found a solution to this problem. — Omer, Jul 25 '20 at 15:13
@Omer it was so long ago, we just set hint color to always be gray, as we didn't find a way for that. — RexHunt, Jul 27 '20 at 09:48

score 1 · Answer 1 · answered May 17 '17 at 09:36

1

Try below code:

<style name="TextAppearence.App.TextInputLayout" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/black</item>
    <item name="colorControlNormal">@color/transparant</item>
    <item name="colorControlHighlight">@color/black</item>
    <item name="colorControlActivated">@color/transparant</item>
    <item name="android:textColorHint">@color/black</item> // set grey color for hint
</style>

answered May 17 '17 at 09:36

Bhavnik

2,020
14
21

hint color always black – RexHunt May 17 '17 at 11:29
Sorry, I didn't get you, what are you asking for ? – Bhavnik May 17 '17 at 11:31
I need hint color black only when editText is empty and not focused, otherwise gray color. – RexHunt May 17 '17 at 11:50
"android:textColorHint" stands for hint's disabled color, which was what i needed. Thanks! – Kirill Starostin Jul 03 '19 at 13:15

score 0 · Answer 2 · answered May 17 '17 at 09:18

0

You can change the hint color by

editText.setHintTextColor(getResources().getColor(R.color.white));

and if you want to clear the focus of your edit text then use

editText.clearFocus();

answered May 17 '17 at 09:18

Mohsin Fareed

11
2

I think your suggestion is for editText hint, but I need for floating hint and if it's possible, not programmatically – RexHunt May 17 '17 at 11:53

MilapTank · Answer 3 · 2017-05-17T13:34:41.710

0

Change your TextInputLayout style

Your TextInputLayout

<android.support.design.widget.TextInputLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:theme="@style/TextLabel">

    <android.support.v7.widget.AppCompatEditText
        android:id="@+id/edit_id"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="hintText"/>

</android.support.design.widget.TextInputLayout>

Your TextInputLayout style chnage color according to your test

<style name="TextLabel" parent="TextAppearance.AppCompat">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/colorBlack</item>

    <!-- Label color in TRUE state and bar color FALSE and TRUE State -->
    <item name="colorAccent">@color/colorPrimary</item>
    <item name="colorControlNormal">@color/colorPrimaryDark</item>
    <item name="colorControlActivated">@color/colorGray</item>
</style>

edited May 17 '17 at 13:34

answered May 17 '17 at 09:27

MilapTank

9,988
7
38
53

sorry, but it's not help me – RexHunt May 17 '17 at 11:51
i have tested and then posted this answer still whats problem you have faced ? – MilapTank May 17 '17 at 13:10
in your example, hint color always same, but I need hint color black only when editText is empty and not focused, otherwise gray color. – RexHunt May 17 '17 at 13:16
change color in this line @color/colorBlack – MilapTank May 17 '17 at 13:33
and also change in this line @color/colorGray – MilapTank May 17 '17 at 13:34
I've tried it, this way color will be black on res state. – RexHunt May 17 '17 at 13:55
Please take a look at the images, I've shown all states there. – RexHunt May 17 '17 at 13:56
you can you both property i have double check but some how it not work for you – MilapTank May 31 '17 at 06:21
I'll try your solution in the fresh project and let you know. – RexHunt May 31 '17 at 06:40
I've checked and when we leave input with text, hint color stays black, but I need so it should be gray. Please take a look at the images again and notes for them. For the last image I've said "Res state, not empty - hint color black, not good, **should be gray**". If we change hint color in the styles, it will be changed for other states. – RexHunt May 31 '17 at 07:16

TextInputLayout - Change floating label hint color if EditText is not empty and not focused

3 Answers3