使用Ratingbar做一个完成度的评定显示:
系统默认的Ratingbar颜色并不合适使用。
此处需要自定义。
参考网上一些文章,写一下总结。
一、设置RatingBar显示的资源图片
在drawable文件加下新建一个layout-list类的文件:
<?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_disable" />
<item
android:id="@android:id/progress"
android:drawable="@drawable/star_enable" />
<--
<item
android:id="@android:id/secondaryProgress"
android:drawable="@drawable/star_enable" />-->
</layer-list>
属性说明:此文件用于设置不同的状态下的RatingBar的图片样式
- background:默认的显示是RatingBar的样式(ps:比如一颗灰色的星星);
- secondaryProgress:与用户交互式(选中评价等级)时的过度样式,此处因为不与用户做交互因此注释;
- progress:当选中这的等级的时候RatingBar的样式。
二、设置需要的RatingBar的样式。
此处可以设置在Style文件中也可以直接在使用RatingBar时设置。
(1)设置每一星星的背景:
android:progressDrawable="@drawable/rating_bar_bg"
ps:此处使用刚刚写的layout-list文件,需注意的是使用的是progressDrawable属性而不是Drawable;drawable设置的是整个RatingBar的背景,而progressDrawable设置的是RatingBar中单个图像不同状态的背景。
(2)设置时候与用户交互(用户是否可以点击和选中等级,即禁止用户点击RatingBar时修改RatingBar的值)
android:isIndicator="true"
<!--为true时不可交互,false时可交互。-->
(3)设置总共的等级总数:
android:numStars="5"
(4)minHeight和minWidth属性:
android:minHeight="30px"
android:minWidth="30px"
PS:此处注意,在自定义RatingBar时使用自己的图片会发现出现拉伸的问题,则将图片的真实大小设置到这两个属性上课解决问题。
(5)设置显示当前的评价等级:
设置rating属性来显示。
网友评论