How to set image button backgroundimage for different state

Question

I want imagebutton with two states i  normal ii  touch or click    I have set normal image in the imagebutton background and I am trying to change image pressed  from onclick method  but it doesn t change   I want that if I pressed image button then image should change from normal to pressed until I press other button but it doesn t happen   Can anyone suggest to me how can I do this with selector or at run time    Here is my imagebuttonpanel code    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout   xmlns android  http   schemas android com apk res android    android layout width  fill parent    android layout height  fill parent    android orientation  horizontal    android gravity  bottom    android id    id buttonpanel  gt     lt ImageButton android id    id buttonhome                 android layout width  80dp                 android layout height  36dp                 android focusable  true                  android background   drawable homeselector  gt                  lt  ImageButton gt     lt ImageButton android id    id buttonsearch                 android layout height  36dp                 android layout width  80dp                 android background   drawable searchselector                 android focusable  true  gt                  lt  ImageButton gt  gt     lt ImageButton android id    id buttonreg                 android layout height  36dp                 android layout width  80dp                 android background   drawable registerselector                 android focusable  true  gt                  lt  ImageButton gt  gt     lt ImageButton android id    id buttonlogin                 android layout height  36dp                 android layout width  80dp                 android background   drawable loginselector                 android focusable  true  gt                  lt  ImageButton gt   lt  LinearLayout gt    and my selector xml is   lt  xml version  1 0  encoding  UTF-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt  -- lt item android state pressed  true  android drawable   drawable homehover             gt   lt item android state focused  true  android drawable   drawable homehover             gt   lt item android drawable   drawable home    gt   lt item android state window focused  true           android drawable   drawable homehover    gt  -- gt       lt item android state enabled  false  android drawable   drawable homehover    gt       lt item android state pressed  true  android state enabled  true          android drawable   drawable homehover    gt       lt item android state focused  true  android state enabled  true          android drawable   drawable homehover    gt       lt item android state enabled  true  android drawable   drawable home    gt    lt  selector gt     And I have also tried to change image resource on ontouch and onclick event  but it does not help

User · Answer

what you are trying to do is more a segmentedbutton than an imagebutton list.

here http://blog.bookworm.at/2010/10/segmented-controls-in-android.html is an example on how to do so. The basic idea is to customize RadioButton instead of ImageButton, since the RadioButton will have the checked state you need

User · Answer

Have you tried CompoundButton  CompoundButton has the checkable property that exactly matches your need  Replace ImageButtons with these      lt CompoundButton android id    id buttonhome                    android layout width  80dp                    android layout height  36dp                    android background   drawable homeselector   gt    Change selector xml to the following  May need some modification but be sure to use state checked in place of state pressed    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 enabled  false  android drawable   drawable homehover    gt       lt item android state checked  true  android state enabled  true            android drawable   drawable homehover    gt       lt item android state focused  true  android state enabled  true            android drawable   drawable homehover    gt       lt item android state enabled  true  android drawable   drawable home    gt    lt  selector gt     In CompoundButton OnCheckedChangeListener you need to check and uncheck other based on your conditions    mButton1 setOnCheckedChangeListener new OnCheckedChangeListener         public void onCheckedChanged  CompoundButton buttonView  boolean isChecked            if  isChecked                   Uncheck others                        Similarly set a OnCheckedChangeListener to each button  which will uncheck other buttons when it is checked  Hope this Helps

User · Answer

you can create selector file in res drawable   example  res drawable selector button 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 drawable   drawable btn disabled  android state enabled  false    gt       lt item android drawable   drawable btn enabled    gt   lt  selector gt    and in layout activity  fragment or etc   lt Button     android layout width  wrap content      android layout height  wrap content      android background   drawable selector bg rectangle black   gt

User · Answer

ingsaurabh s answer is the way to go if you are using an onClick even  However  if you are using an onTouch event  you can select the different backgrounds  still the same as  ingsaurabh s example  by using view setPressed     See the following for more details   quot Press and hold quot  button on Android needs to change states  custom XML selector  using onTouchListener

User · Answer

if you want pressed image button then image should be change from normal to pressed  But I best way will be to customize the RadioButton and use them in a group  I have see an example of that  Sorry I did not remember that link   but if you want to avoid that  You need to add this to your selector xml   Once Done  Just got to your code and add this  public void onClick   View v         myImageButton setSelected   true          You will see the result  But you have to mange the states which button was recently press  So that you can set     myOLDImageButton setSelected   false       I suggest you to put all button reference in a array

User · Answer

Hi try the following code it will be useful to you     ImageView findViewById R id ImageViewButton   setOnTouchListener new View OnTouchListener         public boolean onTouch View v  MotionEvent event            if event getAction      MotionEvent ACTION DOWN                ImageView  v findViewById R id ImageViewButton   setImageResource R drawable image over            if event getAction      MotionEvent ACTION UP                ImageView  v findViewById R id ImageViewButton   setImageResource R drawable image normal            return false

User · Answer

i think you problem is not the selector file    you have to add    lt imagebutton        android clickable  true    gt    to your image buttons   by default the onClick is handled at the listitem level  parent   and the imageButtons dont recieve the onClick   when you add the above attribute the image button will receive the event and the selector will be used   check this POST which explains the same for checkbox

User · Answer

mhh  I got another solution which helped me   cause I just have two different sates    either the item is not clicked or it is clicked and so it will be highlighted   In my  xml I define the ImageButton like this     lt ImageButton     android id    id imageButton      android layout width  wrap content      android layout height  wrap content      android src   drawable selector    gt    The corresponding selector file looks like this    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt        lt item android drawable   drawable ico 100 checked  android state selected  true   gt       lt item android drawable   drawable ico 100 unchecked   gt    lt  selector gt    And in my onCreate I call   final ImageButton ib    ImageButton  value findViewById R id imageButton        OnClickListener ocl  new OnClickListener              Override         public void onClick View button                if  button isSelected                     button setSelected false                 else                   ib setSelected false                     put all the other buttons you might want to disable here                    button setSelected true                                   ib setOnClickListener ocl     add ocl to all the other buttons   done  hope this helps  took me a while to figure out

User · Answer

Create an xml file in your drawable like this     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 enabled  false          android drawable   drawable btn sendemail disable    gt       lt item         android state pressed  true          android state enabled  true          android drawable   drawable btn send email click    gt       lt item         android state focused  true          android state enabled  true          android drawable   drawable btn sendemail roll    gt       lt item         android state enabled  true          android drawable   drawable btn sendemail    gt   lt  selector gt    And set images accordingly and then set this xml as background of your imageButton

User · Answer

Try this   btn setOnClickListener new OnClickListener         public void onClick View v            btn setBackgroundResource R drawable icon

[android] How to set image button backgroundimage for different state?

Examples related to android

Examples related to android-layout