Thay đổi màu gợi ý EditText khi sử dụng TextInputLayout

Tôi đang sử dụng cái mới TextInputLayouttừ thư viện thiết kế. Tôi có thể làm cho nó hiển thị và thay đổi màu sắc của nhãn nổi. Thật không may, EditTextgợi ý thực tế bây giờ luôn luôn là màu trắng.

Tôi đã thử thay đổi gợi ý màu trong XML, kiểu và lập trình và cũng đã thử sử dụng android.support.v7.widget.AppCompatEditText nhưng EditTextgợi ý luôn hiển thị màu trắng.

Đây là XML của tôi cho tôi TextInputLayoutvà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>

Và đây là phong cách tôi đang sử dụng cho TextInputLayout(Tôi đã thử làm cho hintTextColorthuộc tính màu đen nhưng không làm gì cho tôi):

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

Xác định android:textColorHinttrong chủ đề ứng dụng của bạn:

<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>

Nguồn

Tạo kiểu tùy chỉnh trong 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>

Sau đó, trong tệp xml bố cục của bạn, thêm thuộc tính chủ đề như bên dưới

 <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>

hy vọng nó hoạt động

Thêm thuộc tính textColorHint vào văn bản chỉnh sửa của bạn

android:textColorHint="#F6F6F6"

hoặc bất cứ màu nào bạn muốn

gặp vấn đề tương tự Giải quyết bằng cách đặt những dòng này trong chủ đề cha mẹ .

 <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>

Nếu bạn đặt những

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

theo một kiểu riêng và áp dụng nó cho TextInputLayout hoặc Edittext, nó sẽ không xuất hiện. Bạn CÓ để đặt nó trong chủ đề mẹ của ứng dụng.

Tôi không chắc điều gì gây ra sự cố của bạn khiến mã này hoạt động hoàn hảo với tôi. Tôi nghĩ nó có liên quan đến việc sử dụng không gian tên xml ( xmlns) chính xác . Tôi không chắc chắn nếu sử dụng android.support.design không có thuộc tính không gian tên xml. Hoặc nó có liên quan đến textColorHintthuộc tính bạn đang sử dụng trên chính EditText.

Bố trí:

<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>

Phong cách:

<style name="GreenTextInputLayout" parent="@android:style/TextAppearance">
    <item name="android:textColor">#00FF00</item>
</style>

Tham khảo mã dưới đây nó hoạt động cho tôi. Nhưng nó sẽ ảnh hưởng đến tất cả các màu điều khiển của bạn.

 <!-- 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>

Trong TextInputLayout chứa EditText, hãy thêm:

android:textColorHint="someColor"

Rất nhiều câu trả lời nhưng chỉ cần một dòng cho việc này:

android: textColorHint = "# 000000"

    <EditText
        android:id="@+id/edtEmail"
        android:textColorHint="#000000"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

android: textColorHint = "# FFFFFF" đôi khi hoạt động và đôi khi không. Đối với tôi giải pháp dưới đây hoạt động hoàn hảo

Thử mã bên dưới Nó hoạt động Trong tệp XML của bạn và chủ đề TextLabel được xác định trong 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>

Trong thư mục Styles Kiểu mã văn bản

 <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>

Nếu bạn chỉ muốn thay đổi màu của nhãn ở trạng thái sai thì colorAccent, colorControlN normal và colorControlActivated là không bắt buộc

Bạn có thể sử dụng android:textColorHint="@color/color_black"bên trong TextInputlayoutNó làm việc cho tôi.

<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>

Theo đó: https://code.google.com.vn/p/android/issues/detail?id=176559

Thử cái này:

<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>

Nó hoạt động trong 23.1.1

Với thư viện Thành phần vật liệu, bạn có thể tùy chỉnh TextInputLayoutmàu văn bản gợi ý bằng cách sử dụng:

• Trong cách bố trí:

  • app:hintTextColor Thuộc tính: màu của nhãn khi được thu gọn và trường văn bản được kích hoạt
  • android:textColorHint thuộc tính: màu của nhãn trong tất cả các trạng thái trường văn bản khác (chẳng hạn như nghỉ và tắt)

Cái gì đó như:

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

Có vẻ như chế độ xem chính có kiểu dáng cho thư viện của bên thứ 3 khiến EditText có màu trắng.

android:theme="@style/com_mixpanel_android_SurveyActivityTheme"

Một khi tôi loại bỏ điều này mọi thứ hoạt động tốt.

thử cái này có thể giúp

      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();;

        }
    });

muộn nhưng nó có thể giúp một người mà tôi đã làm như thế này

<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>

<item name="colorAccent">@android:color/black</item>

thay đổi colorAccent của bạn thành màu bạn muốn trong Theme của bạn, điều này sẽ thay đổi dòng EditText, Con trỏ cũng như gợi ý của bạn

hoặc bạn cũng có thể bao gồm kiểu này bên trong style.xml của bạn

<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>

sau đó bên trong TextInputLayout của bạn, bạn có thể đặt nó như thế này

<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>

        <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>

Sử dụng textColorHint để đặt màu mà bạn muốn làm màu Gợi ý cho EditText. Có một điều là Gợi ý trong EditText biến mất không phải khi bạn gõ một cái gì đó, mà ngay lập tức khi EditText được lấy nét (với một hình ảnh động thú vị). Bạn sẽ nhận thấy điều này rõ ràng khi bạn chuyển trọng tâm đi và vào EditText.

Từ tài liệu:

Gợi ý nên được đặt trên TextInputLayout, thay vì EditText. Nếu một gợi ý được chỉ định trên EditText con trong XML, TextInputLayout vẫn có thể hoạt động chính xác; TextInputLayout sẽ sử dụng gợi ý của EditText làm nhãn nổi. Tuy nhiên, các cuộc gọi trong tương lai để sửa đổi gợi ý sẽ không cập nhật gợi ý của TextInputLayout. Để tránh hành vi ngoài ý muốn, hãy gọi setHint (CharSequence) và getHint () trên TextInputLayout, thay vì trên EditText.

Hãy thử thiết lập android:hintvà app:hintTextColorbật TextInputLayoutthay vì bật TextInputEditText.

Bạn phải đặt màu gợi ý trên TextInputLayout.

 <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>``

Hãy thử mã dưới đây:

Màu sáng cao là Trắng:

 <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>

phong cách: TextStyle

    <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>

Dưới đây là kinh nghiệm của tôi với vấn đề tương tự này & giải pháp cần thiết.

Yêu cầu:

• Cần tạo tùy chỉnh TextInputEditText(có thể nói một số nên trong suốt và một số không nên nhưng sử dụng màu tùy chỉnh cho các sự kiện khác nhau)

Vấn đề phải đối mặt:

• android:textColorHint không hoạt động theo yêu cầu.

Các giải pháp đã thử, thất bại:

• Được sử dụng android:textColorHinttrong phong cách và áp dụng cho TextInputEditText. Không có kết quả hoặc sự khác biệt.
• Đặt android:textColorHinttrong chủ đề của ứng dụng được áp dụng. Nó đã giúp nhưng bây giờ nó đã được thiết lập cho toàn bộ ứng dụng. (Không đánh dấu theo yêu cầu)

Sau rất nhiều RnD, GIẢI PHÁP tốt nhất được tìm thấy là trong một bài viết mô tả rằng chúng ta cần áp dụng chủ đề cho TextInputLayouthoặc cho chế độ xem của phụ huynh thay vì chỉ áp dụng kiểu cho TextInputEditTexthoặc cho chế độ xem chính.

Vui lòng kiểm tra TextInputLayout đúng Chủ đề cho biết cách chúng tôi đang theo dõi sai.

Khi tôi cố gắng đặt thuộc tính chủ đề thành TextInputLayout, chủ đề cũng đang được áp dụng cho edittext xem con của nó, điều mà tôi không muốn.

Vì vậy, giải pháp hiệu quả với tôi là thêm một kiểu tùy chỉnh vào thuộc tính "app: gợi ý ứng dụng" của TextInputLayout.

Trong tệp style.xml, thêm kiểu sau:

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

Và áp dụng kiểu này cho thuộc tính "ứng dụng: gợi ý ứng dụng" của TextInputLayout như dưới đây:

<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>

Nếu bạn đang sử dụng thư viện thiết kế Vật liệu androidx mới com.google.android.material thì bạn có thể sử dụng bảng màu để kiểm soát màu văn bản gợi ý ở trạng thái tập trung, di chuột và mặc định như sau. (lấy cảm hứng từ điều này )

Trong res/color/text_input_box_stroke.xmlđặt một cái gì đó như sau:

<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>

Sau đó, trong bạn styles.xmlbạn sẽ đặt:

<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>

Cuối cùng chỉ ra phong cách của bạn trong thực tế TextInputLayout Vì một số lý do, bạn cũng cần đặt android:textColorHintcho màu văn bản mặc định của gợi ý:

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/my_layout_id"
    style="@style/LoginTextInputLayoutStyle"
    android:textColorHint="#ccf"
    ...

nếu bạn đang sử dụng thư viện thiết kế Vật liệu. Hiện tại, tôi đang sử dụng phiên bản

triển khai 'com.google.android.m Liệu: nguyên liệu: 1.3.0-alpha01'

1 - Đặt màu khi TextInputLayout đang nghỉ.

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

2 - Đặt màu khi TextInputLayout nổi / tập trung / gõ.

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

3 - Đặt màu của dòng bên dưới TextInputLayout.

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

4 - Đặt màu của lỗi trong TextInputLayout.

<item name="boxStrokeErrorColor">@color/colorPrimary</item>