Android ImageButton avec un état sélectionné?

Si j'ai été en utilisant un ImageButton avec un sélecteur pour son fond, est-il un état je peux changer ce qui va la faire changer son apparence? Droit maintenant, je peux le faire pour changer les images lorsqu'il est pressé, mais il semble ne pas avoir "mis en évidence" ou de "sélection" ou similaire, état qui me permet de basculer son apparence à volonté.

Voici mon XML; il ne change d'apparence lorsqu'il est pressé.

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/map_toolbar_details_selected" />
<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/map_toolbar_details_selected" />
<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/map_toolbar_details_selected" />
<item android:drawable="@drawable/map_toolbar_details" />

  • À l'aide d'un ImageButton, et le suivi de l'état sélectionné semble un peu un hack. Vous devez utiliser un bouton à bascule, si vous voulez basculer la fonctionnalité.
InformationsquelleAutor Joren | 2010-04-09
  1. 199

    Cela fonctionne pour moi:

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- NOTE: order is important (the first matching state(s) is what is rendered) -->
    <item 
        android:state_selected="true" 
        android:drawable="@drawable/info_icon_solid_with_shadow" />
    <item 
        android:drawable="@drawable/info_icon_outline_with_shadow" />
 </selector>

    Puis en 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
        }

    }

});

    Pour une transition en douceur, vous pouvez également mentionner les temps d'animation:

    <selector xmlns:android="http://schemas.android.com/apk/res/android" android:exitFadeDuration="@android:integer/config_mediumAnimTime">
    • Cela a fonctionné pour moi, mais je voudrais ajouter, que l'on devrait créer ce fichier xml dans votre dossier drawable et si vous voulez ImageButton pour mettre en surbrillance lorsque enfoncée, vous devez utiliser la version d'android:state_pressed plutôt que state_selected. Aussi, cet état doit être au-dessus d'un élément sans état, car il est moins générale.
    • NOTE: order is important (the first matching state(s) is what is rendered cela n'a fonctionné, mais étrange, je comprenais pas POURQUOI?
    • En l'absence de tout état attributs, l'article ne correspond à aucun état. Alors, pensez à le deuxième élément dans le sélecteur de la "catch all" de l'état.
    • L'ordre n'est pas important, vous ne devez assurez-vous de fournir android:state_selected="false" avec celui par défaut!
    • Merci pour suggérer animation de fondu à la fin..c'est smthing supplémentaire..
    • Merci pour la remarque au sujet de l'ordre. J'ai totalement raté la première.
    • Comment puis-je faire de même dans un widget? J'ai un bouton mais je n'arrive pas à comprendre comment le faire.
    • Génial de travail!!!

    InformationsquelleAutor joshrl
  2. 16

    ToggleImageButton qui implémente Checkable interface et prend en charge OnCheckedChangeListener et android:checked attribut xml:

    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:

    <?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ToggleImageButton">
<attr name="android:checked" />
</declare-styleable>
</resources>
    • C'est la réponse parfaite pour moi.
    • Comment puis-je l'utiliser? J'ai suivi les instructions: developer.android.com/training/custom-views/create-view.html mais je ne pouvais pas le faire fonctionner.
    • Merci! Note qu'un sélecteur avec state_checkedne fonctionne pas avec ce bien, vous devez utiliser state_selected.
    InformationsquelleAutor vokilam
  3. 9

    La meilleure façon de le faire sans plus d'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;
}
});
}
    • vous pouvez utiliser getResources().getColor(R. de couleur.lightblue) à la couleur de votre xml.
    • le besoin de garder le bouton enfoncé un peu plus. Savez-vous pourquoi?
    • Vous pouvez utiliser le sommeil, mais je ne le recommande...
    InformationsquelleAutor András
  4. 2

    Essayez ceci:

     <item
android:state_focused="true"
android:state_enabled="true"
android:drawable="@drawable/map_toolbar_details_selected" />

    Aussi pour les couleurs j'ai eu du succès avec

    <selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_selected="true"
android:color="@color/primary_color" />
<item
android:color="@color/secondary_color" />
</selector>
    InformationsquelleAutor Alex Volovoy
  5. 2

    Créer un fichier XML dans un res/drawable dossier. Par exemple, "btn_image.xml":

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/bg_state_1"
android:state_pressed="true"
android:state_selected="true"/>
<item android:drawable="@drawable/bg_state_2"
android:state_pressed="true"
android:state_selected="false"/>
<item android:drawable="@drawable/bg_state_selected"
android:state_selected="true"/>
<item android:drawable="@drawable/bg_state_deselected"/>
</selector>

    Vous pouvez combiner les fichiers que vous souhaitez, par exemple, le changement "bg_state_1" à "bg_state_deselected" et "bg_state_2" à "bg_state_selected".

    Dans l'un de ces fichiers, vous pouvez écrire quelque chose comme:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#ccdd00"/>
<corners android:radius="5dp"/>
</shape>

    Créer dans un fichier de mise en page d'une ImageView ou ImageButton avec les attributs suivants:

    <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"/>

    Plus tard dans le code:

    image.setSelected(!image.isSelected());
    InformationsquelleAutor CoolMind