android評分條RatingBar自訂設定

RatingBar為評分條控制項，預設效果為若干個綠色的星星，如果想將其換成其他自訂圖片就要自訂它的style。首先是布局檔案：

Java代碼  

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檔案 代碼：

Java代碼  

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檔案

代碼：

Java代碼  

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>    

 <item android:id="@+android:id/progress" android:drawable="@drawable/rating_show" />為設定評分圖案為  rating_show.png，也就是選中時的圖案；

<item android:id="@+android:id/background" android:drawable="@drawable/rating" />  為設定背景圖案為 rating.png，也就是為選中時的圖案。