Bouton Star dans Android

J'aimerais mettre une étoile en forme de bouton dans mon application, tout comme une notation en étoiles. J'ai déjà essayé d'utiliser une étoile d'une cote de bar, mais malheureusement il ne fonctionne pas comme un bouton.

J'aimerais qu'il fonctionne comme un bouton, même mieux si l'arrière-plan de l'état sélectionné est jaune...des suggestions? Merci.

source d'informationauteur user1012480

android android-button

Sûr, utiliser une mise en page de ressources comme ceci:

<ImageButton android:id="@+id/favorite"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:src="@drawable/star"
        android:background="#00ffffff"
        android:onClick="onToggleStar"/>

Vous pouvez coupler cela avec une liste d'état drawable défini comme ce qui est enregistré comme un fichier XML à res/drawable/star.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/button_pressed" /> <!-- pressed -->
    <item android:state_focused="true"
          android:drawable="@drawable/button_focused" /> <!-- focused -->
    <item android:state_hovered="true"
          android:drawable="@drawable/button_focused" /> <!-- hovered -->
    <item android:drawable="@drawable/button_normal" /> <!-- default -->
</selector>

Voici les images de ce pack avec Android lui-même:

Hors
Sur
Désactivé
Sur Pressés
Off Enfoncé

Vous pouvez simplement utiliser le haut- btn_star statelist drawable.

<ImageButton
    android:id="@+id/favorite_button"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@android:drawable/btn_star"  //This one! 
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:background="#00ffffff" /> //Needed to remove the button background

Je voulais que mon bouton de favori pour se comporter comme une case à cocher, donc cela a bien fonctionné pour moi, sans avoir à ajouter des images de basculement de la logique dans mon onClickListener. Dans mon code Java je peux utiliser myFavoriteToggleButton.isChecked() pour déterminer l'action à prendre.

    <CheckBox
    android:button="@android:drawable/btn_star"
    android:padding="@dimen/activity_horizontal_margin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/favorite"

    android:background="@android:color/transparent"
    android:layout_gravity="center"/>

2

Voici un très bon tutoriel pour créer un bouton personnalisé, du début à la fin. Vous pouvez même créer votre propre étoile de l'image, si vous voulez obtenir vraiment astucieux, pour chacun des états du bouton.

http://www.youtube.com/watch?v=zXXCFmfJMNw

Juste ajouter le code ci-dessous dans votre Activité:

final ImageButton ButtonStar = (ImageButton) findViewById(R.id.star);
    ButtonStar.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if (isEnable){
                ButtonStar.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(),android.R.drawable.btn_star_big_off));
            }else{
                ButtonStar.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(),android.R.drawable.btn_star_big_on));
            }
            isEnable = !isEnable;
        }
    });

note de: définir boolean isEnable=false mondiale.
c'est mon ImageButton code xml:

<ImageButton
                android:id="@+id/star"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@null"
                android:src="@android:drawable/btn_star" />

1

Comment sur StateListDrawable pour Button? Essayez-la, mon pote 🙂

http://developer.android.com/reference/android/graphics/drawable/StateListDrawable.html
1

J'ai peur qu'il n'y a pas de contrôle intégré pour Android. Vous aurez besoin d'utiliser un Button (ou un ImageButton), et de définir l'arrière-plan (ou l'image) à un drawable avec les états.

Vous pouvez essayer de l'insérer comme un affichage de texte. C'était la façon la plus simple que j'ai trouvé pour ce faire.

Dans la mise en page xml je l'ai ajouté comme un affichage de texte

<TextView
    android:id="@+id/tv_star_fav"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#00ffffff"
    android:onClick="onToggleStar"
    android:text="★"
    android:textSize="40sp" />

Ensuite dans le code écrit une fonction comme suit.

boolean isfavourite;


public void onToggleStar(View view){
    TextView favouriteStar = (TextView) view;
    if(!isfavourite){
        //if the star is not already selected and you select it
        isfavourite = true;
        favouriteStar.setTextColor(Color.parseColor("#FFD600"));
    }else{
        //if the star is already selected and you unselect it
        isfavourite = false;
        favouriteStar.setTextColor(Color.parseColor("#9E9E9E"));
    }

}

0

Peut-être vous avez besoin d'utiliser un selector qui est utile pour l'état d'un Button (ou un ImageButton) . reportez-vous cette

Vous devez vous connecter pour publier un commentaire.