How to change line color in EditText

Question

I am creating an EditText in my layout xml file   But I want to change color line in EditText from Holo to  for example  red  How that can be done

User · Answer

Its pretty simple  Required  Minimum API 21        Go to your xml and select the EditText field On the right side  you can see the  Attributes  window  Select  View All Attributes  Just search for  tint  And add change the  backgroundTint  to a desired color hex  say  FF0000        Keep Coding

User · Answer

Use android background property for that edittext  Pass your drawable folder image to it  For example   android background   drawable abc png

User · Answer

The best approach is to use an AppCompatEditText with backgroundTint attribute of app namespace  i e        lt android support v7 widget AppCompatEditText     android layout width  match parent            app backgroundTint  YOUR COLOR      android layout height  wrap content    gt    when we use android backgroundTint it will only work in API21 or more but app backgroundTint works on all API levels your app does

User · Answer

Try the following way  it will convert the bottom line color of EditText  when used as a background property    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 left   dimen spacing neg          android right   dimen spacing neg          android top   dimen spacing neg  gt           lt shape gt               lt solid android color   android color transparent    gt               lt stroke                 android width   dimen spacing 1                  android color   android color black    gt           lt  shape gt       lt  item gt   lt  layer-list gt

User · Answer

You can also quickly change the EditText s underline color by tinting the background of the EditText like so    lt EditText             android layout width  match parent              android layout height  wrap content              android hint  Something or Other              android backgroundTint   android color holo green light    gt

User · Answer

lt EditText         android id    id et password tlay          android layout width  match parent          android layout height  wrap content          android hint  Password          android textColorHint   9e9e9e          android backgroundTint   000          android singleLine  true          android drawableTint   FF4081          android paddingTop  25dp          android textColor   000          android paddingBottom  5dp          android inputType  textPassword   gt        lt View         android id    id UnderLine          android layout width  match parent          android layout height  1dp          android layout below    id et password tlay          android layout centerHorizontal  true          android background   03f94e    gt      it one of doing with view

User · Answer

The line s color is defined by EditText s background property  To change it you should change the android background in the layout file   I should note that this style is achieved by using a 9-patch drawable  If you look in the SDK  you can see that the background of the EditText is this image     To change it you could open it in an image manipulation program and color it in desired color  Save it as bg edit text 9 png and then put it in you drawable folder  Now you can apply it as a background for your EditText like so   android background   drawable bg edit text

User · Answer

You can do it dynamically if you have custom class for edittext  First of all you have declare state and color of edittext given below  int     states   new int                      new int   -android R attr state focused      enabled                 new int   android R attr state focused      disabled                    int   colors   new int                    secondaryColor                  primaryColor              Then Create ColorStateList variable with that ColorStateList myList   new ColorStateList states  colors    Then last step is to assign it to edittext  editText setBackgroundTintList myList    After this you have to written on focused change event  this setOnFocusChangeListener new OnFocusChangeListener                          Override                     public void onFocusChange View view  boolean b                            setUnderlineColor selectionColor deselectionColor                                              And you can make above code inside setUnderlineClor   Method  private void setUnderlineColor int primaryColor  int secondaryColor        if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP            int     states   new int                      new int   -android R attr state focused      enabled                 new int   android R attr state focused      disabled                    int   colors   new int                    secondaryColor                  primaryColor                     ColorStateList myList   new ColorStateList states  colors           setBackgroundTintList myList

User · Answer

To change Edittext   s underline color   If you want the entire app to share this style  then you can do the following way    1  go to styles xml file  Your AppTheme that inherits the parent of Theme AppCompat Light DarkActionBar  in my case  will be the base parent of all they style files in your app  Change the name of it to    AppBaseTheme     Make another style right under it that has the name of AppTheme and inherits from AppBaseTheme that you just edited  It will look like following    lt  -- Base application theme  -- gt   lt style name  AppBaseTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt  -- Customize your theme here  -- gt       lt item name  windowActionBar  gt false lt  item gt       lt  --see http   www google com design spec style color html color-color-palette-- gt       lt item name  colorPrimary  gt  color material brown 500 lt  item gt       lt item name  colorPrimaryDark  gt  color material brown 700 lt  item gt       lt item name  colorAccent  gt  color flamingo lt  item gt    lt style name  AppTheme  parent  AppBaseTheme  gt       lt  -- Customize your theme here  -- gt   lt  style gt    Then change the    colorAccent    to whatever the color you want your EditText line color to be     2  If you have other values folders with style xml  this step is very important  Because that file will inherit from your previous parent xml file  For example  I have values-19 styles xml  This is specifically for Kitkat and above  Change its parent to AppBaseTheme and make sure to get rid of    colorAccent    so that it doesn   t override the parent   s color  Also you need to keep the items that are specific to version 19  Then it will look like this    lt resources gt       lt  -- Base application theme  -- gt       lt style name  AppTheme  parent  AppBaseTheme  gt           lt item name  android windowTranslucentStatus  gt true lt  item gt       lt  style gt   lt  resources gt

User · Answer

Programmatically  you can try   editText getBackground   mutate   setColorFilter getResources   getColor android R color holo red light   PorterDuff Mode SRC ATOP

User · Answer

