Android EditText view Floating Hint in Material Design

Question

Does API 21 provide a method to use the following feature   http   www google com design spec components text-fields html text-fields-floating-labels  I m trying to float the EditText hints   Thanks

User · Answer

Floating hint EditText   Add below dependency in gradle   compile  com android support design 22 2 0    In layout    lt android support design widget TextInputLayout     android id    id text input layout      android layout width  match parent      android layout height  wrap content  gt            lt EditText             android id    id editText              android layout width  match parent              android layout height  wrap content              android hint  UserName   gt       lt  android support design widget TextInputLayout gt

User · Answer

Import the Support Libraries  In your project s build gradle file  add the following lines in the project s dependencies   dependencies       compile fileTree dir   libs   include      jar         compile  com android support design 22 2 0      compile  com android support appcompat-v7 22 2 0      Use following TextInputLayout in your UI Layout    lt android support design widget TextInputLayout     android id    id usernameWrapper      android layout width  match parent      android layout height  wrap content  gt        lt EditText         android id    id username          android layout width  match parent          android layout height  wrap content          android inputType  textEmailAddress          android hint  Username   gt    lt  android support design widget TextInputLayout gt    Than  call setHint on TextInputLayout just after setContentView call because  to animate the floating label  you just need to set a hint  using the setHint method   final TextInputLayout usernameWrapper    TextInputLayout  findViewById R id usernameWrapper   usernameWrapper setHint  Username

User · Answer

Use the TextInputLayout provided by the Material Components Library       lt com google android material textfield TextInputLayout         android layout width  quot match parent quot          android layout height  quot wrap content quot          android hint  quot Label quot  gt            lt com google android material textfield TextInputEditText             android layout width  quot match parent quot              android layout height  quot match parent quot    gt        lt  com google android material textfield TextInputLayout gt

User · Answer

andruboy s suggestion of https   gist github com chrisbanes 11247418 is probably your best bet   https   github com thebnich FloatingHintEditText kind of works with appcompat-v7 v21 0 0  but since v21 0 0 does not support accent colors with subclasses of EditText  the underline of the FloatingHintEditText will be the default solid black or white  Also the padding is not optimized for the Material style EditText  so you may need to adjust it

User · Answer

Android hasn t provided a native method  Nor the AppCompat   Try this library  https   github com rengwuxian MaterialEditText  This might be what you want

User · Answer

You need to add the following to your module build gradle file  implementation  com google android material material 1 0 0   And use com google android material textfield TextInputLayout in your XML          lt com google android material textfield TextInputLayout             android id  quot   id text input layout quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              android hint  quot  string my hint quot  gt            lt EditText             android id  quot   id editText quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              android hint  quot UserName quot   gt      lt  com google android material textfield TextInputLayout gt

User · Answer

For an easier way to use the InputTextLayout  I have created this library that cuts your XML code to less than the half  and also provides you with the ability to set an error message as well as a hint message and an easy way to do your validations  https   github com TeleClinic SmartEditText  Simply add   compile  com github TeleClinic SmartEditText 0 1 0    Then you can do something like this    lt 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    gt    lt 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    gt    lt 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      gt

User · Answer

No it doesn t   I would expect this in a future api release  but for now we are stuck with EditText   Another option is this library  https   github com marvinlabs android-floatinglabel-widgets

User · Answer

The Android support library can be imported within gradle in the dependencies        compile  com android support design 22 2 0    It should be included within GradlePlease  And as an example to use it     lt android support design widget TextInputLayout     android id    id to text input layout      android layout width  match parent      android layout height  wrap content  gt        lt AutoCompleteTextView         android id    id autoCompleteTextViewTo          android layout width  fill parent          android layout height  wrap content          android hint  To          android layout marginTop  45dp            gt   lt  android support design widget TextInputLayout gt    Btw  the editor may not understand that AutoCompleteTextView is allowed within TextInputLayout

User · Answer

Yes  as of May 29  2015 this functionality is now provided in the Android Design Support Library  This library includes support for    Floating labels Floating action button Snackbar Navigation drawer and more

[android] Android EditText view Floating Hint in Material Design

Examples related to android

Examples related to text

Examples related to edit

Examples related to hint