วิธีการตั้งค่าสีข้อความแสดงข้อผิดพลาด TextInputLayout

ฉันจะเปลี่ยนสีของข้อความแสดงข้อผิดพลาดที่สามารถตั้งค่าให้ปรากฏใต้ช่องข้อความในTextInputLayout(ผ่านsetError(...)- ดูสถานะข้อผิดพลาดที่นี่ ) ได้อย่างไร

โดยปกติจะแสดงเป็นสีแดงซึ่งฉันต้องการเปลี่ยน ฉันควรใช้ชื่อ / คีย์รายการใดในstyles.xmlไฟล์เพื่อกำหนดเป้าหมายสี

ขอบคุณล่วงหน้า.

แก้ไข:

เพิ่มapp:errorTextAppearanceคีย์ของฉันTextInputLayout:

<android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:id="@+id/welcome_current_week_container"
        app:errorTextAppearance="@style/WelcomeErrorAppearance">
        <EditText
            ..../>
    </android.support.design.widget.TextInputLayout>
</LinearLayout>

และลักษณะข้อผิดพลาด(ตั้งค่าเป็นสีเขียวสำหรับการทดสอบ) :

<style name="WelcomeErrorAppearance" parent="@android:style/TextAppearance">
    <item name="android:textColor">@android:color/holo_green_dark</item>
</style>

ผลที่ได้คือคำใบ้และข้อความแสดงข้อผิดพลาดเป็นสี(ภาพหน้าจอจาก Android Emulator ที่ปรับขนาด) :

ปกติ (ไม่มีข้อผิดพลาด):

สถานะข้อผิดพลาด:

แก้ไข 2 / ผลลัพธ์:

เมื่อข้อความแสดงข้อผิดพลาดปรากฏขึ้นคำใบ้ด้านบนฟิลด์จะเปลี่ยนเป็นสีเดียวกับข้อความแสดงข้อผิดพลาดโดยจะลบล้างสีคำใบ้ซึ่งเกิดจากการออกแบบ

สร้างสไตล์ที่กำหนดเองซึ่งใช้@android:style/TextAppearanceเป็นหลักในstyles.xmlไฟล์ของคุณ:

<style name="error_appearance" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/red_500</item>
    <item name="android:textSize">12sp</item>
</style>

และใช้ในวิดเจ็ต TextInputLayout ของคุณ:

 <android.support.design.widget.TextInputLayout
            android:id="@+id/emailInputLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:errorTextAppearance="@style/error_appearance">

แก้ไข:ตั้งค่าคำแนะนำบนวัตถุที่อยู่ภายใน TextInputLayout คุณ ( EditText, TextViewฯลฯ ) จะถือสีที่แตกต่างกันสำหรับคำแนะนำและข้อผิดพลาด

อันที่จริงหากต้องการเปลี่ยนสีข้อความแสดงข้อผิดพลาดคุณสามารถตั้งค่าtextColorErrorในธีมของคุณได้ (และยังตั้งค่าcolorControlNormalและcolorControlActivatedสำหรับวิดเจ็ตทั่วไปและสีข้อความคำใบ้) TextInputLayoutหยิบแอตทริบิวต์นั้น หมายเหตุ:หากคุณตั้งค่าerrorTextAppearanceเป็นสไตล์แบบกำหนดเองtextColorErrorจะไม่มีผลใด ๆ

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorControlNormal">@color/control_normal</item>
    <item name="colorControlActivated">@color/control_activated</item>
    <item name="textColorError">@color/error</item>
    <!-- other styles... -->
</style>

และใน AndroidManifest.xml ของคุณ:

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

    <!-- ... -->

</application>

หมายเหตุด้านเดียว ฉันได้ลองใช้วิธีแก้ปัญหาที่ได้รับการยอมรับerrorTextAppereanceแล้ว ใช้งานได้ดีจริงๆ แต่ในตอนแรกสีขีดเส้นใต้ของอินพุตไม่เปลี่ยนหลังจากใช้errorTextAppereanceรูปแบบใหม่ ฉันเห็นว่ามีความคิดเห็นบางส่วนและมีคนอื่น ๆ กำลังประสบปัญหาเดียวกัน

ในกรณีของฉันเหตุการณ์นี้เกิดขึ้นเมื่อฉันตั้งค่ารูปแบบใหม่หลังจากตั้งค่าข้อความแสดงข้อผิดพลาดใหม่ แบบนี้:

passwordInputLayout.error = "Password strength"
passwordInputLayout.setErrorTextAppearance(R.style.InputError_Purple)

หลังจากเปลี่ยนลำดับของสองวิธีนี้ข้อความและสีขีดเส้นใต้จะเปลี่ยนไปตามที่คาดไว้

passwordInputLayout.setErrorTextAppearance(R.style.InputError_Purple)
passwordInputLayout.error = "Password strength"

และลักษณะข้อความแสดงข้อผิดพลาดมีลักษณะดังนี้:

<style name="InputError" parent="TextAppearance.Design.Error"/>
<style name="InputError.Purple">
    <item name="android:textColor">@color/purple</item>
</style>

ฉันต้องการทำสิ่งนี้แบบไดนามิก ใช้การสะท้อน:

public static void setErrorTextColor(TextInputLayout textInputLayout, int color) {
  try {
    Field fErrorView = TextInputLayout.class.getDeclaredField("mErrorView");
    fErrorView.setAccessible(true);
    TextView mErrorView = (TextView) fErrorView.get(textInputLayout);
    Field fCurTextColor = TextView.class.getDeclaredField("mCurTextColor");
    fCurTextColor.setAccessible(true);
    fCurTextColor.set(mErrorView, color);
  } catch (Exception e) {
    e.printStackTrace();
  }
}

คุณจะต้องโทรtextInputLayout.setErrorEnabled(true)ก่อนเรียกใช้วิธีการข้างต้นเพื่อให้ได้ผล

เมื่อTextInputLayoutรวมอยู่ในไลบรารีส่วนประกอบวัสดุให้ใช้app:errorTextColorแอตทริบิวต์

    <com.google.android.material.textfield.TextInputLayout
        app:errorTextColor="@color/...."
        .../>

ในรูปแบบที่กำหนดเองคุณสามารถใช้:

<style name="..." parent="Widget.MaterialComponents.TextInputLayout.FilledBox" >
   <item name="errorTextColor">@color/...</item>
   ...
</style>

อัปเดต

โปรดใช้มุมมองที่กำหนดเองแทนไม่ใช่สิ่งนี้

คำตอบของ @ jared รุ่นดัดแปลงซึ่งใช้ได้กับกรณีของฉัน:

public static void setErrorTextColor(TextInputLayout textInputLayout, int color) {
    try {
        Field fErrorView = TextInputLayout.class.getDeclaredField("mErrorView");
        fErrorView.setAccessible(true);
        TextView mErrorView = (TextView)fErrorView.get(textInputLayout);
        mErrorView.setTextColor(color);
        mErrorView.requestLayout();
    } catch (Exception e) {
        e.printStackTrace();
    }
}

หากคุณกำลังใช้com.google.android.material.textfield.TextInputวางเค้าโครงอินพุตนี้มากกว่าที่คุณจะกำหนดสไตล์เดียว

<com.google.android.material.textfield.TextInputLayout
                        android:id="@+id/textInputLayoutPassword"
                        style="@style/LoginTextInputLayoutStyle"



<style name="LoginTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
        <item name="boxStrokeColor">@color/text_input_box</item>
        <item name="errorTextColor">@color/colorRed</item>
    </style>

ขึ้นอยู่กับความต้องการคุณสามารถเปลี่ยน / ตั้งค่าสีข้อความ TextInputLayout แบบไดนามิกหรือโดยตรงในไฟล์ XML เค้าโครง ด้านล่างนี้คือตัวอย่างข้อมูลโค้ด

สร้างสไตล์แบบกำหนดเองซึ่งใช้@android: style / TextAppearanceเป็นหลักในไฟล์styles.xmlของคุณ:

<style name="style_error_appearance" parent="@android:style/TextAppearance">
    <item name="android:textColor">@color/color_error</item>
    <item name="android:textSize">11sp</item>
</style>

และใช้ในวิดเจ็ต TextInputLayout ของคุณ:

1. โดยตรงในเค้าโครง XML

 <android.support.design.widget.TextInputLayout
            android:id="@+id/your_input_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:errorTextAppearance="@style/style_error_appearance">

2. แบบไดนามิกในชั้นเรียนของคุณ

your_input_layout.setErrorTextAppearance(R.style.style_error_appearance);

หากคุณต้องการตั้งค่าสีข้อความแสดงข้อผิดพลาดเดียว / เดียวกันสำหรับแอปพลิเคชันของคุณให้กำหนดสีข้อความในธีมแอปของคุณ

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Error text color... -->
    <item name="textColorError">@color/color_error</item>
    <!-- other styles... -->
</style>

และใน AndroidManifest.xml ของคุณ:

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

    <!-- ... -->

</application>

ฉันตรวจสอบแหล่งที่มา TextInputLayout และฉันรู้ว่าสีข้อความแสดงข้อผิดพลาดได้มาจาก colors.xml เพียงเพิ่มสิ่งนี้ลงใน colors.xml ของคุณ:

<color name="design_textinput_error_color_light" tools:override="true">your hex color</color>