168

我正在使用TextInputLayout设计库中的新功能。我能够让它显示并更改浮动标签的颜色。不幸的是，实际的EditText提示现在总是白色的。

我尝试以编程方式更改 XML、样式和编程中的提示颜色，也尝试使用android.support.v7.widget.AppCompatEditText 但EditText提示始终显示为白色。

这是我的 XMLTextInputLayout和EditText

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android.support.design:hintTextAppearance="@style/GreenTextInputLayout">


    <EditText

    android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/city"
        android:textColorHint="@color/black"
        android:hint="@string/city" />

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

这是我使用的样式TextInputLayout（我尝试将hintTextColor属性设置为黑色，但没有为我做任何事情）：

<style name="GreenTextInputLayout" parent="@style/TextAppearance.AppCompat">
    <item name="android:textColor">@color/homestory_green</item>
</style>
4

28 回答 28

178

android:textColorHint在您的应用程序主题中定义：

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>

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

资源

于 2015-06-27T06:45:01.503 回答
80

在 style.xml 中创建自定义样式

<style name="EditTextHint" parent="TextAppearance.AppCompat">
    <item name="colorAccent">@android:color/white</item>
    <item name="android:textColorHint">@color/BackgroundtWhiteColor</item>
    <item name="colorControlNormal">@color/BackgroundtWhiteColor</item>
    <item name="colorControlActivated">@color/your color</item>
    <item name="colorControlHighlight">@color/BackgroundtWhiteColor</item>
</style>

然后在您的布局 xml 文件中，添加主题属性，如下所示 

 <android.support.design.widget.TextInputLayout
            android:theme="@style/EditTextHint"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

      <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

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

希望这有效

于 2015-12-27T20:34:56.170 回答
58

将 textColorHint 属性添加到您的编辑文本

android:textColorHint="#F6F6F6"

或任何你想要的颜色

于 2016-04-23T05:25:39.377 回答
42

有同样的问题。通过将这些行放在父主题中解决。

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/ColorPrimaryDark</item>
    <item name="colorPrimaryDark">@color/ColorPrimaryDark</item>
    <item name="colorAccent">@color/AccentColor</item>
    <item name="android:windowTranslucentStatus">true</item>

    <item name="android:textColorHint">@color/BackgroundtWhiteColor</item>
    <item name="colorControlNormal">@color/BackgroundtWhiteColor</item>
    <item name="colorControlActivated">#ff0000</item>
    <item name="colorControlHighlight">@color/BackgroundtWhiteColor</item>
    <!-- Customize your theme here. -->
</style>

如果你把这些

<item name="android:textColorHint">@color/BackgroundtWhiteColor</item>
<item name="colorControlNormal">@color/BackgroundtWhiteColor</item>
<item name="colorControlActivated">#ff0000</item>
<item name="colorControlHighlight">@color/BackgroundtWhiteColor</item>

在单独的样式中并将其应用于TextInputLayout或Edittext它不会出现。您必须将其放置在应用程序的父主题中。

于 2015-08-10T05:42:59.470 回答
23

我不确定是什么导致你的问题把这段代码完美地为我工作。我认为这与使用正确的 xml 命名空间（xmlns）有关。我不确定是否支持使用没有 xml 命名空间属性的 android.support.design。或者它与textColorHint您在 EditText 本身上使用的属性有关。

布局：

<android.support.design.widget.TextInputLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    app:hintTextAppearance="@style/GreenTextInputLayout">

    <android.support.v7.widget.AppCompatEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="test"
        android:inputType="text" />
</android.support.design.widget.TextInputLayout>

风格：

<style name="GreenTextInputLayout" parent="@android:style/TextAppearance">
    <item name="android:textColor">#00FF00</item>
</style>
于 2015-06-13T22:28:31.427 回答
23

使用Material Components 库，您可以TextInputLayout使用以下方法自定义提示文本颜色：

  • 在布局中：

    • app:hintTextColor属性：标签在折叠并且文本字段处于活动状态时的颜色
    • android:textColorHint属性：标签在所有其他文本字段状态下的颜色（例如resting和disabled）

就像是： 

<com.google.android.material.textfield.TextInputLayout
     app:hintTextColor="@color/mycolor"
     android:textColorHint="@color/text_input_hint_selector"
     .../>

在此处输入图像描述在此处输入图像描述

于 2019-09-05T19:15:44.573 回答
19

请参阅下面对我有用的代码。但它会影响你所有的控件颜色。

 <!-- In your style.xml file -->
    <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
            <!--EditText hint color-->
            <item name="android:textColorHint">@color/default_app_white</item>
           <!-- TextInputLayout text color-->
            <item name="colorControlActivated">@color/default_app_green</item>
            <!-- EditText line color when EditText on-focus-->
            <item name="colorControlHighlight">@color/default_app_green</item>
            <!-- EditText line color when EditText  in un-focus-->
            <item name="colorControlNormal">@color/default_app_white</item>
        </style>
于 2015-08-04T10:49:03.610 回答
16

在包含 EditText 的 TextInputLayout 中，添加：

android:textColorHint="someColor"
于 2015-12-03T08:11:45.320 回答
14

很多答案，但只需要一行：

安卓：textColorHint="#000000"

    <EditText
        android:id="@+id/edtEmail"
        android:textColorHint="#000000"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
于 2017-05-07T19:04:25.997 回答
12

if you are using the Material design library. Currently, I am using the version

implementation 'com.google.android.material:material:1.3.0-alpha01'

1 - Set color when TextInputLayout is resting.

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

2 - Set color when TextInputLayout is floating/focused/tapped.

<item name="hintTextColor">@color/your_color_floating_hint</item>

3 - Set color of the line under TextInputLayout.

<item name="boxStrokeColor">@color/TextViewColor_line</item>

4 - Set color of the error under TextInputLayout.

<item name="boxStrokeErrorColor">@color/colorPrimary</item>
于 2020-07-18T13:56:36.733 回答
10

android:textColorHint="#FFFFFF" 有时有效，有时无效。对我来说，以下解决方案完美无缺

试试下面的代码，它在你的 XML 文件中工作，TextLabel 主题在 style.xml 中定义

 <android.support.design.widget.TextInputLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:theme="@style/MyTextLabel">

     <EditText
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:hint="Floating Label"
         android:id="@+id/edtText"/>

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

在样式文件夹中的 TextLabel 代码

 <style name="MyTextLabel" parent="TextAppearance.AppCompat">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/Color Name</item> 
<!--The size of the text appear on label in false state -->
    <item name="android:textSize">20sp</item>
    <!-- Label color in TRUE state and bar color FALSE and TRUE State -->
    <item name="colorAccent">@color/Color Name</item>
    <item name="colorControlNormal">@color/Color Name</item>
    <item name="colorControlActivated">@color/Color Name</item>
 </style>

如果您只想更改标签的颜色为 false 状态，则不需要 colorAccent 、 colorControlNormal 和 colorControlActivated

于 2016-05-07T15:42:52.737 回答
10

你可以android:textColorHint="@color/color_black"在里面使用TextInputlayout它对我有用。

<android.support.design.widget.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_10"
                android:textColorHint="@color/color_black"
                app:hintTextAppearance="@style/TextLabel">

                <EditText
                    android:id="@+id/et_state"
                    style="@style/profile_editTextStyle"

                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="@string/billingState"
                    android:text="@string/billingState"
                     />
            </android.support.design.widget.TextInputLayout>
于 2017-09-26T09:27:58.630 回答
8

据此： https ://code.google.com/p/android/issues/detail?id=176559

尝试这个：

<android.support.design.widget.TextInputLayout
    android:textColorHint="#A7B7C2"
    android:layout_width="match_parent"
    android:layout_height="50dp">

    <EditText
        android:id="@+id/et_confirm_password"
        android:textColor="@android:color/black"
        android:hint="Confirm password"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 </android.support.design.widget.TextInputLayout>

它适用于 23.1.1

于 2016-02-24T04:15:17.333 回答
5

看起来父视图具有导致 EditText 为白色的第 3 方库的样式。

android:theme="@style/com_mixpanel_android_SurveyActivityTheme"

一旦我删除了这个，一切都很好。

于 2015-06-16T18:58:04.230 回答
5

试试这个可能会有所帮助 

      edittext.addTextChangedListener(new  TextWatcher() {

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            // TODO Auto-generated method stub
            Toast.makeText(getApplicationContext(), "onTextChanged", 2000).show();;
            //newuser.setTextColor(Color.RED);
            edittext.setHintTextColor(Color.RED);

        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after) {
            // TODO Auto-generated method stub

        }

        @Override
        public void afterTextChanged(Editable s) {
            // TODO Auto-generated method stub
            Toast.makeText(getApplicationContext(), "afterTextChanged", 2000).show();;

        }
    });
于 2015-06-27T08:12:11.330 回答
5 
        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Name"
                android:textColor="@color/black"
                android:textColorHint="@color/grey"/>
        </android.support.design.widget.TextInputLayout>

使用 textColorHint 将您想要的颜色设置为 EditText 的提示颜色。问题是 EditText 中的提示不是在您键入内容时消失，而是在 EditText 获得焦点时立即消失（带有很酷的动画）。当您将焦点转移到 EditText 时，您会清楚地注意到这一点。

于 2015-06-30T10:13:04.223 回答
5

晚了，但它可能会帮助我做过这样的人

<android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginLeft="30dp"
        android:layout_marginStart="30dp"
        android:textColorHint="#8cffffff">

        <android.support.v7.widget.AppCompatEditText
            android:id="@+id/email_edit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/security_email"
            android:inputType="textEmailAddress"
            android:textColor="@color/white"
            app:backgroundTint="#8cffffff" />
    </android.support.design.widget.TextInputLayout>
于 2018-09-16T13:19:26.290 回答
4 
<item name="colorAccent">@android:color/black</item>

将您的 colorAccent 更改为主题内所需的颜色，这将更改您的 EditText 行、光标以及您的提示

或者你也可以在你的 style.xml 中包含这个样式

<style name="TextLabel" parent="TextAppearance.AppCompat">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@android:color/black</item>
    <item name="android:textSize">20sp</item>
    <!-- Label color in TRUE state and bar color FALSE and TRUE State -->
    <item name="colorAccent">@android:color/black</item>
    <item name="colorControlNormal">@android:color/black</item>
    <item name="colorControlActivated">@android:color/black</item>
</style>

然后在你的 TextInputLayout 里面你可以把它像这样

<android.support.design.widget.TextInputLayout
            android:id="@+id/input_layout_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/TextLabel">
            <EditText
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:drawableLeft="@drawable/password"
                android:drawableStart="@drawable/password"
                android:maxLines="1"
                android:hint="password"
                android:inputType="textWebPassword" />

        </android.support.design.widget.TextInputLayout>
于 2016-10-15T16:55:01.000 回答
4

从文档中：

提示应设置在 TextInputLayout，而不是 EditText。如果在 XML 中的子 EditText 上指定了提示，TextInputLayout 可能仍然可以正常工作；TextInputLayout 将使用 EditText 的提示作为其浮动标签。但是，将来修改提示的调用不会更新 TextInputLayout 的提示。为避免意外行为，请在 TextInputLayout 上而不是在 EditText 上调用 setHint(CharSequence) 和 getHint()。

尝试设置android:hint和app:hintTextColoronTextInputLayout而不是 on TextInputEditText。

于 2020-05-11T07:16:10.887 回答
2 
 <android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_passdword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColorHint="#d3d3d3">
        <EditText
            android:id="@+id/etaddrfess_ciwty"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:bottomLeftRadius="10dp"
            android:bottomRightRadius="50dp"
            android:fontFamily="@font/frutiger"
            android:gravity="start"
            android:hint="@string/address_city"
            android:padding="10dp"
            android:textColor="#000000"
            android:textColorHint="#000000"
            android:textSize="14sp"
            android:topLeftRadius="10dp"
            android:topRightRadius="10dp" />
    </android.support.design.widget.TextInputLayout>``
于 2018-05-29T11:16:30.010 回答
2

如果您正在使用新的 androidx Material 设计库com.google.android.material ，那么您可以使用 colorstatelist 来控制提示文本颜色处于焦点、悬停和默认状态，如下所示。（受此启发）

输入res/color/text_input_box_stroke.xml如下内容：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#fcc" android:state_focused="true"/>
    <item android:color="#cfc" android:state_hovered="true"/>
    <item android:color="#ccf"/>
</selector>

然后在你的styles.xml你会放：

<style name="MtTILStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
    <item name="boxStrokeColor">@color/text_input_box_stroke</item>
    <item name="hintTextColor">@color/text_input_box_stroke</item>
</style>

最后在实际中指明您的样式TextInputLayout 由于某种原因您还需要设置android:textColorHint提示的默认文本颜色：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/my_layout_id"
    style="@style/LoginTextInputLayoutStyle"
    android:textColorHint="#ccf"
    ...
于 2020-03-10T15:16:10.543 回答
1

您必须在 TextInputLayout 上设置提示颜色。

于 2016-12-02T10:31:29.820 回答
1

当我尝试将主题属性设置为 TextInputLayout 时，主题也被应用于其子视图编辑文本，这是我不想要的。

因此，对我有用的解决方案是向 TextInputLayout 的“app:hintTextAppearance”属性添加自定义样式。

在styles.xml 中添加以下样式：

<style name="TextInputLayoutTextAppearance" parent="TextAppearance.AppCompat">
    <item name="android:textColor">@color/text_color</item>
    <item name="android:textSize">@dimen/text_size_12</item>
