how to change background image of button when clicked focused

Question

I want to change the background image of a button when clicked or focused   This is my code   Button tiny    Button findViewById R id tiny   tiny setOnClickListener new OnClickListener          Override     public void onClick View v               TODO Auto-generated method stub         Button tiny    Button findViewById R id tiny           tiny setBackgroundResource R drawable a9p 09 11 00754            TextView txt    TextView findViewById R id txt           txt setText   ---- On click ----                 Is this code right  Does it calls a button on its event

User · Answer

You can also create shapes directly inside the item tag, in case you want to add some more details to your view, like this:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#81ba73" />
            <corners android:radius="6dp" />
        </shape>
        <ripple android:color="#c62828"/>
    </item>
    <item android:state_enabled="false">
        <shape>
            <solid android:color="#788e73" />
            <corners android:radius="6dp" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="#add8a3" />
            <corners android:radius="6dp" />
        </shape>
    </item>
</selector>

Beware that Android will cycle through the items from top to bottom, therefore, you must place the item without condition on the bottom of the list (so it acts like a default/fallback).

User · Answer

Its very easy to implement   For that you need to create a one xml file selector file  and put it in drawable folder in res  After that set xml file in button s background in your layout file   button background selector 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  false  android drawable   drawable your hover image    gt       lt item android state focused  true  android state pressed  true  android drawable   drawable your hover image    gt       lt item android state focused  false  android state pressed  true  android drawable   drawable your hover image   gt       lt item android drawable   drawable your simple image    gt   lt  selector gt    Now set the above file in button s background    lt Button     android layout width  fill parent       android layout height  wrap content      android textColor   color grey text      android background   drawable button background selector   gt

User · Answer

You just need to set background and give previous xml file in background of button in your layout file    lt Button  android id    id button1   android background   drawable previous   android layout width  200dp   android layout height  126dp   android text  Hello    gt    and done Edit Following is previous xml file in drawable directory   lt  xml version  1 0  encoding  utf-8   gt       lt item android drawable   drawable onclick  android state selected  true  gt  lt  item gt   lt item android drawable   drawable onclick  android state pressed  true  gt  lt  item gt   lt item android drawable   drawable normal  gt  lt  item gt

User · Answer

To change the button background we can follow 2 methods   In the button OnClick  just add this code    public void onClick View v         if v    buttonName            buttonName setBackgroundDrawable           getResources   getDrawable R drawable imageName selected                        2 Create button background xml in the drawable folder  using xml   res -  drawable -  button background 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 selected  true                 android drawable   drawable tabs selected    gt   lt  -- selected-- gt            lt item android state pressed  true                 android drawable   drawable tabs selected    gt   lt  -- pressed-- gt            lt item  android drawable   drawable tabs selected   gt       lt  selector gt    Now set the above file in button s background file         lt Button            android layout width  fill parent              android layout height  wrap content             android background   drawable button background   gt                              or            Button tiny    Button findViewById R id tiny                  tiny setBackgroundResource R drawable abc     2nd method is better for setting the background fd button

User · Answer

Create a file in drawable play pause 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 selected  true            android drawable   drawable pause    gt        lt item android state selected  false            android drawable   drawable play    gt       lt  -- default -- gt   lt  selector gt     In xml file add this below code     lt ImageView                 android id    id iv play                  android layout width   dimen  50sdp                  android layout height   dimen  50sdp                  android layout centerInParent  true                  android layout centerHorizontal  true                  android background   drawable pause button                  android gravity  center                  android scaleType  fitXY    gt     In java file add this below code   iv play    ImageView  findViewById R id iv play   iv play setSelected false     and also add this   iv play setOnClickListener new View OnClickListener                  Override             public void onClick View view                    iv play setSelected  iv play isSelected                     if  iv play isSelected                            GifDrawable  gif 1 getDrawable    start                          GifDrawable  gif 2 getDrawable    start                      else                       iv play setSelected false                         GifDrawable  gif 1 getDrawable    stop                          GifDrawable  gif 2 getDrawable    stop

User · Answer

you can implement in a xml file for this as follows    lt selector xmlns android  http   schemas android com apk res android  gt   lt item android state focused  true  android drawable   drawable your imagename while focused   gt   lt item android state pressed  true  android drawable   drawable your imagename while pressed    gt   lt item android drawable   drawable image name while notpressed    gt     means normal  lt  selector gt    now save this xml file in drawable folder and name it suppos abc xml and set it as follows   Button tiny    Button findViewById R id tiny    tiny setBackgroundResource R drawable abc     Hope it will help you

User · Answer

Sorry this is wrong   For changing background color image based on the particular event focus  press  normal   you need to define a button selector file and implement it as background for button   For example  button selector xml  define this file inside the drawable folder    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 color   000000    gt   lt  -- pressed -- gt        lt item android state focused  true             android color   000000    gt   lt  -- focused -- gt        lt item android color   FFFFFF    gt   lt  -- default -- gt    lt  selector gt        lt  -- IF you want image instead of color then write  android drawable   drawable your image  inside the  lt item gt  tag -- gt    And apply it as     lt Button       android layout width  wrap content        android layout height  wrap content        android drawable   drawable button selector xml    gt

User · Answer

use this code create xml file in drawable folder name button   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 buutton pressed    gt     lt item       android drawable   drawable button image    gt   lt  selector gt    and in button xml file   android background   drawable button

[android] how to change background image of button when clicked/focused?

Examples related to android

Examples related to button