I don t like previous answers  The best solution is to use    lt android support v7 widget AppCompatEditText        app backgroundTint   color blue gray light    gt    android backgroundTint for EditText works only on API21    Because of it  we have to use the support library and AppCompatEditText    Note  we have to use app backgroundTint instead of android backgroundTint  AndroidX version    lt androidx appcompat widget AppCompatEditText        app backgroundTint   color blue gray light    gt

User · Answer

for API below 21  you can use theme attribute in EditText  put below code into style file   lt style name  MyEditTextTheme  gt       lt item name  colorControlNormal  gt  FFFFFF lt  item gt       lt item name  colorControlActivated  gt  FFFFFF lt  item gt       lt item name  colorControlHighlight  gt  FFFFFF lt  item gt   lt  style gt    use this style in EditText as    lt EditText     android id    id etPassword      android layout width  match parent      android layout height   dimen user input field height      android layout marginTop  40dp      android hint   string password hint      android theme   style MyEditTextTheme      android singleLine  true    gt

User · Answer

You can change the color with tinting the  background       lt EditText     android backgroundTint   color red   gt

User · Answer

The background of widgets are API level dependent   ALTERNATIVE 1  You can provide a custom image to your EditText background by   android background   drawable custom editText    Your image should look something like this  It will give you the desired effect     ALTERNATIVE 2  Set this xml to your EditText background attribute    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   android shape  rectangle  android padding  10dp  gt   lt solid android color   4C000000   gt       lt corners android bottomRightRadius  5dp               android bottomLeftRadius  5dp               android topLeftRadius  5dp               android topRightRadius  5dp   gt   lt  shape gt    This will have the same look and feel of your EditText on every API

User · Answer

drawable bg edittext xml   lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle  gt               lt solid android color   android color transparent    gt           lt  shape gt       lt  item gt        lt item         android left  -2dp          android right  -2dp          android top  -2dp  gt           lt shape gt               lt solid android color   android color transparent    gt               lt stroke                 android width  1dp                  android color   color colorDivider    gt           lt  shape gt       lt  item gt   lt  layer-list gt    Set to EditText   lt android support v7 widget AppCompatEditText     android layout width  match parent      android layout height  wrap content      android background   drawable bg edittext   gt

User · Answer

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

User · Answer

This can simply be done by including this android theme   style AppTheme AppBarOverlay as attribute in for your editText and add this  lt style name  AppTheme AppBarOverlay  parent  ThemeOverlay AppCompat Dark ActionBar    gt  to your styles

User · Answer

This is the best tool that you can use for all views and its FREE many thanks to  J  r  me Van Der Linden  The Android Holo Colors Generator allows you to easily create Android components such as EditText or spinner with your own colours for your Android application  It will generate all necessary nine patch assets plus associated XML drawable and styles which you can copy straight into your project   http   android-holo-colors com   UPDATE 1 This domain seems expired but the project is an open source you can find here  https   github com jeromevdl android-holo-colors  try it this image put in the background of EditText android background  quot  drawable textfield activated quot     UPDATE 2 For API 21 or higher  you can use android backgroundTint  lt EditText         android layout width  quot match parent quot          android layout height  quot wrap content quot          android hint  quot Underline color change quot          android backgroundTint  quot  android color holo red light quot    gt    Update 3 Now We have with back support AppCompatEditText Note  We need to use app backgroundTint instead of android backgroundTint  lt android support v7 widget AppCompatEditText    android layout width  quot match parent quot     android layout height  quot wrap content quot     android hint  quot Underline color change quot      app backgroundTint  quot  color blue gray light quot    gt   Update 4 AndroidX version    lt androidx appcompat widget AppCompatEditText      app backgroundTint  quot  color blue gray light quot    gt

User · Answer

If you want a flat line  you can do this easily with xml  Here is the xml example    lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item         android top  -1dp          android left  -1dp          android right  -1dp          android bottom  1dp           gt           lt shape android shape  rectangle  gt               lt stroke android width  1dp  android color   6A9A3A   gt           lt  shape gt       lt  item gt   lt  layer-list gt    Replace the shape with a selector if you want to provide different width and color for focused edittext

User · Answer

Use this method   and modify it according to ur view names  This code works great    private boolean validateMobilenumber                 if  mobilenumber getText   toString   trim   isEmpty      mobilenumber getText   toString   length    lt  10                    input layout mobilenumber setErrorEnabled true                   input layout mobilenumber setError getString R string err msg mobilenumber                      requestFocus mobilenumber                   return false                else                   input layout mobilenumber setError null                   input layout mobilenumber setErrorEnabled false                   mobilenumber setBackground mobilenumber getBackground   getConstantState   newDrawable

User · Answer

i think the best way is by theme    lt style name  MyEditTextTheme  parent  Theme AppCompat Light DarkActionBar  gt           lt item name  colorControlNormal  gt  color black lt  item gt           lt item name  colorControlActivated  gt  color action blue lt  item gt           lt item name  colorControlHighlight  gt  color action blue lt  item gt   lt  style gt    lt style name  AddressBookStyle  parent  Theme AppCompat Light DarkActionBar  gt        lt item name  android layout width  gt match parent lt  item gt        lt item name  android layout height  gt wrap content lt  item gt        lt item name  android textSize  gt 13sp lt  item gt        lt item name  android theme  gt  style MyEditTextTheme lt  item gt   lt  style gt    lt android support v7 widget AppCompatEditText             style   style AddressBookStyle   gt

[android] How to change line color in EditText

Examples related to android

Examples related to xml

Examples related to layout

Examples related to styles