要实现 RatingBar.Indicator 的自定义图标效果,可以通过自定义 RatingBar 的样式来实现。
以下是详细的步骤:
1. 准备自定义图标
准备好你要作为 RatingBar 星星的自定义图标,可以是两个不同状态的图标,一个用于选中状态(比如 star_filled.png),另一个用于未选中状态(比如 star_empty.png)。
2. 创建一个 LayerDrawable
在 res/drawable 文件夹下创建一个新的 XML 文件,例如 custom_ratingbar.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/star_empty" />
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/star_filled" />
<item android:id="@android:id/progress"
android:drawable="@drawable/star_filled" />
</layer-list>
这个文件定义了 RatingBar 的三个层次:背景、二级进度和进度。注意顺序不能乱
3. 自定义 RatingBar 样式
在 res/values/styles.xml 文件中定义自定义样式:
<resources>
<style name="CustomRatingBar" parent="Widget.AppCompat.RatingBar">
<item name="android:progressDrawable">@drawable/custom_ratingbar</item>
<item name="android:minHeight">48dp</item>
<item name="android:maxHeight">48dp</item>
</style>
</resources>
在这个样式中,我们引用了之前创建的 LayerDrawable 文件,并设置了 RatingBar 的高度。
4. 应用自定义样式
在你的布局文件中应用这个自定义样式:
<RatingBar
android:id="@+id/ratingBar"
style="@style/CustomRatingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:isIndicator="true"
android:numStars="5"
android:stepSize="1.0" />
最终效果: