Cách thay đổi màu nhãn nổi của TextInputLayout

Với tham chiếu đến bản TextInputLayoutphát hành mới của Google, làm cách nào để thay đổi màu văn bản nhãn nổi?

Thiết colorControlNormal, colorControlActivated, colorControlHighLighttrong phong cách không làm được giúp đỡ.

Đây là những gì tôi có bây giờ:

Hãy thử mã dưới đây Nó hoạt động ở trạng thái bình thường

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

     <android.support.v7.widget.AppCompatEditText
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="Hiiiii"
         android:id="@+id/edit_id"/>

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

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

 <style name="TextLabel" parent="TextAppearance.AppCompat">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/Color Name</item> 
    <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>

Đặt thành Chủ đề chính của ứng dụng, Nó chỉ hoạt động nổi bật Chỉ trạng thái

 <item name="colorAccent">@color/Color Name</item>

Cập nhật:

UnsupportedOperationException: Không thể chuyển đổi thành màu: type = 0x2 trong api 16 trở xuống

Giải pháp

<style name="TextAppearance.App.TextInputLayout" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/red</item>
    <item name="android:textSize">14sp</item>
</style>

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColorHint="@color/gray"  //support 23.0.0
    app:hintTextAppearance="@style/TextAppearence.App.TextInputLayout" >

    <android.support.v7.widget.AppCompatEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/hint" />
</android.support.design.widget.TextInputLayout>

Tìm thấy câu trả lời, sử dụng android.support.design:hintTextAppearancethuộc tính để đặt giao diện nhãn nổi của riêng bạn.

Thí dụ:

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

    <EditText
        android:id="@+id/password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/prompt_password"/>
</android.support.design.widget.TextInputLayout>

Bạn không cần sử dụng android:theme="@style/TextInputLayoutTheme"để thay đổi màu nhãn nổi, vì nó sẽ ảnh hưởng đến toàn bộ chủ đề cho TextView nhỏ được sử dụng làm nhãn. Thay vào đó, bạn có thể sử dụng app:hintTextAppearance="@style/TextInputLayout.HintText"ở đâu:

<style name="TextInputLayout.HintText">
  <item name="android:textColor">?attr/colorPrimary</item>
  <item name="android:textSize">@dimen/text_tiny_size</item>
  ...
</style>

Hãy cho tôi biết nếu giải pháp hoạt động :-)

Làm cách nào để thay đổi màu văn bản nhãn nổi?

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 (yêu cầu phiên bản 1.1.0)

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

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

• mở rộng một phong cách vật chất Widget.MaterialComponents.TextInputLayout.* :

<style name="MyFilledBox" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <item name="hintTextColor">@color/mycolor</item>
    <item name="android:textColorHint">@color/text_input_hint_selector</item>
</style>

Bộ chọn mặc định cho android:textColorHintlà:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:alpha="0.38" android:color="?attr/colorOnSurface" android:state_enabled="false"/>
  <item android:alpha="0.6" android:color="?attr/colorOnSurface"/>
</selector>

Ok, vì vậy, tôi thấy câu trả lời này rất hữu ích và cảm ơn tất cả những người đã đóng góp. Chỉ để thêm một cái gì đó, mặc dù. Câu trả lời được chấp nhận thực sự là câu trả lời chính xác ... NHƯNG ... trong trường hợp của tôi, tôi đã tìm cách thực hiện thông báo lỗi bên dưới EditTextwidget app:errorEnabled="true"và dòng này làm cho cuộc sống của tôi gặp khó khăn. có vẻ như điều này ghi đè lên chủ đề tôi đã chọn android.support.design.widget.TextInputLayout, có màu văn bản khác được xác định bởi android:textColorPrimary.

Cuối cùng, tôi đã áp dụng một màu văn bản trực tiếp vào EditTextwidget. Mã của tôi trông giống như thế này:

styles.xml

<item name="colorPrimary">@color/my_yellow</item>
<item name="colorPrimaryDark">@color/my_yellow_dark</item>
<item name="colorAccent">@color/my_yellow_dark</item>
<item name="android:textColorPrimary">@android:color/white</item>
<item name="android:textColorSecondary">@color/dark_gray</item>
<item name="android:windowBackground">@color/light_gray</item>
<item name="windowNoTitle">true</item>
<item name="windowActionBar">false</item>
<item name="android:textColorHint">@color/dark_gray</item>
<item name="android:colorControlNormal">@android:color/black</item>
<item name="android:colorControlActivated">@android:color/white</item>

Và tiện ích của tôi:

<android.support.design.widget.TextInputLayout
        android:id="@+id/log_in_layout_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:errorEnabled="true">

        <EditText
            android:id="@+id/log_in_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textColor="@android:color/black"
            android:ems="10"
            android:hint="@string/log_in_name"
            android:inputType="textPersonName" />
</android.support.design.widget.TextInputLayout>

Bây giờ nó hiển thị màu văn bản màu đen thay vì textColorPrimarymàu trắng.

Tôi đề nghị bạn tạo chủ đề kiểu cho TextInputLayout và chỉ thay đổi màu nhấn. Đặt phụ huynh cho chủ đề cơ sở ứng dụng của bạn:

 <style name="MyTextInputLayout" parent="MyAppThemeBase">
     <item name="colorAccent">@color/colorPrimary</item>
 </style>

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

Trong phiên bản mới nhất của thư viện hỗ trợ (23.0.0+), TextInputLayoutlấy thuộc tính sau trong XML để chỉnh sửa màu nhãn nổi:android:textColorHint="@color/white"

Thay vì trả lời Brahmam Yamani, tôi thích sử dụng Widget.Design.TextInputLayout làm cha mẹ. Điều đó đảm bảo rằng tất cả các mục yêu cầu đều có mặt, ngay cả khi không phải tất cả các mục đều bị ghi đè. Trong câu trả lời của Yamanis, ứng dụng sẽ gặp sự cố với tài nguyên không thể giải quyết được, nếu setErrorEnables (true) được gọi.

Đơn giản chỉ cần thay đổi phong cách như sau:

<style name="TextLabel" parent="Widget.Design.TextInputLayout">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/Color Name</item> 
    <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>

Trong trường hợp của tôi, tôi đã thêm cái này " app:hintTextAppearance="@color/colorPrimaryDark"trong tiện ích TextInputLayout của mình.

Để thay đổi màu của gợi ý và chỉnh sửa màu gạch chân văn bản: colorControlActivated

Để thay đổi màu của bộ đếm ký tự: textColorSecondary

Để thay đổi màu thông báo lỗi: colorControlN normal

Để thay đổi nút hiển thị mật khẩu tint: colorForeground

Để biết thêm thông tin về TextInputLayout, hãy đọc http://www.zoftino.com/android-textinputlayout-tutorial

<style name="MyAppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorControlActivated">#e91e63</item>
    <item name="android:colorForeground">#33691e</item>
    <item name="colorControlNormal">#f57f17</item>
    <item name="android:textColorSecondary">#673ab7</item>
</style>

Lập trình bạn có thể sử dụng:

/* Here you get int representation of an HTML color resources */
int yourColorWhenEnabled = ContextCompat.getColor(getContext(), R.color.your_color_enabled);
int yourColorWhenDisabled = ContextCompat.getColor(getContext(), R.color.your_color_disabled);

/* Here you get matrix of states, I suppose it is a matrix because using a matrix you can set the same color (you have an array of colors) for different states in the same array */
int[][] states = new int[][]{new int[]{android.R.attr.state_enabled}, new int[]{-android.R.attr.state_enabled}};

/* You pass a ColorStateList instance to "setDefaultHintTextColor" method, remember that you have a matrix for the states of the view and an array for the colors. So the color in position "colors[0x0]" will be used for every states inside the array in the same position inside the matrix "states", so in the array "states[0x0]". So you have "colors[pos] -> states[pos]", or "colors[pos] -> color used for every states inside the array of view states -> states[pos] */
myTextInputLayout.setDefaultHintTextColor(new ColorStateList(states, new int[]{yourColorWhenEnabled, yourColorWhenDisabled})

Giải thích:

Nhận giá trị màu int từ tài nguyên màu (một cách để trình bày màu rgb được sử dụng bởi Android). Tôi đã viết ColorEnables, nhưng thực sự nó nên, cho câu trả lời này, ColorHintExpanded & ColorViewCollapsed. Dù sao đây là màu bạn sẽ thấy khi gợi ý của chế độ xem "TextInputLayout" ở trạng thái Mở rộng hoặc Thu gọn; bạn sẽ thiết lập nó bằng cách sử dụng mảng tiếp theo trên hàm "setDefaultHintTextColor" của khung nhìn. Tham khảo: Tham khảo cho TextInputLayout - tìm kiếm trong trang này phương thức "setDefaultHintTextColor" để biết thêm

Nhìn vào các tài liệu ở trên, bạn có thể thấy rằng các hàm thiết lập màu cho gợi ý Mở rộng & Thu gọn bằng cách sử dụng ColorStateList.

Tài liệu ColorStateList

Để tạo ColorStateList, trước tiên tôi tạo một ma trận với các trạng thái tôi muốn, trong trường hợp của tôi là state_enables & state_disables (trong đó, trong TextInputLayout, bằng với Hint Expanded và Hint Collapsed [Dù sao tôi cũng không nhớ nó theo thứ tự lol chỉ làm một bài kiểm tra]). Sau đó, tôi chuyển đến hàm tạo của ColorStateList các mảng có giá trị int của tài nguyên màu, các màu này có sự tương ứng với ma trận trạng thái (mọi phần tử trong mảng màu tương ứng với mảng tương ứng trong ma trận trạng thái ở cùng vị trí). Vì vậy, phần tử đầu tiên của mảng màu sẽ được sử dụng làm màu cho mọi trạng thái trong mảng đầu tiên của ma trận trạng thái (trong trường hợp của chúng tôi mảng chỉ có 1 phần tử: trạng thái được bật = trạng thái mở rộng gợi ý cho TextInputLayut). Trạng thái cuối cùng có giá trị dương / âm và bạn chỉ có các giá trị dương,

Hy vọng điều này là hữu ích. Tạm biệt có một mã hóa tốt đẹp (:

bạn nên thay đổi màu sắc của bạn ở đây

<style name="Base.Theme.DesignDemo" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">#673AB7</item>
        <item name="colorPrimaryDark">#512DA8</item>
        <item name="colorAccent">#FF4081</item>
        <item name="android:windowBackground">@color/window_background</item>
    </style>

Bây giờ, chỉ cần sử dụng colorAccentvà colorPrimarysẽ hoạt động hoàn hảo.

Tôi giải quyết vấn đề. Đây là Giao diện

 <android.support.design.widget.TextInputLayout
           android:id="@+id/til_username"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="@string/username"
           >

           <android.support.v7.widget.AppCompatEditText android:id="@+id/et_username"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:singleLine="true"
               />
       </android.support.design.widget.TextInputLayout>

Đây là Phong cách:

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
    </style>
<!-- Application theme. -->


 <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
        <item name="colorAccent">@color/pink</item>
        <item name="colorControlNormal">@color/purple</item>
        <item name="colorControlActivated">@color/yellow</item>
    </style>

Bạn nên sử dụng chủ đề của bạn trong ứng dụng:

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
</application>

để thay đổi màu của nhãn văn bản khi bạn đang tập trung vào nó. tức là gõ vào nó bạn phải thêm chỉ định

<item name="android:textColorPrimary">@color/yourcolorhere</item>

Chỉ cần một lưu ý: Bạn phải thêm tất cả các triển khai này vào chủ đề chính của bạn.

Nó hoạt động với tôi ..... thêm màu gợi ý trong TextInputLayout

    <android.support.design.widget.TextInputLayout
        android:textColorHint="#ffffff"
        android:id="@+id/input_layout_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:id="@+id/edtTextPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:hint="Password"
            android:inputType="textPassword"
            android:singleLine="true"
            />
    </android.support.design.widget.TextInputLayout>

Tôi đã thử sử dụng android: textColorHint trong android.support.design.widget.TextInputLayout nó hoạt động tốt.

        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColorHint="@color/colorAccent">

            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Hello"
                android:imeActionLabel="Hello"
                android:imeOptions="actionUnspecified"
                android:maxLines="1"
                android:singleLine="true"/>

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

  <style name="AppTheme2" parent="AppTheme">
    <!-- Customize your theme here. -->
    <item name="colorControlNormal">#fff</item>
    <item name="colorControlActivated">#fff</item></style>    

thêm phần này vào các kiểu và đặt TextInputLayout Theam thành App2 và nó sẽ hoạt động;)

<com.google.android.material.textfield.TextInputLayout
    android:hint="Hint"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/TextInputLayoutHint">

    <androidx.appcompat.widget.AppCompatEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text"
        android:maxLines="1"
        android:paddingTop="@dimen/_5sdp"
        android:paddingBottom="@dimen/_5sdp"
        android:textColor="#000000"
        android:textColorHint="#959aa6" />

</com.google.android.material.textfield.TextInputLayout>

res / value / style.xml

<style name="TextInputLayoutHint" parent="">
    <item name="android:textColorHint">#545454</item>
    <item name="colorControlActivated">#2dbc99</item>
    <item name="android:textSize">11sp</item>
</style>

Có thể sử dụng app:hintTextColornếu bạn sử dụng com.google.android.material.textfield.TextInputLayout, hãy thử điều này

 <com.google.android.material.textfield.TextInputLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:hint="@string/app_name" 
     app:hintTextColor="@android:color/white">                   

     <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
 </com.google.android.material.textfield.TextInputLayout>

Hãy thử mã dưới đây Nó hoạt động ở trạng thái bình thường

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

 <android.support.v7.widget.AppCompatEditText
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:hint="Hiiiii"
     android:id="@+id/edit_id"/>


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

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

 <style name="TextLabel" parent="TextAppearance.AppCompat">
<!-- Hint color and label color in FALSE state -->
<item name="android:textColorHint">@color/Color Name</item> 
<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>

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.

Vì vậy, tôi thiết lập android:hintvà tiếp app:hintTextColortục TextInputLayout, không phải trên TextInputEditTextvà nó đã làm việc.

Bởi vì bạn phải thêm colorControlNormal, colorControlActivated, colorControlHighLightcác mục vào chủ đề ứng dụng chính:

<!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="colorControlActivated">@color/yellow_bright</item>
        <item name="colorControlNormal">@color/yellow_black</item>

    </style>