Блог

Как установить цвет текста плавающей метки edittext, когда он не находится в фокусе, отличный от цвета подсказки edittext?

Изначально я установил цвет подсказки как серый.Когда пользователь фокусируется на edittext, он меняется на красный.Проблема заключается в том, что фокус edittext удаляется после ввода некоторого текста, после чего цвет текста плавающей метки edittext меняется на серый.Я хочу, чтобы он оставался только красным.Серый цвет должен быть цветом подсказки только тогда, когда в edittext не записан текст, а цвет плавающей метки всегда должен быть красным, даже если edittext не находится в фокусе.

Ниже приведен код, который я использую-

 <android.support.design.widget.TextInputLayout
                        android:id="@ id/amountLayout"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        app:hintTextAppearance="@style/TextAppearance.App.TextInputLayout"
                        android:paddingTop="@dimen/dp1">

                        <android.support.design.widget.TextInputEditText
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:hint="@string/amount"
                            android:textColor="@color/red"
                            android:inputType="number"/>

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

<style name="TextAppearance.App.TextInputLayout" parent="@android:style/TextAppearance">
        <item name="android:textColor">@color/red</item>
        <item name="android:textSize">@dimen/sp8</item>
    </style>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
     <item name="colorControlNormal">@color/red</item>
        <item name="colorControlActivated">@color/red</item>
        <item name="colorControlHighlight">@color/red</item>
     <item name="android:textColorHint">@color/grey</item>
</style>
 

У меня тоже есть эта проблема, но я решил ее, это мое решение, которое может вам помочь.

Добавьте ниже только в свой TextInputLayout, а не в TextInputEditText.

 android:textColorHint="@color/yourLabelColorWhenNotFocus"
 

Если вы установите этот атрибут как в TextInputEditText, так и в TextInputLayout или просто в TextInputEditText, он не будет работать должным образом.

Я не смог найти способ сделать это, и, прочитав источник TextInputLayout , оказалось, что это невозможно программно, потому что нет способа изменить закрытый элемент mDefaultTextColor , на который TextInputLayout изменяет цвет подсказки, когда представление не сфокусировано. Единственный способ установить это — с помощью xml:

 android:textColorHint="@color/red"
 

чего, очевидно, недостаточно, потому что мы хотим иметь возможность устанавливать это динамически.

Итак, я написал для него средства доступа с помощью пары функций расширения. 😎

 /**
 * We need these accessors because this field is private and programmatically unstyleable,
 * and we want to change the default (both focused and unfocused) hint text color.
 *
 * This is made safe by simply defaulting to null at any point there could be a problem.
 */
private fun TextInputLayout.getDefaultTextColor(): ColorStateList? {
    javaClass.getDeclaredField("mDefaultTextColor").let { field ->
        field.isAccessible = true
        return field.get(this) as? ColorStateList?
    }
}

private fun TextInputLayout.setDefaultTextColor(color: ColorStateList) {
    javaClass.getDeclaredField("mDefaultTextColor").let { field ->
        field.isAccessible = true
        field.set(this, color)
    }
}
 

Использование:

 //Get the original color
normalTextColor = text_input_layout.getDefaultTextColor()

//Change the color to another color
text_input_layout.setDefaultTextColor(ContextCompat.getColorStateList(context, R.color.red))
text_input_layout.setHintTextAppearance(R.style.TextAppearance_Error)

//Change the color back to the default 
//(the TextInputLayout likes to use the inner TextInputEditText's hint color state list as a fallback, so we will too)
text_input_layout.setDefaultTextColor(normalTextColor ?: inner_text.hintTextColors)
text_input_layout.setHintTextAppearance(R.style.TextAppearance_Design_Hint)
 

Вы заметите, что приведенное выше ссылается на TextAppearance_Error стиль, его определение просто:

 <style name="TextAppearance.Error" parent="TextAppearance.Design.Hint">
    <item name="android:textColor">@color/red</item>
</style>
 

вы можете изменить цвет плавающей подсказки, просто вставив этот атрибут в EditText

 android:textColorHighlight="@android:color/white"
 

или, если вы хотите изменить цвет в EditText (не плавающий), вы можете добавить это в свою тему

  <item name="android:textColorHint">@android:color/white</item>