首页 > 代码库 > 自定义实现RatingBar

自定义实现RatingBar

RatingBar是Android中常用的一个组件,但是发现一个问题就是不同系统版本的RatingBar表现的不太一样

前面的是在Android 2.3版本的表现形式,后面的是在Android 4.0以上版本的表现形式,但是在我们常见的app中一般都要求体验风格要统一,这就要求我们自定义来实现RatingBar的图片

首先要找到要用的图片,其实我们常见的Android图标在sdk中就可以找到位置是:android-sdk-windows\platforms\android-20\data\res\drawable-hdpi,在这里我们可以看到所有我们常见的组件的图片,这样选取图片就方便了很多

下面直接上代码

    <RatingBar
        android:id="@+id/rating"
        style="@style/RatingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="2" />

    <style name="RatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/rating_background</item>
    </style>

rating_background.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/btn_rating_star_off_normal_holo_light">
    </item>
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/btn_rating_star_on_focused_holo_dark">
    </item>

</layer-list>


这样就可以使app在不同版本的手机都显示同样的效果,如果你愿意的话也可以让图标是小红花或小红旗什么的,随意啦。


自定义实现RatingBar