So verwenden Sie TextInputLayout in der neuen Android-Design-Bibliothek

Question

Vor kurzem Google eingeführt neue Android Design-Bibliothek in das TextInputLayout Feld verwenden, um die Floating Hint-Funktion von EditText zu aktivieren.

Nicht viel Anleitung ist verfügbar here.

Diese Seite sagt

Sie jetzt in einem TextInputLayout wickeln kann

aber keine Ahnung, weil intelligente Vorhersage (Strg + SPACE) wird prognostiziert keine Attribute zum TextInputLayout. Meine Fragen sind also:

Wie erhalten wir den EditText, der dieser Komponente zugrunde liegt?

Wie können wir Daten von EditText erhalten?

Answer 1

TextInputLayout erweitert ViewGroup Klasse. Also was bedeutet, dass Sie Ihre EditText in eine TextInputLayout wickeln müssen.

<android.support.design.widget.TextInputLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <EditText 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="hint" 
     android:id="@+id/editText1" /> 

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

Answer 2

Dies ist in design support library unter "Floating-Etikett für die Bearbeitung von Text" definiert.

 <android.support.design.widget.TextInputLayout 
      android:id="@+id/name_et_textinputlayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="@dimen/activity_vertical_margin"> 

      <EditText 
       android:id="@+id/FeedBackerNameET" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:hint="hinttext" 
       android:inputType="textPersonName|textCapWords" /> 
    </android.support.design.widget.TextInputLayout> 

Answer 3

Damit dies funktioniert gut, sollten Sie Sie app Thema aus Theme.AppCompat erweitert lassen (oder deren Nachkommen) Thema, von Theme.AppCompat.Light.NoActionBar erstreckt wie.

Answer 4

<android.support.design.widget.TextInputLayout 
    android:id="@+id/til_message" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <EditText 
     android:id="@+id/et_message" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="@string/type_message" 
     android:maxLines="5"/> 

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

Hinweis wird automatisch verschieben, sobald Sie mit der Eingabe in dem Bearbeiten von Text beginnen und diese Fehler zu haben, die unter Bearbeiten von Textsatz Fehlern auf Texteingabe-Layout wie diese erscheint nicht auf Text bearbeiten

tilMessage.setError("Message field is empty!"); 

zu deaktivieren Fehler

tilMessage.setErrorEnabled(false); 

Answer 5

wickeln Sie das TextInputLayout um TextInputEditText statt EditText.

Wrapping um EditText hat Problem im Querformat-Modus. Weitere Informationen finden Sie unter this article.

<android.support.design.widget.TextInputLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <android.support.design.widget.TextInputEditText 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="hint" 
     android:id="@+id/editText1" /> 

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

Answer 6

Wir können AppCompactEditText verwenden auch für diesen Bedarf Unterstützung hinzuzufügen: appcompat in gradle

<android.support.design.widget.TextInputLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="20dp"> 

    <android.support.v7.widget.AppCompatEditText 
     android:id="@+id/et_name" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="@string/hint" 
     android:maxLength="100" 
     android:inputType="textNoSuggestions" 
     android:textColor="@color/colorPrimary" 
     android:textSize="@dimen/font_size_large" /> 

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

Answer 7

der richtige Weg ...

<android.support.design.widget.TextInputLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:padding="10dp"> 

      <android.support.design.widget.TextInputEditText 
       android:id="@+id/card_id_edit_text" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:hint="@string/form_card_id_text" 
       android:inputType="number" 
       android:maxLength="10"/> 
     </android.support.design.widget.TextInputLayout> 

Wenn Sie EditText wie ein Kind verwenden von TextInputLayout wird diese Nachricht in Android Monitor angezeigt:

I/TextInputLayout: EditText hinzugefügt ist kein TextInputEditText. Bitte wechseln Sie stattdessen zur Verwendung dieser Klasse.