Change TextInputLayout hint color programmatically

Question

I am trying to change change TextInputLayout hint color programmatically. While settings

 android:textColorHint="@color/redColor"

in xml works just fine and I get this: and while editing and that's what I want, but I need to set it dynamically

Now I TextInputLayout doesn't have setHintTextColor method but TextInputEditText does so I tried doing it like this:

editext.setHintTextColor(getColor(R.color.redColor))

But this doesn't work with editext which is child of TextInputLayout so even though TextInputLayout does support "android:textColorHint" attribute it doesn't support the "setHintTextColor" method I looked for ways to do it differently and I found people suggesting using "setHintTextAppearance" with predefined style, and that what I did, but it gives following result:

normal state: focused state:

Here's what style looks like

<style name="AppRedText" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/redColor</item>
    <item name="android:textColorHint">@color/redColor</item>
    <item name="android:textSize">12sp</item>
</style>

How can I achieve "android:textColorHint" attribute behaviour programmatically?

Inherit TextInputLayout and add another method to change hint color programatically — Ganesh Tikone, May 24 '18 at 09:43
You have to check this : https://stackoverflow.com/a/30914037/6238866 — Mayur Patel, May 24 '18 at 09:46
@Ganesh Tikon can you elaborate what what needs to be done in that method? — antanas_sepikas, May 24 '18 at 10:28
@Mayur Patel this post doesn't explain how to do it programmatically — antanas_sepikas, May 24 '18 at 10:28
Please read this once. https://stackoverflow.com/a/53257526/1164529 — Harpreet, Nov 12 '18 at 07:30

Sergey Rusak · Answer 1 · 2019-07-24T13:48:53.480

21

I have been looking for a solution for a long time. But finally found it! It turned out too easy)

Kotlin version:

private fun setTextInputLayoutHintColor(textInputLayout: TextInputLayout, context: Context, @ColorRes colorIdRes: Int) {
    textInputLayout.defaultHintTextColor = ColorStateList.valueOf(ContextCompat.getColor(context, colorIdRes))
}

and finally:

setTextInputLayoutHintColor(textInputLayout, context, R.color.errorColor)

edited Jul 24 '19 at 13:48

answered Jul 24 '19 at 13:43

Sergey Rusak

211
3
7

2

This was the solution I was looking for! – Trevor Mar 02 '20 at 19:26
Should be accepted! Spent a lot of time to find this! – Eugene Voronoy Dec 18 '20 at 22:11
you have to look and search a lot in android for very small issues. Pathetic Android SDK and development – Muhammad Irfan Aug 17 '21 at 12:20

TheHound.developer · Answer 2 · 2018-05-24T10:06:59.190

0

Please check the below link. Hope it may help you to give some idea.

[Change TextInputLayout accent color programmatically

edited May 24 '18 at 10:06

answered May 24 '18 at 09:49

TheHound.developer

396
1
3
16

I mentioned in the question that setHintTextAppearance doesn't work as expected – antanas_sepikas May 24 '18 at 10:03
Sorry. My mistake. Please check the other link. – TheHound.developer May 24 '18 at 10:07
I also mentioned that setHintTextColor doesn't work when EditText is child of TextInputLayout, which is suggested by the first answer in that post. As far as second answer goes it looks really scary using reflections for such a a thing. I Don't think that it's intended to be this way. What happens if "mDefaultTextColor" is renamed in the future? it's a private field and should not be accessed from outside the class – antanas_sepikas May 24 '18 at 10:12

Mayur Patel · Answer 3 · 2018-05-24T11:04:21.107

I have found solution for this change TextInputLayout hint text color.

you can use like :

setUpperHintColor(ContextCompat.getColor(context,R.color.your_color_name));

private void setUpperHintColor(int color) {
        try {
            Field field = textInputLayout.getClass().getDeclaredField("mFocusedTextColor");
            field.setAccessible(true);
            int[][] states = new int[][]{
                    new int[]{}
            };
            int[] colors = new int[]{
                    color
            };
            ColorStateList myList = new ColorStateList(states, colors);
            field.set(textInputLayout, myList);

            Method method = textInputLayout.getClass().getDeclaredMethod("updateLabelState", boolean.class);
            method.setAccessible(true);
            method.invoke(textInputLayout, true);

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

And you need to set the backgroundTintList (or supportBackgroundTintList) on the EditText to an instance of ColorStateList containing only the color you wish to change the tint to. An easy way to do this in a backwards-compatible way looks like this:

ColorStateList colorStateList = ColorStateList.valueOf(ContextCompat.getColor(context,R.color.your_color_name))
editText.setSupportBackgroundTintList(colorStateList)

This will give the EditText the desired underline color.

Change TextInputLayout hint color programmatically

3 Answers3