Android EditText vue Flottant de Pointe dans la Conception de Matériel

Ne l'API 21 fournir une méthode pour utiliser la fonctionnalité suivante:

http://www.google.com/design/spec/components/text-fields.html#text-fields-floating-labels

Je suis en train de faire flotter le EditText conseils.

Merci!

  • gist.github.com/chrisbanes/11247418
  • J'ai couru à ce aussi bien au cours de ma recherche, mais je me demandais si Android a fourni une méthode native.
  • Cela nous fait penser que quelque chose est incorrect avec Android. Il y a plusieurs lacunes sur l'API pour la Conception de Matériel. Un autre exemple est le Flotteur sur le Bouton d'Action.
InformationsquelleAutor xsorifc28 | 2014-10-20
  1. 104

    Flottant soupçon EditText:

    Ajouter en dessous de la dépendance dans gradle:

    compile 'com.android.support:design:22.2.0'

    Dans la mise en page:

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

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="UserName"/>
    </android.support.design.widget.TextInputLayout>
    InformationsquelleAutor arpit
  2. 60

    Oui, comme le Mai 29, 2015 cette fonctionnalité est désormais fourni dans le Android Support À La Conception De La Bibliothèque

    Cette bibliothèque inclut le support pour

    • Flottant étiquettes
    • Flottant sur le bouton d'action
    • Buvette
    • De Navigation tiroir
    • et plus
    InformationsquelleAutor Dave Jensen
  3. 18

    Android support library peuvent être importés dans gradle dans les dépendances :

        compile 'com.android.support:design:22.2.0'

    Il doit être inclus dans les GradlePlease! Et comme un exemple pour l'utiliser:

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

    <AutoCompleteTextView
        android:id="@+id/autoCompleteTextViewTo"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="To"
        android:layout_marginTop="45dp"
        />
</android.support.design.widget.TextInputLayout>

    Btw, l'éditeur ne peut pas comprendre que AutoCompleteTextView est autorisée au sein TextInputLayout.

    InformationsquelleAutor aselims
  4. 11

    Android n'a pas fourni une méthode native. Ni le AppCompat.

    Essayer cette bibliothèque: https://github.com/rengwuxian/MaterialEditText

    Cela pourrait être ce que vous voulez.

    • J'obtiens l'Erreur:(1) "Attribut "couleur" a déjà été définie" sur gradle de synchronisation, probablement en raison de la appcompat-v7. Je ne peux pas m'en débarrasser. Anny suggestions?
    • MaterialEditText n'a pas défini un attribut nommé "couleur", donc ça doit être quelque chose de mal, d'ailleurs.
    InformationsquelleAutor rengwuxian
  5. 9

    Importer les Bibliothèques de prise en charge, Dans votre projet de construction.gradle fichier, ajoutez les lignes suivantes dans le cadre du projet dépendances:

    dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])

    compile 'com.android.support:design:22.2.0'
    compile 'com.android.support:appcompat-v7:22.2.0'
}

    Utiliser à la suite de TextInputLayout à votre Disposition de l'INTERFACE utilisateur:

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

    <EditText
        android:id="@+id/username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress"
        android:hint="Username"/>

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

    Que, appelez setHint sur TextInputLayout juste après setContentView appel de la cause, pour animer le flottant de l'étiquette, il vous suffit de définir un indice, à l'aide de la setHint méthode.

    final TextInputLayout usernameWrapper = (TextInputLayout) findViewById(R.id.usernameWrapper);
usernameWrapper.setHint("Username");
    • À l'aide de 23.1.1 au moins, vous n'avez pas besoin d'utiliser un appel explicite à setHint(). Il fonctionne avec l'indicateur situé sur le EditText dans la mise en page xml.
    InformationsquelleAutor shridutt kothari
  6. 3

    @andruboy la suggestion de https://gist.github.com/chrisbanes/11247418 est probablement votre meilleur pari.

    https://github.com/thebnich/FloatingHintEditText genre de travaille avec appcompat-v7 v21.0.0, mais depuis la version v21.0.0 ne prend pas en charge les accents de couleurs avec des sous-classes de EditText, le soulignement de la FloatingHintEditText sera la valeur par défaut solide, noir ou blanc. Aussi le rembourrage n'est pas optimisé pour le Matériel style EditText, de sorte que vous devrez peut-être ajuster.

    • Je vous remercie. Je devine que google n'a pas non plus fourni une api pour la création de matériel de style modifier le texte d'avertissement, comme dans google.com/design/spec/components/... Désolé pour l'amateur de questions, je suis en train d'essayer de s'adapter à la conception de matériel autant que je le peux à l'aide d'api google/bibliothèques et à essayer de comprendre tout ce qui a été fourni vs en dehors des bibliothèques. Merci encore!
    InformationsquelleAutor TalkLittle
  7. 0

    Non, il ne le fait pas. Je m'attends à voir dans une future version de l'api, mais pour l'instant, nous sommes coincés avec EditText. Une autre option est de cette bibliothèque:

    https://github.com/marvinlabs/android-floatinglabel-widgets

    InformationsquelleAutor Patrick
  8. 0

    Essayer de cette façon,

    Android EditText vue Flottant de Pointe dans la Conception de Matériel

      dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:design:23.0.1'

    }

    pour plus d'information, cliquez sur ici

    InformationsquelleAutor Dhina k
  9. 0

    Un moyen plus facile d'utiliser le InputTextLayout, j'ai créé cette bibliothèque qui coupe votre code XML à moins de la moitié, et vous offre également la possibilité de définir un message d'erreur ainsi qu'un indicateur de message et un moyen facile de faire vos validations.
    https://github.com/TeleClinic/SmartEditText

    Simplement ajouter 

    compile 'com.github.TeleClinic:SmartEditText:0.1.0'

    Ensuite, vous pouvez faire quelque chose comme ceci:

    <com.teleclinic.kabdo.smartmaterialedittext.CustomViews.SmartEditText
    android:id="@+id/emailSmartEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:setLabel="Email"
    app:setMandatoryErrorMsg="Mandatory field"
    app:setRegexErrorMsg="Wrong email format"
    app:setRegexType="EMAIL_VALIDATION" />

<com.teleclinic.kabdo.smartmaterialedittext.CustomViews.SmartEditText
    android:id="@+id/passwordSmartEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:setLabel="Password"
    app:setMandatoryErrorMsg="Mandatory field"
    app:setPasswordField="true"
    app:setRegexErrorMsg="Weak password"
    app:setRegexType="MEDIUM_PASSWORD_VALIDATION" />

<com.teleclinic.kabdo.smartmaterialedittext.CustomViews.SmartEditText
    android:id="@+id/ageSmartEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:setLabel="Age"
    app:setMandatory="false"
    app:setRegexErrorMsg="Is that really your age :D?"
    app:setRegexString=".*\\d.*" />
    InformationsquelleAutor Karim