Android ImageButton with a selected state

Question

If I was using an ImageButton with a selector for its background  is there a state I can change which will make it change its appearance  Right now I can get it to change images when pressed  but there seems to be no  highlighted  or  selected  or similar state which lets me toggle its appearance at will   Here s my XML  it only changes appearance when pressed     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 map toolbar details selected    gt   lt item android state focused  true  android state pressed  true  android drawable   drawable map toolbar details selected    gt   lt item android state focused  false  android state pressed  true  android drawable   drawable map toolbar details selected    gt   lt item android drawable   drawable map toolbar details    gt

User · Answer

if  iv new pwd isSelected                      iv new pwd setSelected false                   Log d  mytag    in case 1                    edt new pwd setInputType InputType TYPE CLASS TEXT                 else                   Log d  mytag    in case 1                    iv new pwd setSelected true                   edt new pwd setInputType InputType TYPE CLASS TEXT   InputType TYPE TEXT VARIATION PASSWORD

User · Answer

Try this     lt item    android state focused  true     android state enabled  true     android drawable   drawable map toolbar details selected    gt    Also for colors i had success with   lt selector         xmlns android  http   schemas android com apk res android  gt           lt item             android state selected  true               android color   color primary color    gt           lt item             android color   color secondary color    gt   lt  selector gt

User · Answer

ToggleImageButton which implements Checkable interface and supports OnCheckedChangeListener and android checked xml attribute   public class ToggleImageButton extends ImageButton implements Checkable       private OnCheckedChangeListener onCheckedChangeListener       public ToggleImageButton Context context            super context              public ToggleImageButton Context context  AttributeSet attrs            super context  attrs           setChecked attrs              public ToggleImageButton Context context  AttributeSet attrs  int defStyle            super context  attrs  defStyle           setChecked attrs              private void setChecked AttributeSet attrs            TypedArray a   getContext   obtainStyledAttributes attrs  R styleable ToggleImageButton           setChecked a getBoolean R styleable ToggleImageButton android checked  false            a recycle                Override     public boolean isChecked             return isSelected                Override     public void setChecked boolean checked            setSelected checked            if  onCheckedChangeListener    null                onCheckedChangeListener onCheckedChanged this  checked                         Override     public void toggle             setChecked  isChecked                 Override     public boolean performClick             toggle            return super performClick               public OnCheckedChangeListener getOnCheckedChangeListener             return onCheckedChangeListener             public void setOnCheckedChangeListener OnCheckedChangeListener onCheckedChangeListener            this onCheckedChangeListener   onCheckedChangeListener             public static interface OnCheckedChangeListener           public void onCheckedChanged ToggleImageButton buttonView  boolean isChecked             res values attrs xml    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt declare-styleable name  ToggleImageButton  gt           lt attr name  android checked    gt       lt  declare-styleable gt   lt  resources gt

User · Answer

This works for me    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt  -- NOTE  order is important  the first matching state s  is what is rendered  -- gt       lt item          android state selected  true           android drawable   drawable info icon solid with shadow    gt       lt item          android drawable   drawable info icon outline with shadow    gt    lt  selector gt    And then in java     assign the image in code  or you can do this in your layout xml with the src attribute  imageButton setImageDrawable getBaseContext   getResources   getDrawable R drawable           set the click listener imageButton setOnClickListener new OnClickListener          public void onClick View button              Set the button s appearance         button setSelected  button isSelected              if  button isSelected                    Handle selected state change           else                 Handle de-select state change                         For smooth transition you can also mention animation time    lt selector xmlns android  http   schemas android com apk res android  android exitFadeDuration   android integer config mediumAnimTime  gt

User · Answer

Create an XML-file in a res drawable folder  For instance   btn image 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 bg state 1            android state pressed  true            android state selected  true   gt       lt item android drawable   drawable bg state 2            android state pressed  true            android state selected  false   gt       lt item android drawable   drawable bg state selected            android state selected  true   gt       lt item android drawable   drawable bg state deselected   gt   lt  selector gt    You can combine those files you like  for instance  change  bg state 1  to  bg state deselected  and  bg state 2  to  bg state selected    In any of those files you can write something like    lt shape xmlns android  http   schemas android com apk res android         android shape  rectangle  gt       lt solid android color   ccdd00   gt       lt corners android radius  5dp   gt   lt  shape gt    Create in a layout file an ImageView or ImageButton with the following attributes    lt ImageView     android id    id image      android layout width  50dp      android layout height  50dp      android adjustViewBounds  true      android background   drawable btn image      android padding  10dp      android scaleType  fitCenter      android src   drawable star   gt    Later in code   image setSelected  image isSelected

User · Answer

The best way to do this without more images    public static void buttonEffect View button       button setOnTouchListener new OnTouchListener              public boolean onTouch View v  MotionEvent event                switch  event getAction                      case MotionEvent ACTION DOWN                        v getBackground   setColorFilter 0xe0f47521 PorterDuff Mode SRC ATOP                       v invalidate                        break                                    case MotionEvent ACTION UP                        v getBackground   clearColorFilter                        v invalidate                        break                                              return false

[android] Android ImageButton with a selected state?

Examples related to android

Examples related to button

Examples related to imagebutton