将TextInputLayout浮动提示颜色设置为轮廓颜色

Question

我正在使用MaterialComponents大纲TextInputLayout。我需要在提示文本上设置不同的颜色：

• “Main”提示（当TextInput中没有文本时）-->带有60%alpha的黑色
• 浮动提示-->与轮廓相同的颜色（即非活动时为colorPrimary，活动时为colorAccent)

我正在使用Android：TextColorHint设置主提示颜色，App：HintTextColor设置浮动提示颜色。唉，最后一个属性似乎只有在TextInputLayout处于活动状态时才起作用。如果它是不活动的，浮动提示采用Android：TextColorHint颜色。

我的当前配置

layout.xml

<com.google.android.material.textfield.TextInputLayout
android:id="@+id/td_descriptionH_editText"
style="@style/Widget.App.TextInputLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:hint="@string/td_description">

<com.google.android.material.textfield.TextInputEditText
    android:id="@+id/td_description_editText"
    style="@style/Widget.App.TextInput"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

styles.xml

<style name="Widget.App.TextInputLayout" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="android:textColorHint">@color/black_inactive</item>
    <item name="hintTextColor">?attr/drawableEditTextOutline</item>
    <item name="boxStrokeColor">?attr/drawableEditTextOutline</item>
</style>

DrawableEditTextOutline.xml

<selector>
    <item android:color="@color/colorPrimary" android:state_focused="true"/>
    <item android:color="@color/colorAccent"/>
</selector>

TextInputLayout活动正常（浮动提示与轮廓颜色相同）

TextInputLayout不活动且没有文本正常

TextInputLayout不活动，文本为KO-->浮动提示与大纲的颜色不相同

我怎样才能做到这一点呢？

Answer 1

您可以使用以下内容：

<style name="CustomOutlineBox" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="boxStrokeColor">@color/text_input_layout_stroke_color</item>
    <item name="android:textColorHint">@color/text_color_hint</item>
    <item name="hintTextColor">@color/green</item>
</style>

使用@color/text_color_hint选择器：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:alpha="..." android:color="@color/red" android:state_enabled="false"/>
    <item android:alpha="..." android:color="@color/blue"/>
</selector>

和@color/text_input_layout_stroke_color选择器:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:alpha="..." android:color="@color/green" android:state_focused="true"/>
    <item android:alpha="..." android:color="@color/green" android:state_hovered="true"/>
    <item android:alpha="..." android:color="@color/red" android:state_enabled="false"/>
    <item android:alpha="..." android:color="@color/blue"/>  <!-- unfocused -->
</selector>

Answer 2

TextInputLayout必须包含textColorHint属性才能获得所需的结果

                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/txt_email"
                android:padding="5dp"
                android:textColorHint="@color/white"
                app:hintTextColor="@color/white">