Android App中使用RatingBar实现星级打分功能的教程

2019-12-10 18:12:26于丽
易采站长站为您分析Android App中使用RatingBar实现星级打分功能的教程,文中举了一个使用SeekBar与RatingBar制作的应用内打分条的功能,非常简单,需要的朋友可以参考下  

RatingBar简单介绍
RatingBar是基于SeekBar(拖动条)和ProgressBar(状态条)的扩展,用星形来显示等级评定,在使用默认RatingBar时,用户可以通过触摸/拖动/按键(比如遥控器)来设置评分, RatingBar自带有两种模式 ,一个小风格 ratingBarStyleSmall,大风格为ratingBarStyleIndicator,大的只适合做指示,不适用与用户交互。
自定义RatingBar需要注意的地方

一般情况下,系统自带的RatingBar是远远无法满足开发需求的,我们根据图片自定一个RatingBar,在开始实现自定义RatingBar之前,顺带说一下res目录下图片放置目录的区别:

在android sdk 1.5版本之前res目录下面只有一个drawable一个目录,在android sdk 1.6版本以后就出现了三个目录,分别是drawable-hdpi、drawable-ldpi、drawable-mdpi、drawable-xhdpi,
    (1)drawable-hdpi里面存放高分辨率的图片,如WVGA (480x800),FWVGA (480x854) 
    (2)drawable-mdpi里面存放中等分辨率的图片,如HVGA (320x480)
    (3)drawable-ldpi里面存放低分辨率的图片,如QVGA (240x320)
    (4)drawable-xhdpi里面存放超大分辨率的图片,至少960dp x 720dp 
由于我们自定义实现的RatingBar里面使用到的星形图片分辨率比较低,所以一般情况下,我们把图片放到drawable-mdpi或者drawable-ldpi里面。

自定义RatingBar的实现过程

首先,根据图片自定一个RatingBar的背景条,和图片放到同一个目录下面(比如drawable-mdpi),room_rating_bar.xml

<?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://www.easck.com/apk/res/android">
  <item android:id="@+android:id/background"
  android:drawable="@drawable/star1"></item> <span></span>    
    <item android:id="@+android:id/secondaryProgress"
    android:drawable="@drawable/star1"></item>
    <item android:id="@+android:id/progress"
  android:drawable="@drawable/star2"></item>
</layer-list>