How to Change color of Button in Android when Clicked

Question

I am working on Android Application  I want to have 4 buttons to be placed horizontally at the bottom of the screen  In these 4 buttons 2 buttons are having images on them  The border of the buttons should be black color and the border should be as thin as possible  When I click the button  I want the background of the button should be changed to blue color without the color of border to be changed and should be remained in that color for some time  How can I achieve this scenario in Android

User · Answer

1-make 1 shape for Button right click on drawable nd new drawable resource file . change Root element to shape and make your shape.

enter image description here

2-now make 1 copy from your shape and change name and change solid color. enter image description here

3-right click on drawable and new drawable resource file just set root element to selector.

go to file and set "state_pressed"

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true"android:drawable="@drawable/YourShape1"/>
<item android:state_pressed="false" android:drawable="@drawable/YourShape2"/>

</selector>

4-the end go to xml layout and set your Button background "your selector"

(sorry for my english weak)

User · Answer

Even using some of the comments above this took way longer to work out that should be necessary  Hopefully this example helps someone else   Create a radio button xml in the drawable directory        lt  xml version  1 0  encoding  utf-8   gt    lt  -- An element which allows two drawable items to be listed -- gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state checked  true  android drawable   drawable radio button checked    gt   lt  --pressed -- gt       lt item android drawable   drawable radio button unchecked    gt   lt  -- Normal -- gt   lt  selector gt    Then in the xml for the fragment should look something like   lt  xml version  1 0  encoding  utf-8   gt   lt layout xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools  gt    lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content      android orientation  vertical  gt   lt RadioGroup android layout width  match parent  android layout height  match parent  gt    lt RadioButton      android id    id radioButton1      android layout width  match parent      android layout height  wrap content      android layout marginLeft  10dp      android layout weight  1      android button   drawable radio button      android paddingLeft  10dp    gt           lt RadioButton     android id    id radioButton2      android layout marginLeft  10dp      android paddingLeft  10dp      android layout width  match parent      android layout height  wrap content      android layout weight  1      android button   drawable radio button    gt    lt  RadioGroup gt       lt  LinearLayout gt   lt  layout gt

User · Answer

you can try this code to solve your problem   lt  xml version  1 0  encoding  utf-8   gt    lt selector xmlns android  http   schemas android com apk res android  gt     lt item android state pressed  true     android drawable   drawable login selected    gt   lt  -- pressed -- gt     lt item android state focused  true     android drawable   drawable login mouse over    gt   lt  -- focused -- gt     lt item android drawable   drawable login    gt   lt  -- default -- gt   lt  selector gt    write this code in your drawable make a new resource and name it what you want and then write the name of this drwable in the button same as we refer to image src in android

User · Answer

One approach is to create an XML file like this in drawable  called whatever xml    lt  xml version  1 0  encoding  utf-8   gt      lt selector xmlns android  http   schemas android com apk res android  gt       lt item         android state focused  true          android state pressed  true          android drawable   drawable bgalt    gt        lt item         android state focused  false          android state pressed  true          android drawable   drawable bgalt    gt        lt item android drawable   drawable bgnorm    gt   lt  selector gt    bgalt and bgnormare PNG images in drawable   If you create the buttons programatically in your activity  you can set the background with   final Button b   new Button  MyClass this   b setBackgroundDrawable getResources   getDrawable R drawable whatever      If you set your buttons  style with an XML  you would do something like    lt Button   android id    id mybutton    android background   drawable watever    gt    And finally a link to a tutorial  Hope this helps

User · Answer

Refer this   boolean check   false  Button backward img  Button backward img1  backward img    Button  findViewById R id bars footer backward   backward img1    Button  findViewById R id bars footer backward1   backward img setOnClickListener new OnClickListener           Override     public void onClick View arg0            check   true          backward img setBackgroundColor Color BLUE              if  check    true        backward img1 setBackgroundColor Color RED       backward img setBackgroundColor Color BLUE

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt  -- default -- gt       lt item         android state pressed  false          android state focused  false  gt           lt shape             android innerRadiusRatio  1              android shape  rectangle   gt               lt solid android color   00a3e2    gt                lt padding                 android bottom  10dp                  android left  10dp                  android right  10dp                  android top  10dp    gt            lt  shape gt       lt  item gt        lt  -- button focused -- gt       lt item         android state pressed  false          android state focused  true  gt           lt shape             android innerRadiusRatio  1              android shape  rectangle   gt               lt solid android color   5a97f5    gt                lt padding                 android bottom  5dp                  android left  10dp                  android right  10dp                  android top  5dp    gt           lt  shape gt  lt  item gt        lt  -- button pressed -- gt       lt item         android state pressed  true          android state focused  false  gt           lt shape             android innerRadiusRatio  1              android shape  rectangle   gt               lt solid android color   478df9   gt               lt padding                 android bottom  10dp                  android left  10dp                  android right  10dp                  android top  10dp    gt           lt  shape gt  lt  item gt   lt  selector gt

User · Answer

Try This      final Button button    Button  findViewById R id button id       button setOnTouchListener new View OnTouchListener               Override         public boolean onTouch View view  MotionEvent event                if event getAction      MotionEvent ACTION UP                    button setBackgroundColor Color RED                 else if event getAction      MotionEvent ACTION DOWN                    button setBackgroundColor Color BLUE                             return false

User · Answer

public void onPressed Button button  int drawable                if   isPressed                    button setBackgroundResource R drawable bg circle                   isPressed   true                else                   button setBackgroundResource drawable                   isPressed   false                                 Override     public void onClick View v             switch  v getId                  case R id circle1                  onPressed circle1  R drawable bg circle gradient                   break              case R id circle2                  onPressed circle2  R drawable bg circle2 gradient                   break              case R id circle3                  onPressed circle3  R drawable bg circle gradient3                   break              case R id circle4                  onPressed circle4  R drawable bg circle4 gradient                   break              case R id circle5                  onPressed circle5  R drawable bg circle5 gradient                   break              case R id circle6                  onPressed circle6  R drawable bg circle gradient                   break              case R id circle7                  onPressed circle7  R drawable bg circle4 gradient                   break               please try this  in this code i m trying to change the background of button on button click this works fine

User · Answer

hai the most easiest way is this   add this code to mainactivity java  public void start View view       stop setBackgroundResource R color red    start setBackgroundResource R color yellow      public void stop View view    stop setBackgroundResource R color yellow   start setBackgroundResource R color red       and then in your activity main       lt button android id    id start  android layout height  wrap content  android layout width  wrap content  android onclick  start  android text  Click  gt    lt  button gt  lt button android id    id stop  android layout height  wrap content  android layout width  wrap content  android onclick  stop  android text  Click  gt    or follow along this tutorial

User · Answer

Save this code in drawable folder with  bg button xml  and call   drawable bg button  as background of button in your xml    lt  xml version  1 0  encoding  UTF-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state pressed  true   gt           lt shape gt               lt solid                 android color   004F81    gt               lt stroke                 android width  1dp                  android color   222222    gt               lt corners                 android radius  7dp    gt               lt padding                 android left  10dp                  android top  10dp                  android right  10dp                  android bottom  10dp    gt           lt  shape gt       lt  item gt       lt item gt           lt shape gt               lt gradient                 android startColor   89cbee                  android endColor   004F81                  android angle  270    gt               lt stroke                 android width  1dp                  android color   4aa5d4    gt               lt corners                 android radius  7dp    gt               lt padding                 android left  10dp                  android top  10dp                  android right  10dp                  android bottom  10dp    gt           lt  shape gt       lt  item gt   lt  selector gt

User · Answer

I am use this code  with ripple effect     lt ripple xmlns android  http   schemas android com apk res android  android color   color color gray  gt   lt item android id   android id mask  gt       lt color android color   color color gray    gt   lt  item gt  lt  ripple gt

User · Answer

To deal properly for how long you want to have your button stay in your other color I would advise this version   button setOnTouchListener new View OnTouchListener                  Override             public boolean onTouch View v  MotionEvent event                    switch event getAction                          case MotionEvent ACTION DOWN                          button setBackground getResources   getDrawable R drawable on click drawable                            break                      case MotionEvent ACTION UP                          new java util Timer   schedule                                  new java util TimerTask                                          Override                                     public void run                                               Activity   getContext     runOnUiThread new Runnable                                                  Override                                             public void run                                                     button setBackground getResources   getDrawable R drawable not clicked drawable                                                                                                                                                                       BUTTON CLICK TIME AFTER RELEASE ANIMATION                           break                      default                                    return false                              BUTTON CLICK TIME AFTER RELEASE ANIMATION indicates after how much time  ms  the button will reset to the previous state  however you might want to use some boolean to check that the button hadn t been used in between  depending on what you want to achieve

User · Answer

If you want to change the backgorund image or color of the button when it is pressed  then just copy this code and paste in your project at exact location described below          lt  -- Create new xml file like mybtn layout xml file in drawable -- gt   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt   lt item android state pressed  true  android drawable   drawable pressed    gt   lt  --pressed -- gt    lt item android drawable   drawable normal    gt   lt  -- Normal -- gt   lt  selector gt     lt  -- Now this file should be in a drawable folder and use this    single line code in    button code to get all the properties of this xml file -- gt        lt Button       android id    id street btn        android layout width  wrap content        android background   drawable layout a   gt   lt  -- your required code -- gt       lt  Button gt

User · Answer

Try this        First create an xml file named button pressed xml These are it s contents    lt  xml version  1 0  encoding  utf-8   gt   lt selector   xmlns android  http   schemas android com apk res android  gt       lt item android state focused  true             android state pressed  false             android drawable   drawable icon 1    gt       lt item android state focused  true             android state pressed  true            android drawable   drawable icon 1 press    gt       lt item android state focused  false             android state pressed  true              android drawable   drawable icon 1 press    gt       lt item android drawable   drawable icon 1    gt   lt  selector gt    Noe try this on your button   int imgID   getResources   getIdentifier  button pressed    drawable   getApplication   getPackageName     button setImageResource imgID     button pressed xml should be in the drawable folder  icon 1 press and icon 1 are two images for button press and normal focus

[android] How to Change color of Button in Android when Clicked?

Examples related to android