EditText underline below text property

Question

I would like to change the blue colour below the edit text  i don t know what property it is    I tried using a different background colour for it but it didn t work   I ve attached an image below

User · Answer

If you don t have to support devices with API  lt  21  use backgroundHint in xml  for example     lt EditText             android layout width  match parent              android layout height  wrap content              android inputType  textPersonName              android hint  Task Name              android ems  10              android id    id task name              android layout marginBottom  15dp              android textAlignment  center              android textColor   android color white               android textColorLink   color blue              android textColorHint   color blue              android backgroundTint   color lighter blue    gt    For better support and fallbacks use  Akariuz solution  backgroundHint is the most painless solution  but not backward compatible  based on your requirements make a call

User · Answer

you can change Underline of EditText color specifying it in styles xml  In your app theme styles xml add the following    lt item name  android textColorSecondary  gt  color primary text color lt  item gt     As pointed out by ana in comment section     lt item name  android colorControlActivated  gt  color black lt  item gt    setting this in theme style works well for changing color of an edittext underline

User · Answer

You can change the color of EditText programmatically just using this line of code easily   edittext setBackgroundTintList ColorStateList valueOf yourcolor

User · Answer

Use below code to change background color of edit-text s border   Create new XML file under drawable   abc xml   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle  gt       lt solid android color   00000000    gt       lt stroke android width  1dip  android color   ffffff    gt   lt  shape gt    and add it as background of your edit-text  android background   drawable abc

User · Answer

change your colorAccent which color you need that color set on colorAccent and run you get the output

User · Answer

You can do it with AppCompatEditText and color selector               lt androidx appcompat widget AppCompatEditText                 android layout width  quot match parent quot                  android layout height  quot wrap content quot                  app backgroundTint  quot  color selector edittext underline quot    gt   selector edittext underline xml   lt selector xmlns android  quot http   schemas android com apk res android quot  gt       lt item android color  quot  color focused color quot             android state focused  quot true quot    gt       lt item android color  quot  color hint color quot    gt   lt  selector gt   NOTE  Put this selector file in res color folder  not res drawable  ususually res color does not exist and we may have to create it

User · Answer

It s actually fairly easy to set the underline color of an EditText programmatically  just one line of code    To set the color   editText getBackground   setColorFilter color  PorterDuff Mode SRC IN     To remove the color   editText getBackground   clearColorFilter      Note  when the EditText has focus on  the color you set won t take effect  instead  it has a focus color   API Reference   Drawable setColorFilter  Drawable clearColorFilter

User · Answer

In your app style define the property colorAccent  Here you find an example   lt style name  AppTheme  parent  Theme AppCompat Light  gt       lt  -- Customize your theme here  -- gt       lt item name  colorPrimary  gt  color action bar lt  item gt       lt item name  colorPrimaryDark  gt  color primary dark lt  item gt       lt item name  colorAccent  gt  color action bar lt  item gt   lt  style gt

User · Answer

To change bottom line color  you can use this in your app theme    lt style name  AppTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt  -- Customize your theme here  -- gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt       lt item name  colorPrimaryDark  gt  color colorPrimaryDark lt  item gt       lt item name  colorAccent  gt  color colorAccent lt  item gt        lt item name  colorControlNormal  gt  c5c5c5 lt  item gt       lt item name  colorControlActivated  gt  ffe100 lt  item gt       lt item name  colorControlHighlight  gt  ffe100 lt  item gt   lt  style gt    To change floating label color write following theme    lt style name  TextAppearence App TextInputLayout  parent   android style TextAppearance  gt   lt item name  android textColor  gt  4ffd04   enter image description here  1   1  lt  item gt   lt  style gt    and use this theme in your layout     lt android support design widget TextInputLayout     android layout width  match parent      android layout height  wrap content      android layout margin  20dp      app hintTextAppearance   style TextAppearence App TextInputLayout  gt        lt EditText         android id    id edtTxtFirstName CompleteProfileOneActivity          android layout width  match parent          android layout height  wrap content          android capitalize  characters          android hint  User Name          android imeOptions  actionNext          android inputType  text          android singleLine  true          android textColor   android color white    gt    lt  android support design widget TextInputLayout gt

User · Answer

So  you need to create a new  xml file in your drawable folder   In that file paste this code    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt      lt item     android bottom  8dp      android left  -3dp      android right  -3dp      android top  -3dp  gt       lt shape android shape  rectangle  gt        lt stroke        android width  1dp         android color   color white   gt        lt  shape gt      lt  item gt   lt  layer-list gt    And in your EditText  set  android background   drawable your drawable    You can play with your drawable xml  set corners  paddings  etc

User · Answer

Use android backgroundTint    in your EditText xml layout   For api lt 21 you can use AppCompatEditText from support library thenapp backgroundTint

User · Answer

This works fine for old and new version of Android  works fine even on API 10     Define this style in your styles xml    lt style name  EditText Login  parent  Widget AppCompat EditText  gt       lt item name  android textColor  gt  android color white lt  item gt       lt item name  android textColorHint  gt  android color darker gray lt  item gt       lt item name  colorAccent  gt  color blue lt  item gt       lt item name  colorControlNormal  gt  color blue lt  item gt       lt item name  colorControlActivated  gt  color blue lt  item gt   lt  style gt    And now in your XML  set this as theme and style  style to set textColor  and theme to set all other things     lt EditText     android layout width  match parent      android layout height  wrap content      android inputType  text      style   style EditText Login      android theme   style EditText Login   gt      Edit  This solution causes a tiny UI glitch on newer Android versions  Lollipop or Marshmallow onwards  that the selection handles are underlined   This issue is discussed in this thread   I haven t tried this solution personally

User · Answer

You have to use a different background image  not color  for each state of the EditText  focus  enabled  activated    http   android-holo-colors com   In the site above  you can get images from a lot of components in the Holo theme  Just select  EditText  and the color you want  You can see a preview at the bottom of the page   Download the  zip file  and copy paste the resources in your project  images and the XML    if your XML is named  apptheme edit text holo light xml  or something similar     Go to your XML  styles xml  and add the custom EditText style    lt style name  EditTextCustomHolo  parent  android Widget EditText  gt      lt item name  android background  gt  drawable apptheme edit text holo light lt  item gt      lt item name  android textColor  gt  ffffff lt  item gt   lt  style gt   Just do this in your EditText    lt EditText    android layout width  wrap content     android layout height  wrap content     style   style EditTextCustomHolo   gt     And that s it  I hope it helps you

User · Answer

Simply change android backgroundTint in xml code to your color

[android] EditText underline below text property

Examples related to android

Examples related to android-edittext

[android] EditText underline below text property

Examples related to android

Examples related to login

Examples related to android-edittext