如何自定义 Google TextInputLayout 浮动标签颜色？

自定义 Google TextInputLayout 浮动标签颜色指南

简介

在使用 Google 提供的 TextInputLayout 组件时，更改浮动标签文本颜色是一个常见的任务。本文将探讨这个问题并提供有效的解决方法。

问题概述

使用 style 设置 colorControlNormal、colorControlActivated 和 colorControlHighLight 等属性无效。

解决方法

要更改浮动标签颜色，需要通过 styles 设置 textColorHint 属性：

<style name="TextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <item name="android:textColorHint">#FF0000</item>
</style>

将自定义 style 应用到 TextInputLayout 组件：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Username"
    app:style="@style/TextInputLayoutStyle" />

代码示例

<TextInputLayout
    android:id="@+id/textInputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Username"
    app:hintTextColor="@color/custom_hint_text_color">

    <EditText
        android:id="@+id/usernameEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text" />

</TextInputLayout>

结论

本文介绍了更改 TextInputLayout 浮动标签颜色的方法，并提供了代码示例和详细解释。通过使用 textColorHint 属性，您可以轻松地自定义文本输入字段的外观，以满足各种设计要求。

常见问题解答

• 为什么 colorControlNormal、colorControlActivated 和 colorControlHighLight 无效？

这些属性用于控制其他控件，例如按钮和复选框。它们不影响 TextInputLayout 中的浮动标签颜色。

• 我可以在 styles.xml 中定义 textColorHint 吗？

可以，您可以通过在 styles.xml 中创建自定义 style 来定义 textColorHint：

<style name="TextInputLayoutStyle">
    <item name="android:textColorHint">#FF0000</item>
</style>

• 我还可以更改浮动标签的字体大小和样式吗？

是的，您可以通过在 styles.xml 中定义 hintTextAppearance 属性来更改浮动标签的字体大小和样式：

<style name="TextInputLayoutStyle">
    <item name="android:hintTextAppearance">@style/TextAppearance.MyCustomTextAppearance</item>
</style>

• 我可以使用十六进制代码以外的颜色值吗？

是的，您还可以使用颜色资源或 Android 颜色类中的颜色常量，例如 android:color/holo_blue_light。

• 更改浮动标签颜色是否会影响其他控件？

不会，更改浮动标签颜色只会影响 TextInputLayout 中的浮动标签颜色。