更換 Android 默認的 RatingBar 圖片

RatingBar是咱們在系統顯示分數的好組件,可是咱們通常想把RatingBar裝飾的更好看,想把更好看的圖片用來替換系統默認的圖片,系統默認的樣子是這樣的:

下圖是個不錯的選擇哦:

想要實現如上效果,首先咱們在styles.xml寫入一個樣式:

<?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>


而後在Drawable文件夾下建food_rating_bar_full.xml文件,內容以下:

<?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>

food_ratingbar_full_empty是表明沒有選中圖片效果,food_ratingbar_full_filled選中圖片效果。
最後將style放入RatingBar中,便可實現你的圖片效果:

<RatingBar android:id="@+id/my_rating_bar"  
        ...  
        style="@style/foodRatingBar" />  
<RatingBar android:id="@+id/my_rating_bar"
    ...
    style="@style/foodRatingBar" />


參考地址:http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/android

相關文章
相關標籤/搜索