Android控件之RatingBar自定义星级评分样式

 更新时间:2016年02月24日 11:55:54   作者:ForrestWoo  
RatingBar为评分条控件,默认效果为若干个绿色的星星,如果想将其换成其他自定义图片就要自定义它的style。接下来通过本文给大家介绍Android控件之RatingBar自定义星级评分样式,感兴趣的朋友一起学习吧

一、RatingBar简单介绍

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

效果图展示:

二、实例

1.布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:paddingLeft="10dip"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RatingBar android:id="@+id/ratingbar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="3"
android:rating="2.5" />
<RatingBar android:id="@+id/ratingbar2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:rating="2.25" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip">
<TextView android:id="@+id/rating"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RatingBar android:id="@+id/small_ratingbar"
style="?android:attr/ratingBarStyleSmall"
android:layout_marginLeft="5dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical" />
</LinearLayout>
<RatingBar android:id="@+id/indicator_ratingbar"
style="?android:attr/ratingBarStyleIndicator"
android:layout_marginLeft="5dip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical" />
</LinearLayout>

2.Java代码

package wjq.WidgetDemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.RatingBar;
import android.widget.TextView;
import android.widget.RatingBar.OnRatingBarChangeListener;
public class RatingBarDemo extends Activity implements
OnRatingBarChangeListener {
private RatingBar mSmallRatingBar;
private RatingBar mIndicatorRatingBar;
private TextView mRatingText;
/*
* (non-Javadoc)
* 
* @see android.app.Activity#onCreate(android.os.Bundle)
*/
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.ratingbarpage);
mRatingText = (TextView) findViewById(R.id.rating);
// We copy the most recently changed rating on to these indicator-only
// rating bars
mIndicatorRatingBar = (RatingBar) findViewById(R.id.indicator_ratingbar);
mSmallRatingBar = (RatingBar) findViewById(R.id.small_ratingbar);
// The different rating bars in the layout. Assign the listener to us.
((RatingBar)findViewById(R.id.ratingbar1)).setOnRatingBarChangeListener(this);
((RatingBar)findViewById(R.id.ratingbar2)).setOnRatingBarChangeListener(this);
}
@Override
public void onRatingChanged(RatingBar ratingBar, float rating,
boolean fromUser) {
final int numStars = ratingBar.getNumStars();
mRatingText.setText( 
" 受欢迎度" + rating + "/" + numStars);
// Since this rating bar is updated to reflect any of the other rating
// bars, we should update it to the current values.
if (mIndicatorRatingBar.getNumStars() != numStars) {
mIndicatorRatingBar.setNumStars(numStars);
mSmallRatingBar.setNumStars(numStars);
}
if (mIndicatorRatingBar.getRating() != rating) {
mIndicatorRatingBar.setRating(rating);
mSmallRatingBar.setRating(rating);
}
final float ratingBarStepSize = ratingBar.getStepSize();
if (mIndicatorRatingBar.getStepSize() != ratingBarStepSize) {
mIndicatorRatingBar.setStepSize(ratingBarStepSize);
mSmallRatingBar.setStepSize(ratingBarStepSize);
}
}
}

关于Android控件之RatingBar自定义星级评分样式就给大家介绍这里,希望对大家有所帮助,本文写的不好还请各位大侠多多指教!

相关文章

  • Android仿小米时钟效果

    Android仿小米时钟效果

    这篇文章主要为大家详细介绍了Android仿小米时钟效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • TextView实现跑马灯效果 就这么简单!

    TextView实现跑马灯效果 就这么简单!

    TextView实现跑马灯效果,就这么简单轻松实现,这篇文章介绍了TextView制作跑马灯效果的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android中极简的js与java的交互库(SimpleJavaJsBridge)

    Android中极简的js与java的交互库(SimpleJavaJsBridge)

    本文主要介绍了Android中极简的js与java的交互库--SimpleJavaJsBridge,它可以让js与java之间的通信更简单。 具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • Android RecyclerView实现点击条目删除

    Android RecyclerView实现点击条目删除

    这篇文章主要为大家详细介绍了Android RecyclerView实现点击条目删除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Android编程中context及全局变量实例详解

    Android编程中context及全局变量实例详解

    这篇文章主要介绍了Android编程中context及全局变量的用法,结合实例形式较为详细的分析讲述了context及全局变量的使用技巧与相关注意事项,需要的朋友可以参考下
    2015-12-12
  • Flutter 枚举值enum和int互相转化总结

    Flutter 枚举值enum和int互相转化总结

    这篇文章主要为大家介绍了Flutter 枚举值enum和int互相转化总结分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Android SRT字幕文件基础操作讲解

    Android SRT字幕文件基础操作讲解

    这篇文章主要介绍了Android SRT字幕文件基础操作,SRT的数据格式是通过以上单个数据节点可以提供一个大致的思路是:先定位一个数据节点的固定格式,然后将一行一行的读取到数据
    2023-01-01
  • win7配置adb环境变量的方法步骤

    win7配置adb环境变量的方法步骤

    本文主要介绍了win7配置adb环境变量的方法步骤,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • Android仿京东手机端类别页

    Android仿京东手机端类别页

    这篇文章主要为大家详细介绍了Android仿京东手机端类别页,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • Android编程实现图片的浏览、缩放、拖动和自动居中效果

    Android编程实现图片的浏览、缩放、拖动和自动居中效果

    这篇文章主要介绍了Android编程实现图片的浏览、缩放、拖动和自动居中效果,以具体实例形式分析了Android针对图片各种常见显示效果的布局及功能实现技巧,需要的朋友可以参考下
    2015-11-11

最新评论