一、前言:
RatingBar是安卓开发中的一个重要控件,它可以用来实现用户评分的功能。用户可以通过在RatingBar上滑动手指来改变星星的数量,以此来起到评分的作用。
由于网上有太多关于RatingBar的介绍,这里就不详细叙述。
在此仅介绍一种实现自定义RatingBar的方法。
效果图:
![](https://img.haomeiwen.com/i11268516/1cf4ac1ecd3f3843.png)
![](https://img.haomeiwen.com/i11268516/e3e171399f0dc052.png)
注意:可以自定义背景图和选中的图标。
gitee地址:https://gitee.com/lyyon/EmojiDemo
二、使用
1. 在drawable文件夹下添加你的两张自定义图片,一张为未参与评分的星星(假设它为star_grey.png),也就是背景,如下图红线框起的部分:
![](https://img.haomeiwen.com/i11268516/e3e171399f0dc052.png)
另一张就是黄色的星星(star_yellow.png)所代表的的样式啦。
2. 第二部,在布局中添加RatingBar控件,代码如下:
<RatingBar
style="@style/myRatingBar"<!--引入稍后将会创建的样式文件--/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"<!--星星的最大数量--/>
android:stepSize="1"<!--手指滑动时增加星星的最小单位(步长),0.5也是常用值--/>
android:layout_marginBottom="10dp"
其中,numStars 属性表示星星的数量,rating 属性表示当前评分,stepSize 属性表示评分的步长。
3 .第三步,在res/value文件夹下添加myRatingBar.xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="myRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/myratingbar</item><!--引入稍后将会创建的myratingbar.xml文件--/>
<item name="android:minHeight">15dp</item><!--可自定义星星的最小高度--/>
<item name="android:maxHeight">45dp</item><!--可自定义星星的最小宽度--/>
</style>
</resources>
4 . 第四步,在drawable文件夹下添加myratingbar.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"/<!--注意,这句话中的id为系统内置的id,不可改动,下同--/>
android:drawable="@drawable/star_grey"/>/<!--引入你的自定义背景图片,即灰色的星星--/>
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/star_grey"/>/<!--这个暂时没有搞懂是干什么的,暂且让它也引用灰色星星的资源文件吧--/>
<item android:id="@android:id/progress"
android:drawable="@drawable/star_red"/>/<!--点亮后的星星--/>
</layer-list>
这样,RatingBar就定义好了,手指滑动,可以改变点亮的星星的数量。
另外,本人还有个问题,如果在ListView中定义了这样的自定义RatingBar控件,就无法实现item的点击事件了。在设置了android:isIndicator=”false”之后还是不起作用(此属性让RatingBar只具有展示功能,而不具有与用户的交互功能),希望能得到一个处理的办法。
————————————————
原文链接:https://blog.csdn.net/Egg66666/article/details/53206886
网友评论