Change background color of edittext in android

Question

If I change the background color of my EditText using the below code  it looks like the box is shrunken and it doesn t maintain the ICS theme of a blue bottom border that exists for a default EditText    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent      android background   99000000       gt       lt EditText         android id    id id nick name          android layout marginTop  80dip          android layout width  fill parent          android layout height  wrap content          android background   ffffff          gt       lt LinearLayout              android layout width  fill parent              android layout height  wrap content               android layout marginTop  10dip               android layout marginLeft  20dip               android layout marginRight  20dip              android orientation  horizontal              android layout below    id id nick name  gt             lt Button              android layout width  fill parent              android layout height  wrap content              android text  add              android layout weight  1                gt            lt Button              android layout width  fill parent              android layout height  wrap content              android text  cancel              android layout weight  1                gt       lt  LinearLayout gt   lt  RelativeLayout gt    Here is what it looks like

User · Answer

For me this code it work So put this code in XML file rounded_edit_text

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item> <shape android:shape="rectangle"> <stroke android:width="1dp" android:color="#3498db" /> <solid android:color="#00FFFFFF" /> <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp" > </padding> </shape> </item> </layer-list>

User · Answer

I worked out a working solution to this problem after 2 days of struggle  below solution is perfect for them who want to change few edit text only  change toggle color through java code  and want to overcome the problems of different behavior on OS versions due to use setColorFilter   method       import android content Context  import android graphics PorterDuff  import android graphics drawable Drawable  import android support v4 content ContextCompat  import android support v7 widget AppCompatDrawableManager  import android support v7 widget AppCompatEditText  import android util AttributeSet  import com newco cooltv R   public class RqubeErrorEditText extends AppCompatEditText      private int errorUnderlineColor    private boolean isErrorStateEnabled    private boolean mHasReconstructedEditTextBackground     public RqubeErrorEditText Context context        super context       initColors           public RqubeErrorEditText Context context  AttributeSet attrs        super context  attrs       initColors           public RqubeErrorEditText Context context  AttributeSet attrs  int defStyleAttr        super context  attrs  defStyleAttr       initColors           private void initColors         errorUnderlineColor   R color et error color rule          public void setErrorColor         ensureBackgroundDrawableStateWorkaround        getBackground   setColorFilter AppCompatDrawableManager getPorterDuffColorFilter          ContextCompat getColor getContext    errorUnderlineColor   PorterDuff Mode SRC IN           private void ensureBackgroundDrawableStateWorkaround         final Drawable bg   getBackground        if  bg    null          return            if   mHasReconstructedEditTextBackground             This is gross  There is an issue in the platform which affects container Drawables          where the first drawable retrieved from resources will propogate any changes           like color filter  to all instances from the cache  We ll try to workaround it          final Drawable newBg   bg getConstantState   newDrawable            if  bg instanceof DrawableContainer                 If we have a Drawable container  we can try and set it s constant state via              reflection from the new Drawable           mHasReconstructedEditTextBackground                 DrawableUtils setContainerConstantState                     DrawableContainer  bg  newBg getConstantState                     if   mHasReconstructedEditTextBackground               If we reach here then we just need to set a brand new instance of the Drawable            as the background  This has the unfortunate side-effect of wiping out any            user set padding  but I d hope that use of custom padding on an EditText            is limited          setBackgroundDrawable newBg           mHasReconstructedEditTextBackground   true                       public boolean isErrorStateEnabled         return isErrorStateEnabled         public void setErrorState boolean isErrorStateEnabled        this isErrorStateEnabled   isErrorStateEnabled      if  isErrorStateEnabled          setErrorColor          invalidate          else         getBackground   mutate   clearColorFilter          invalidate                  Uses in xml   lt com rqube ui widget RqubeErrorEditText             android id    id f signup et referral code              android layout width  match parent              android layout height  wrap content              android layout alignParentTop  true              android layout toEndOf    id referral iv              android layout toRightOf    id referral iv              android ems  10              android hint   string lbl referral code              android imeOptions  actionNext              android inputType  textEmailAddress              android textSize   dimen text size sp 16              android theme   style EditTextStyle   gt    Add lines in style   lt style name  EditTextStyle  parent  android Widget EditText  gt       lt item name  android textColor  gt  color txt color change lt  item gt       lt item name  android textColorHint  gt  color et default color text lt  item gt       lt item name  colorControlNormal  gt  color et default color rule lt  item gt       lt item name  colorControlActivated  gt  color et engagged color rule lt  item gt     lt  style gt    java code to toggle color  myRqubeEditText setErrorState true   myRqubeEditText setErrorState false

User · Answer

Here the best way   First   make new xml file in res drawable name it rounded edit text then paste this     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   F9966B    gt       lt corners         android bottomRightRadius  15dp          android bottomLeftRadius  15dp          android topLeftRadius  15dp          android topRightRadius  15dp    gt   lt  shape gt    Second  in res layout  copy and past following code  code of EditText              lt EditText     android id    id txtdoctor      android layout width  match parent      android layout height  30dp      android layout alignParentLeft  true      android layout alignParentTop  true      android background   drawable rounded edit text      android ems  10   gt       lt requestFocus   gt   lt  EditText gt

User · Answer

one line of lazy code   mEditText getBackground   setColorFilter Color RED  PorterDuff Mode SRC ATOP

User · Answer

What you should do is to create a 9 patch image for edittext and set that image as edit text background  You can create 9 patches using this website  I am attaching a sample 9 patch image for your reference Use it as edittext background and you will get an idea Right click the image and select  save image as   When you save the image dont forget to give its extension as  9 png

User · Answer

The color you are using is white    ffffff  is white so try a different one change in the values if you want until you get your need from this link Color Codes   and it should go fine

User · Answer

The simplest solution I have found is to change the background color programmatically  This does not require dealing with any 9-patch images     EditText  findViewById R id id nick name   getBackground        setColorFilter Color  lt your-desi  red-color gt   PorterDuff Mode MULTIPLY     Source  another answer

User · Answer

I create color xml file  for naming my color name  black  white        lt  xml version  1 0  encoding  utf-8   gt    lt resources gt       lt color name  white  gt  ffffff lt  color gt       lt color name  black  gt  000000 lt  color gt    lt  resources gt    And in your EditText  set color   lt EditText         android layout width  wrap content          android layout height  wrap content          android text  asdsadasdasd          android textColor   color black          android background   color white            gt    or use style in you style xml    lt style name  EditTextStyleWhite  parent  android style Widget EditText  gt       lt item name  android textColor  gt  color black lt  item gt       lt item name  android background  gt  color white lt  item gt   lt  style gt    and add ctreated style to EditText     lt EditText         android layout width  wrap content          android layout height  wrap content          android text  asdsadasdasd          style   style EditTextStyleWhite            gt

User · Answer

This is my working solution  View view   new View getApplicationContext     view setBackgroundResource R color background   myEditText setBackground view getBackground

User · Answer

You should use style instead of background color  Try searching holoeverywhere then I think this one will help you solve your problem  Using holoeverywhere  just change some of the 9patch resources to customize the edittext look and feel

[android] Change background color of edittext in android

Examples related to android

Examples related to android-layout

Examples related to android-edittext