Change TextInputLayout focused & unfocused hint color programmatically

Viewed 7221

I wanted to change the color of hint in TEXT INPUT LAYOUT same when it is in focused or unfocused state.i have two TEXT INPUT LAYOUT fields.Both fields are same color.But it in focused state color appears but in an unfocused state the default grey color appears.i want to keep the color color of hint same in both focused and unfocused state.

   <com.example.viveka.snipeid.CustomTextInputLayout
        android:id="@+id/input_layout_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        app:errorEnabled="true"
        >
    <EditText
        android:id="@+id/editEmail"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:hint="email / snipe id"
        android:digits="abcdefghijklmnopqrstuvwxyz.@0123456789"
        android:textAllCaps="false"
        android:textSize="12sp"
        android:layout_marginLeft="-4dp"
        android:textColor="@color/lightgray"
        android:textColorHint="@color/primary"/>
    </com.example.viveka.snipeid.CustomTextInputLayout>

Expected image enter image description here what i got enter image description here

i need to change both fields as same color..

4 Answers

you can simply do that by using the material TextInputLayout and add textColorHint , hintTextColor attributes , this works perfectly

  <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
          android:textColorHint="@color/gray"
        app:hintTextColor="@color/gray"
     
       >

Create a selector_text_input_layout_hint_color.xml (for example)

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

Set in the Text Input Layout with the next attribute:

android:textColorHint="@color/selector_text_input_layout_hint_color"

Thanks to: https://medium.com/@fast3r/this-is-brilliant-martin-thank-you-very-much-6c4a43a65df4

That's all. It works for me ;)

In new material theming, the hint color is a tinted version of the colorOnSurface attribute when unfocused.

When focused it is the colorPrimary

Related