</style>

并将此样式应用于 TextInputLayout 的“app:hintTextAppearance”属性，如下所示：

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/mobile_num_til"
        android:layout_width="0dp"
        android:layout_height="@dimen/dim_56"
        app:layout_constraintStart_toStartOf="@id/title_tv"
        app:layout_constraintEnd_toEndOf="@id/title_tv"
        app:layout_constraintTop_toBottomOf="@id/sub_title_tv"
        android:layout_marginTop="@dimen/dim_30"
        android:padding="@dimen/dim_8"
        app:hintTextAppearance="@style/TextInputLayoutTextAppearance"
        android:background="@drawable/rect_round_corner_grey_outline">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/mobile_num_et"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:hint="@string/mobile_number"
            android:gravity="center_vertical"
            android:background="@android:color/transparent"/>

    </com.google.android.material.textfield.TextInputLayout>
于 2019-12-02T07:01:01.867 回答
1

这是谷歌材料文本输入布局的完整定制。这可能对你有帮助

<com.google.android.material.textfield.TextInputLayout
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="@dimen/_24sdp"
        android:layout_marginTop="@dimen/_24sdp"
        android:hint="@string/username"
        android:textColorHint="@color/tint"
        app:hintEnabled="true"
        app:hintAnimationEnabled="false"
        app:startIconDrawable="@drawable/ic_user"
        app:startIconTint="@color/tint"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/guideline"
        app:boxCornerRadiusBottomEnd="@dimen/_45sdp"
        app:boxCornerRadiusBottomStart="@dimen/_45sdp"
        app:boxCornerRadiusTopEnd="@dimen/_45sdp"
        app:boxCornerRadiusTopStart="@dimen/_45sdp"
        app:boxStrokeColor="@color/red"
        app:boxStrokeWidth="@dimen/_1sdp"
        <!-- for password 
        app:passwordToggleEnabled="true"
        app:passwordToggleTint="@color/tint" -->
        >
        <com.google.android.material.textfield.TextInputEditText 
            android:layout_width="match_parent" 
            android:layout_height="@dimen/_40sdp" 
            android:padding="0dp" 
            android:fontFamily="@font/poppins_medium" 
            android:textColor="@color/black" 
            android:inputType="textEmailAddress"/>
    </com.google.android.material.textfield.TextInputLayout>
于 2021-02-23T11:31:01.503 回答
0

这是我对这个类似问题和所需解决方案的经验。

要求：

  • 需要创建自定义TextInputEditText（可以说有些应该是透明的，有些不应该是，但对各种事件使用自定义颜色）

面临的问题：

  • android:textColorHint没有按要求工作。

尝试了解决方案，但失败了：

  • 用于android:textColorHint样式并应用于TextInputEditText. 没有结果或差异。
  • android:textColorHint在应用程序的主题中设置。它确实有帮助，但现在已为整个应用程序设置。（达不到要求）

经过大量 RnD 之后，找到的最佳解决方案是在一篇文章中，该文章描述了我们需要将主题应用于TextInputLayout或其父视图，而不是仅将样式应用于TextInputEditText或其父视图。

请检查TextInputLayout 正确的主题，它告诉我们如何在错误的轨道上。

于 2019-06-20T13:41:41.257 回答
0

试试下面的代码：

高光颜色为白色：

 <android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_mobile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/TextStyle"
        >

        <EditText
            android:id="@+id/input_mobile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:drawablePadding="14dp"
            android:drawableLeft="8dp"
            android:textColor="@color/white"
            android:hint="Mobile" />
    </android.support.design.widget.TextInputLayout>

风格：文字风格

    <style name="TextStyle" parent="TextAppearance.AppCompat">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/white</item>
    <item name="android:textSize">20sp</item>
    <!-- Label color in TRUE state and bar color FALSE and TRUE State -->
    <item name="colorAccent">@color/white</item>
    <item name="colorControlNormal">@color/white</item>
    <item name="colorControlActivated">@color/white</item>
     </style>
于 2018-08-22T16:24:47.820 回答
0

利用TextInputLayout.setDefaultHintTextColor

于 2020-10-29T14:21:50.983 回答
0

我只想在将标签提升到顶部时更改标签颜色。但是设置textColorHint会在每个状态下改变颜色。所以，这对我有用：

   <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
       ...
        <item name="colorControlActivated">@color/colorPrimary</item>
       ...
    </style>

当输入聚焦时，这将改变颜色。

于 2020-07-25T06:33:00.283 回答