首页 > 解决方案 > Androidx Material TextInput 颜色不会改变

问题描述

我正在尝试在我的应用程序中创建一个com.google.android.material.textfield.TextInputLayoutaka TextInputLayout,并根据字段中文本的存在使提示文本更改其颜色。现在这个元素的代码如下所示:

 <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/sign_up_email_text_input"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:hint="@string/sign_up_email_hint"
            app:errorEnabled="true"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintVertical_bias="0.57"
            app:layout_constraintWidth_percent="0.78"
            android:textColorHighlight="#FF00FF"
            android:textColorHint="#00FF00"
            style="@style/TextInputLayout"
    >

        <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/sign_up_email_edit_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:inputType="textEmailAddress"
        />
    </com.google.android.material.textfield.TextInputLayout>

我正在应用一种风格

<style name="TextInputLayout" parent="ThemeOverlay.MaterialComponents.TextInputEditText.OutlinedBox">
    <item name="android:textColorHint">#FFFFFF</item>
    <item name="android:textColor">#FFFF00</item>
    <item name="colorAccent">#FF00FF</item>
    <item name="colorControlNormal">#FF0000</item>
    <item name="colorControlActivated">#00FF00</item>
    <item name="colorControlHighlight">#0000FF</item>
</style>

但这种风格只适用于不活动的提示颜色,并且它对android:textColorHint提示的两种状态应用相同的颜色 ( ) - 当它填充 textField 和跳转到一个角落时。当 TextInput 获得焦点时,标签将颜色更改为colorAccent来自主题的颜色,而不是来自我应用的样式

我的问题是 - 如何仅使用 XML 使提示标签根据文本的存在(而不是 TextInput 是否聚焦)改变颜色?我以前(在支持库上)看到过人们这样做的例子,但我自己无法达到这样的结果。

标签: androidmaterial-designandroidx

解决方案


迁移到 AndroidX 时面临同样的问题。
更改父主题

<style name="TextInputLayout" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <item name="android:textColorHint">#FFFFFF</item>
    <item name="android:textColor">#FFFF00</item>
    <item name="colorAccent">#FF00FF</item>
    <item name="colorControlNormal">#FF0000</item>
    <item name="colorControlActivated">#00FF00</item>
    <item name="colorControlHighlight">#0000FF</item>
</style>

推荐阅读