AndroidスコアバーRatingBarカスタム設定

6480 ワード

RatingBarはスコアバーコントロールで、デフォルトの効果はいくつかの緑の星で、他のカスタム画像に変更するにはstyleをカスタマイズします.まず、レイアウトファイル:
1 <RatingBar android:id="@+id/app_ratingbar" style="@style/MyRatingBar"  
2                 android:layout_marginTop="4dip" android:layout_width="wrap_content"  
3                 android:layout_height="wrap_content" android:numStars="5"  
4                 android:isIndicator="true" android:rating="5" />  

 
ここでandroid:numStars="5"設定で表示される星の数は5です.Android:rating="5"選択数を5、つまりすべて選択
Android:isIndicator="true"設定スコアバーは結果のみを表示し、クリックで選択状態を変更することはできません.
res/valuesディレクトリの下でstylesを作成します.xmlファイルコード:
1 <?xml version="1.0" encoding="utf-8"?>     
2 <resources>       
3         <style name="MyRatingBar" parent="@android:style/Widget.RatingBar">    
4         <item name="android:progressDrawable">@drawable/food_rating_bar_full</item>    
5         <item name="android:minHeight">15dip</item>    
6         <item name="android:maxHeight">15dip</item>    
7     </style>    
8 </resources> 

 
 
Android:progressDrawableはスコアバーパターンです.次にres/drawableディレクトリの下でfood_を作成します.rating_bar_full.xmlファイル
コード:
1 <?xml version="1.0" encoding="utf-8"?>    
2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">    
3     <item android:id="@+android:id/background"    
4           android:drawable="@drawable/rating" />    
5     <item android:id="@+android:id/secondaryProgress"    
6           android:drawable="@drawable/rating" />    
7     <item android:id="@+android:id/progress"    
8           android:drawable="@drawable/rating_show" />    
9 </layer-list>    

 
採点パターンをrating_に設定show.png、つまり選択したときのパターンです.