您的位置:首页 > 其它

RatingBar 自定义图标

2016-06-16 12:48 543 查看
提示:自定义的RatingBar 图标不能缩小,图标太大会显示不全。

源址:http://www.iteye.com/topic/689272

RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的: 


 

下图是个不错的选择哦: 


 

想要实现如上效果,首先我们在styles.xml写入一个样式: 

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代码  


<?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中,即可实现你的图片效果: 

Xml代码  


<RatingBar   android:id="@+id/my_rating_bar"  

            ...  

            style="@style/foodRatingBar" />  

参考地址:http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: