TextInputLayout: color diferente para la etiqueta de indicación cuando no está enfocado

Tuve un problema similar: Tenía que implementar un diseño de entrada de texto en el que la etiqueta tiene diferentes colores para vacío (cuando no hay texto introducido en el texto de edición), "lleno" y estado enfocado. Mi principal problema era cómo diferenciar entre el vacío y el estado lleno ya que establecer un color diferente para el estado enfocado ya era fácil de usar selectores. Al final decidí definir un estado de "texto vacío" personalizado e implementar mi diseño de entrada de texto personalizado (que amplía el diseño de entrada de texto normal).

Aquí está un código:

En res / values ​​/ attrs.xml:

 <?xml version="1.0" encoding="utf-8"?> <resources> ... <!-- Custom state for the text input layout to determine whether the label is shown above some text or not --> <declare-styleable name="EmptyTextState"> <attr name="state_empty_text" format="boolean"/> </declare-styleable> </resources> 

El diseño de entrada de texto personalizado:

 public class EmptyStateTextInputLayout extends TextInputLayout { private boolean emptyText = true; private static final int[] EMPTY_TEXT_STATE = new int[]{R.attr.state_empty_text}; public EmptyStateTextInputLayout(Context context) { super(context); } public EmptyStateTextInputLayout(Context context, AttributeSet attrs) { super(context, attrs); } public EmptyStateTextInputLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected int[] onCreateDrawableState(int extraSpace) { int[] state = super.onCreateDrawableState(extraSpace + 1); if (emptyText) { mergeDrawableStates(state, EMPTY_TEXT_STATE); } return state; } public void setEmptyTextState(boolean emptyTextState) { this.emptyText = emptyTextState; refreshDrawableState(); } @Override public void addView(View child, int index, ViewGroup.LayoutParams params) { if (child instanceof EditText) { EditText editText = (EditText) child; if (!TextUtils.isEmpty(editText.getText())) { setEmptyTextState(false); } editText.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) { } @Override public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) { } @Override public void afterTextChanged(Editable editable) { if (!TextUtils.isEmpty(editable)) { setEmptyTextState(false); } else { setEmptyTextState(true); } } }); } super.addView(child, index, params); } } 

Selector XML para establecer el color de la etiqueta en diferentes estados (res / color / input_field_floating_label.xml):

 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:color="@color/focused_text_color" android:state_focused="true" /> <item android:color="@color/placeholder_color" app:state_empty_text="true"/> <item android:color="@color/primary_text_color"/> <!-- default color --> </selector> 

Estilo para la disposición de texto de entrada (en res / values ​​/ styles.xml):

 <style name="EditTextLayout"> ... <item name="android:textColorHint">@color/input_field_floating_label</item> </style> 

Tema y estilo para el texto de edición (todavía en res / values ​​/ styles.xml):

 <style name="EditTextTheme"> ... <item name="android:textColorHint">@color/input_field_floating_label</item> </style> <style name="EditText"> <item name="android:theme">@style/EditTextTheme</item> ... </style> 

Uso:

 <com.package.path.widget.EmptyStateTextInputLayout style="@style/DarkEditTextLayout" android:layout_height="wrap_content" android:layout_width="match_parent" ... > <EditText style="@style/EditText" android:layout_width="match_parent" android:layout_height="wrap_content" /> </com.package.path.widget.EmptyStateTextInputLayout> 

Recomiendo esta publicación de blog para tener una idea de trabajar con estados personalizados: http://code.neenbedankt.com/example-of-custom-states-in-android-components/