Ändern Sie die TextInputLayout-Umrissfarbe

Ich versuche, ein TextInputLayout mit Materialstil anzupassen. Ich habe es geschafft, den fokussierten Zustand auf die gewünschten Farben einzustellen:

Verwenden

<com.google.android.material.textfield.TextInputLayout
     style="@style/LoginTextInputLayoutStyle"
     android:theme="@style/LoginTextInputLayoutStyle"
     android:textColorHint="#fff"
     app:boxStrokeColor="#fff"
     .....>
          <EditText ...

Wo ist der Stil:

<style name="LoginTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
    <item name="colorAccent">#fff</item>
</style>   

Aber wenn die Texteingabe nicht fokussiert ist, bekomme ich diesen Look:

Wie kann ich die Farbe der schwarzen Linie auch in weiß ändern?

Verwenden Sie diesen Stil, um Rahmenfarbe und Rahmenbreite wie folgt anzuwenden:

<style name="LoginTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
    <item name="boxStrokeColor">#fff</item>
    <item name="boxStrokeWidth">2dp</item>
</style>

Weitere Details zum Styling erhalten Sie hier Verknüpfung

Fügen Sie die folgende Zeile in Ihrer hinzu colors.xml Datei, die die Standardfarbe für überschreibt TextInputLayout

<color name="mtrl_textinput_default_box_stroke_color" tools:override="true">#fff</color>

Ab Version 1.1.0-alpha02 der Materialkomponenten für Android funktioniert es, einfach eine zu erstellen ColorStateList für diese Artikel. Das Verfahren ist wie folgt:

Erstellen Sie ein neues Ressourcenverzeichnis “color” in res und fügen Sie in color eine Farbressourcendatei mit dem Namen “text_input_box_stroke.xml” hinzu. res/color/text_input_box_stroke.xml stell mal so was ein:

<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 in deiner styles.xml du würdest setzen:

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

Geben Sie schließlich Ihren Stil für die eigentliche an TextInputLayout:

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

Ab Material Components Alpha 7 erstellen Sie einfach eine Farbauswahldatei wie folgt: colors/text_input_outline_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" android:color="@color/buttonDark"/>
    <item android:state_hovered="true" android:color="@color/buttonDark"/>
    <item android:state_focused="true" android:color="@color/buttonDark"/>
    <item android:color="@color/buttonDark"/>
</selector>

Für mehr Kontext dazu, wie dies eingestellt wird. Hier ist relevanter Quellcode:

ColorStateList boxStrokeColorStateList =
    MaterialResources.getColorStateList(context, a, R.styleable.TextInputLayout_boxStrokeColor);
if (boxStrokeColorStateList != null && boxStrokeColorStateList.isStateful()) {
  defaultStrokeColor = boxStrokeColorStateList.getDefaultColor();
  disabledColor =
      boxStrokeColorStateList.getColorForState(new int[] {-android.R.attr.state_enabled}, -1);
  hoveredStrokeColor =
      boxStrokeColorStateList.getColorForState(new int[] {android.R.attr.state_hovered}, -1);
  focusedStrokeColor =
      boxStrokeColorStateList.getColorForState(new int[] {android.R.attr.state_focused}, -1);
} else {
  // If attribute boxStrokeColor is not a color state list but only a single value, its value
  // will be applied to the box's focus state.
  focusedStrokeColor =
      a.getColor(R.styleable.TextInputLayout_boxStrokeColor, Color.TRANSPARENT);
  defaultStrokeColor =
      ContextCompat.getColor(context, R.color.mtrl_textinput_default_box_stroke_color);
  disabledColor = ContextCompat.getColor(context, R.color.mtrl_textinput_disabled_color);
  hoveredStrokeColor =
      ContextCompat.getColor(context, R.color.mtrl_textinput_hovered_box_stroke_color);
}

Aus dieser Liste können Sie ersehen, dass Sie sicherstellen möchten, dass Sie einen Farbwähler mit allen definierten Zuständen verwenden, oder er wird standardmäßig auf eine andere Farbe zurückgesetzt.

Entfernen Sie zuerst aus Ihrem TextInputLayout

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

Zweitens fügen Sie ein neues Farbattribut hinzu

 <color name="mtrl_textinput_default_box_stroke_color" tools:override="true" >YourColor</color>

Muss den gleichen Namen schreiben mtrl_textinput_default_box_stroke_color nicht ändern

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

<item android:state_focused="false" android:color="#FFFFFF"/></selector>

Erstellen Sie das Farbverzeichnis und erstellen Sie darin eine Ressourcendatei. Fügen Sie den obigen Code in die XML-Datei des Farbverzeichnisses ein und fügen Sie im Texteingabe-Layoutstil die folgende Zeile ein

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

Ich erstelle dynamisch meinen Bildschirm. Ich benutze TextInputLayout und erstelle meinen dynamischen Bearbeitungstext in TextInputLayout. Wenn Sie geben möchten TextInputLayout bis zur Grenze führen Sie die folgenden Schritte der Reihe nach aus.

1- Build.gradle einschließen;

implementation 'com.google.android.material:material:1.0.0'

2- im Kotlin-Code;

val textInputLayout = TextInputLayout(this)
        textInputLayout.apply {
            boxStrokeColor = Color.parseColor("#E68A06")
            setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE)
            setHintTextAppearance(R.style.ValidatableInputLayoutStyle_OutlineBox_HintInputLayoutStyle)
            setBoxCornerRadii(16f, 16f, 16f, 16f)
            setPadding(4, 0, 0, 0)
        }

3- style.xml

<style name="ValidatableInputLayoutStyle.OutlineBox.HintInputLayoutStyle" parent="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
        <item name="android:textColor">@color/colorPrimary</item>
        <item name="android:textSize">14sp</item>

Mein Komponentenbildlink

Matrial Text bearbeiten

Schritt 1: Bibliothek im Modulabhängigkeitsabschnitt build.gradle(Module App) hinzufügen

Implementierung „com.android.support:design:28.0.0-alpha1“

Schritt 2: XML-Code

<com.google.android.material.textfield.TextInputLayout
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:boxStrokeColor="#0000FF"
            app:boxStrokeWidth="2dp"
            android:layout_gravity="center"
            >

           <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/txtusername"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/lable" />

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