Outlined Edit Text from Material Design

by

Read Outline Box .

Outline text fields have a stroked border and are less emphasized. To
use an outline text field, apply the following style to your
TextInputLayout:

 style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

Dependencies

implementation 'com.android.support:design:28.0.0-alpha1'

XML

   <android.support.design.widget.TextInputLayout
   android:id="@+id/name_text_input"
   style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   >

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

DEMO

FYI

Legacy support ended in Android 28 . Now onward use

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

More Related Contents:

  1. What is the difference between Android Material Design UI and Android UI without material design?
  2. Focusable EditText inside ListView
  3. Put constant text inside EditText which should be non-editable – Android
  4. How to change the floating label color of TextInputLayout
  5. How do you set the EditText keyboard to only consist of numbers on Android?
  6. How to detect the swipe left or Right in Android?
  7. How to Automatically add thousand separators as number is input in EditText
  8. EditText maxLines not working – user can still input more lines than set
  9. Toolbar overlapping below status bar
  10. How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?
  11. TextInputLayout :How to give padding or margin to hint?
  12. Android Keyboard hides EditText
  13. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  14. Show Error on the tip of the Edit Text Android
  15. Error : IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents
  16. Android adjustpan not working after the first time
  17. Change border color when edittext is focused
  18. How to use setOutlineProvider instead of setOutline in Lollipop
  19. Android: Set Edit text or text view id Programmatically
  20. EditText request focus
  21. How to limit EditText length to 7 integers and 2 decimal places?
  22. Android: Bottom Navigation View – change icon of selected item
  23. Blinking screen on image transition between activities
  24. How to change default color of progress bar?
  25. Android Studio Google Map V2 fragment rendering
  26. How to scroll recyclerView programmatically?
  27. RelativeLayout weight
  28. banded background with two colors?
  29. Different tab width for TabLayout
  30. How to include layout inside layout?

Leave a Comment