Ändern Sie die EditText-Hinweisfarbe, wenn Sie TextInputLayout verwenden

Ich benutze das Neue TextInputLayoutaus der Designbibliothek. Ich kann es dazu bringen, die Farbe des schwebenden Etiketts anzuzeigen und zu ändern. Leider ist der eigentliche EditTextHinweis jetzt immer weiß.

Ich habe versucht, die tipColor in XML, Stilen und programmgesteuert zu ändern, und habe auch versucht, die zu verwenden, android.support.v7.widget.AppCompatEditText aber der EditTextHinweis zeigt immer Weiß an.

Hier ist mein XML für mein TextInputLayoutundEditText

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

Und hier ist der Stil, den ich für TextInputLayout(ich habe versucht, das hintTextColorAttribut schwarz zu machen, habe aber nichts für mich getan):

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

Definieren Sie android:textColorHintin Ihrem Anwendungsthema:

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

Quelle

Erstellen Sie einen benutzerdefinierten Stil in 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>

Dann in Ihrem Layout XML - Datei, fügt Thema Attribute wie unten

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

hoffe das funktioniert

Fügen Sie Ihrem Bearbeitungstext die Eigenschaft textColorHint hinzu

android:textColorHint="#F6F6F6"

oder welche Farbe Sie wollen

habe das gleiche Problem. Wird behoben, indem diese Zeilen in das übergeordnete Thema eingefügt werden .

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

Wenn Sie diese setzen

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

in einem separaten Stil und wenden Sie es auf TextInputLayout oder Edittext an. Es wird nicht angezeigt . Sie MÜSSEN es in das übergeordnete Thema der Anwendung einfügen.

Ich bin nicht sicher, was Ihr Problem verursacht. Dieser Code funktioniert perfekt für mich. Ich denke, es hat etwas mit der Verwendung des richtigen XML-Namespace ( xmlns) zu tun . Ich bin nicht sicher, ob die Verwendung von android.support.design ohne XML-Namespace-Attribut unterstützt wird. Oder es hat etwas mit dem zu tun textColorHintAttribut Sie verwenden auf der EditText selbst.

Layout:

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

Stil:

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

Lesen Sie den folgenden Code, der für mich funktioniert hat. Aber er wirkt sich auf alle Farben Ihrer Steuerelemente aus.

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

Fügen Sie im TextInputLayout, das den EditText enthält, Folgendes hinzu:

android:textColorHint="someColor"

Viele Antworten, aber dafür nur eine Zeile:

android: textColorHint = "# 000000"

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

android: textColorHint = "# FFFFFF" funktioniert manchmal und manchmal nicht. Für mich unten funktioniert die Lösung perfekt

Probieren Sie den folgenden Code aus, der in Ihrer XML-Datei funktioniert, und das TextLabel-Design ist in style.xml definiert

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

Im Stilordner TextLabel Code

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

Wenn Sie nur die Farbe des Etiketts im falschen Zustand ändern möchten, sind colorAccent, colorControlNormal und colorControlActivated nicht erforderlich

Sie können mit android:textColorHint="@color/color_black"innen TextInputlayoutEs ist für mich gearbeitet.

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

Demnach: https://code.google.com/p/android/issues/detail?id=176559

Versuche dies:

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

Es funktioniert in 23.1.1

Mit der Materialkomponentenbibliothek können Sie TextInputLayoutdie Farbe des Hinweistextes anpassen, indem Sie:

• Im Layout:

  • app:hintTextColor Attribut: Die Farbe des Etiketts, wenn es reduziert ist und das Textfeld aktiv ist
  • android:textColorHint Attribut: Die Farbe der Beschriftung in allen anderen Textfeldzuständen (z. B. Ruhezustand und Deaktiviert).

Etwas wie:

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

Anscheinend hatte die übergeordnete Ansicht einen Stil für eine Bibliothek eines Drittanbieters, der dazu führte, dass der EditText weiß war.

android:theme="@style/com_mixpanel_android_SurveyActivityTheme"

Nachdem ich das entfernt hatte, funktionierte alles einwandfrei.

versuchen Sie dies kann diese Hilfe

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

        }
    });

spät, aber es kann jemandem helfen, den ich so gemacht habe

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

Ändern Sie Ihre FarbeAccent auf die gewünschte Farbe in Ihrem Design, dies ändert Ihre EditText-Zeile, den Cursor sowie Ihren Hinweis

oder Sie können diesen Stil auch in Ihre style.xml aufnehmen

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

Dann können Sie es in Ihr TextInputLayout so einfügen

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

Verwenden Sie textColorHint, um die gewünschte Farbe als Hinweisfarbe für den EditText festzulegen. Die Sache ist, dass der Hinweis im EditText nicht verschwindet, wenn Sie etwas eingeben, sondern sofort, wenn der EditText den Fokus erhält (mit einer coolen Animation). Sie werden dies deutlich bemerken, wenn Sie den Fokus weg und zum EditText wechseln.

Aus der Dokumentation:

Der Hinweis sollte im TextInputLayout und nicht im EditText festgelegt werden. Wenn für den untergeordneten EditText in XML ein Hinweis angegeben ist, funktioniert das TextInputLayout möglicherweise weiterhin ordnungsgemäß. TextInputLayout verwendet den Hinweis von EditText als schwebende Bezeichnung. Bei zukünftigen Aufrufen zum Ändern des Hinweises wird der Hinweis von TextInputLayout jedoch nicht aktualisiert. Um unbeabsichtigtes Verhalten zu vermeiden, rufen Sie setHint (CharSequence) und getHint () in TextInputLayout anstelle von EditText auf.

Versuchen Sie , android:hintund app:hintTextColorauf TextInputLayoutstatt auf TextInputEditText.

Sie müssen die Hinweisfarbe für TextInputLayout festlegen.

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

Versuchen Sie den folgenden Code:

Die helle Farbe ist Weiß:

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

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

Hier ist meine Erfahrung mit diesem ähnlichen Problem und der erforderlichen Lösung.

Anforderung:

• Notwendigkeit zum Anpassen TextInputEditText(kann sagen, dass einige transparent sein sollten und andere nicht, sondern benutzerdefinierte Farben für verschiedene Ereignisse verwenden sollten)

Problem konfrontiert:

• android:textColorHint funktioniert nicht wie erforderlich.

Lösungen ausprobiert, die fehlgeschlagen sind:

• Stilvoll verwendet android:textColorHintund angewendet TextInputEditText. Keine Ergebnisse oder Unterschiede.
• Im android:textColorHintangewendeten Thema der Anwendung festlegen. Es hat geholfen, aber es wurde jetzt für die gesamte Anwendung eingestellt. (Nicht den Anforderungen entsprechend)

Nach viel RnD war die beste gefundene LÖSUNG in einem Artikel, in dem beschrieben wurde, dass wir ein Thema auf TextInputLayoutoder auf die übergeordnete Ansicht anwenden müssen, anstatt nur Stil auf anzuwendenTextInputEditText oder auf die übergeordnete Ansicht .

Bitte überprüfen Sie das richtige TextInputLayout-Theming, aus dem hervorgeht, dass wir auf dem falschen Weg sind.

Als ich versuchte, das Themenattribut auf TextInputLayout zu setzen, wurde das Thema auch auf die untergeordnete Ansicht edittext angewendet, die ich nicht wollte.

Die Lösung, die für mich funktioniert hat, bestand darin, der Eigenschaft "app: pointeTextAppearance" des TextInputLayout einen benutzerdefinierten Stil hinzuzufügen.

Fügen Sie in styles.xml den folgenden Stil hinzu:

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

Wenden Sie diesen Stil wie folgt auf die Eigenschaft "app: tipTextAppearance" des TextInputLayout an:

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

Wenn Sie eine neue Androidx-Materialdesignbibliothek verwenden com.google.android.material , können Sie die Farbstatistikliste verwenden, um die Farbe des Hinweistextes im fokussierten, schwebenden und Standardzustand wie folgt zu steuern. (inspiriert davon )

In res/color/text_input_box_stroke.xmlPut etwas wie folgt aus :

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

Dann styles.xmlwürden Sie in Ihre setzen:

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

Geben Sie schließlich Ihren Stil in der aktuellen an. TextInputLayout Aus irgendeinem Grund müssen Sie auch die android:textColorHintStandardtextfarbe für den Hinweis festlegen :

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

Wenn Sie die Materialdesignbibliothek verwenden. Derzeit verwende ich die Version

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

1 - Legen Sie die Farbe fest, wenn TextInputLayout ruht.

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

2 - Legen Sie die Farbe fest, wenn TextInputLayout schwebend / fokussiert / getippt ist.

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

3 - Legen Sie die Farbe der Linie unter TextInputLayout fest.

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

4 - Legen Sie die Farbe des Fehlers unter TextInputLayout fest.

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