自定义RatingBar

1,准备好两张图片

2,在res/drawable文件夹下新建 my_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/ratingbar_off" />
    <!--未选中的图片-->
    <item android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/ratingbar_off" />
    <!--选中的图片-->
    <item android:id="@android:id/progress"
        android:drawable="@drawable/ratingbar_on" />
</layer-list>

3,在res/values/style.xml文件下自定义我们所需要的RatingBar样式:

<style name="myRatingBar"
        parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/my_ratingbar</item>
        <item name="android:maxHeight">60dp</item>
        <item name="android:minHeight">60dp</item>
    </style>

4,布局中使用

<RatingBar
        style="@style/myRatingBar"
        android:numStars="5"
        android:rating="3"
        android:stepSize="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:isIndicator="true"/>
    <!--android:numStars="5" 圈圈的数量
        android:rating="3"   已选中的圈圈数量
        android:stepSize="1" 选一次圈圈改变的数量-->
    <!--android:isIndicator="true"不可以通过点击来改变进度-->

5,效果图
在这里插入图片描述
项目demo下载

原生样式和自定义颜色可参考https://blog.csdn.net/wangxw725/article/details/72511352

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值