Discussion :

[koukou11]

Salut,
Je développe une application horoscope et j'utilise le widget Rating Bar pour afficher des taux (amour, santé, travail). Mais je n'arrive pas à réduire sa taille. Comment le faire ?

Je voulais aussi remplacer ces etoiles par d'autres images qui convient mieux à l'application.Donc, j'ai crée un fichier style.xml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 
<?xml version="1.0" encoding="utf-8"?> 
<resources>  
       <style name="AmourRatingBar" parent="@android:style/Widget.RatingBar">       
             <item name="android:progressDrawable">@drawable/amour</item>     
 
       </style> 
</resources>

et le rating bar :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 
<RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:isIndicator="true"
      android:stepSize="0"      
      android:numStars="5"
      style="@style/AmourRatingBar"
      >
      </RatingBar>

Comment faire de sorte que j'affiche l'image ( avec fond plein) et / ou l'image (sans fond) selon la valeur du taux ?
Merci d'avance

[Ryu2000]

http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/

[koukou11]

merci pour ta réponse mais l'exemple du lien traite le cas ou l'image est modifiée quand on clique dessus en utilisant le selector. Or j'ai besoin que le nombre d'images (étoiles) avec fond plein et celles sans fond dépend de la valeur d'un taux calculé. Donc je n'ai pas besoin de selector mais je ne sais pas par koi le remplacer.

[Ryu2000]

Pour changer le nombre d'étoile il y a ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setNumStars(numStars);

Et pour changer la note il y a ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setRating(rating);

Je ne comprend pas ce que tu cherches en fait.

[koukou11]

Le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setRating(rating);

ne marche pas si j'utilise un style (une image differente de celle mise en défaut : l'étoile) comme dans mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<?xml version="1.0" encoding="utf-8"?> 
<resources>  
       <style name="AmourRatingBar" parent="@android:style/Widget.RatingBar">       
             <item name="android:progressDrawable">@drawable/amour</item>     
 
       </style> 
</resources>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:isIndicator="true"
      android:stepSize="0"      
      android:numStars="5"
      style="@style/AmourRatingBar"
      >
      </RatingBar>

[Ryu2000]

Tes styles ne doivent pas être correct.

Ça fonctionne correctement avec le style de base ?

Normalement si tu repars des fichiers XML d'origine et que tu changes juste les drawable ça devrait fonctionner comme prévu.

[italia57]

Vous voyez je suis un bon élève, j'ai regardé si un post existait avant d'en créer un .

J'ai une question, car j'ai suivi le tutoriel que vous avez joins à cette conversation, mais je ne sais pas ou placer les deux bouts de code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+android:id/background"
          android:drawable="@drawable/food_ratingbar_full_empty" />
    <item android:id="@+android:id/secondaryProgress"
          android:drawable="@drawable/food_ratingbar_full_empty" />
    <item android:id="@+android:id/progress"
          android:drawable="@drawable/food_ratingbar_full_filled" />
</layer-list>

et:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<?xml version="1.0" encoding="utf-8"?>
 
<!-- This is the rating bar drawable that is used to
show a filled cookie. -->
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
 
    <item android:state_pressed="true"
          android:state_window_focused="true"
          android:drawable="@drawable/cookie" />
 
    <item android:state_focused="true"
          android:state_window_focused="true"
          android:drawable="@drawable/cookie" />
 
    <item android:state_selected="true"
          android:state_window_focused="true"
          android:drawable="@drawable/cookie" />
 
    <item android:drawable="@drawable/cookie" />
 
</selector>

Celui-ci dessous je l'ai placé dans strings.xml:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/food_ratingbar_full</item>
        <item name="android:minHeight">48dip</item>
        <item name="android:maxHeight">48dip</item>
    </style>
</resources>

Par contre les deux premiers j'en ai aucune idée. Je vous remercie

[Ryu2000]

Je crois que ça doit être :

1. res/drawable/food_rating_bar_full.xml
2. res/drawable/food_rating_bar_full_filled.xml
3. res/values/styles.xml

Il faut 2 selectors :
@drawable/food_ratingbar_full_empty
@drawable/food_ratingbar_full_filled