android自定义RatingBar显示效果

最新推荐文章于 2024-11-25 23:11:24 发布

原创最新推荐文章于 2024-11-25 23:11:24 发布 · 631 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#android

要实现 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" />