Android自定义星星可滑动评分控件

本文实例为大家分享了Android自定义星星可滑动评分控件的具体方法，供大家参考，具体内容如下

超过十余年行业经验，技术领先，服务至上的经营模式，全靠网络和口碑获得客户，为自己降低成本，也就是为客户降低成本。到目前业务范围包括了：网站设计、成都网站设计，成都网站推广，成都网站优化，整体网络托管，小程序定制开发，微信开发，成都app开发，同时也可以让客户的网站和网络营销和我们一样获得订单和生意！

此控件通过线性布局结合ImageView来实现。

具有展示分数，滑动评分功能，可设置0-10分，自行设置星星图片，是否可点击与滑动，星星间距。

效果如下：

Android自定义星星可滑动评分控件

需准备好下面三张图片

Android自定义星星可滑动评分控件

先看自定义属性：

<?xml version="1.0" encoding="utf-8"?>

布局文件

<?xml version="1.0" encoding="utf-8"?>

第一个控件star:ratable设置为false，只具备展示功能。第二个为true，可进行滑动评分并把分数显示到TextView上。

下面是控件代码

public class StarRatingView extends LinearLayout{
  private Drawable on,off,half;  //星星三种图片
  private boolean ratable;  //是否点击滑动
  private float padding; //星星之间间距
  private List list;  //存放五颗星星
  private float points[] = new float[11];  //0-10分点的x坐标，index为分数，值为此分数为坐标
  private float starWidth;  //设置的星星图片宽度
  private float halfStarWidth;  //半个星星宽度
  private int paddingLeft;    //控件左padding
  private OnRateChangeListener onRateChangeListener;

  public StarRatingView(Context context) {
    super(context);
  }

  public StarRatingView(Context context, AttributeSet attrs) {
    super(context, attrs);
    TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.StarRatingView);
    on = array.getDrawable(R.styleable.StarRatingView_stat_on);
    off = array.getDrawable(R.styleable.StarRatingView_stat_off);
    half = array.getDrawable(R.styleable.StarRatingView_stat_half);
    ratable = array.getBoolean(R.styleable.StarRatingView_ratable, false);
    halfStarWidth = on.getIntrinsicWidth() / 2;
    starWidth = on.getIntrinsicWidth();
    padding = array.getDimension(R.styleable.StarRatingView_star_padding, starWidth / 3);
    paddingLeft = getPaddingLeft();
    list = new ArrayList<>();
    ImageView imageView;
    //初始化五个星星，并通过points数组把分数与坐标对应起来
    for(int i=0;i<5;i++){
      imageView = new ImageView(context);
      LinearLayout.LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
      if(i!=0&&i!=4) {
        //设置间距
        layoutParams.setMargins((int) padding / 2, 0, (int) padding / 2, 0);
        //分数点所在的x坐标
        points[i*2] = i*starWidth+i*padding;
        points[i*2+1] = points[i*2]+halfStarWidth/2;
      }
      //第一个左边和最后一个右边不设置间距
      if(i==0){
        layoutParams.setMargins(0, 0, (int) padding / 2, 0);
        points[0] = 0;
        points[1] = halfStarWidth;
      }
      if(i==4){
        layoutParams.setMargins((int) padding / 2, 0, 0, 0);
        points[i*2] = i*starWidth+i*padding;
        points[i*2+1] = points[i*2]+halfStarWidth/2;
        points[10] = points[9]+halfStarWidth/2;
      }
      imageView.setLayoutParams(layoutParams);
      imageView.setImageDrawable(off);
      list.add(imageView);
      addView(list.get(i));
    }
    setOrientation(LinearLayout.HORIZONTAL);
    array.recycle();
  }

  /**
   *根据分数显示星星
   * @param rate
   */
  public void setRate(int rate){
    removeAllViews();
    int count = rate/2;
    boolean isOdd;
    if(rate%2==0){
      isOdd = false;
    }else{
      isOdd = true;
    }
    for(int i=0;irealPosition){
        return i;
      }
    }
    //如果循环结束即为右滑超出最大值，返回10分
    return 10;
  }

  /**
   * 评分改变的回调
   */
  public interface OnRateChangeListener{
    void onRateChange(int rate);
  }
}

基本实现原理是通过坐标计算分数，然后根据分数设置每个ImageView显示不同三张星星图片，根据ratable变量判断是否处理触摸事件，通过触摸位置在坐标数组point[]的位置，确定index，即为分数。并通过OnRateChangeListener通知分数的改变。

最后为Activity代码

public class MainActivity extends AppCompatActivity {

 private int count;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  final StarRatingView srv = (StarRatingView) findViewById(R.id.srv);
  findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    count++;
    srv.setRate(count);
   }
  });
  final TextView tv = (TextView) findViewById(R.id.tv);
  StarRatingView srv_ratable = (StarRatingView) findViewById(R.id.srv_ratable);
  srv_ratable.setOnRateChangeListener(new StarRatingView.OnRateChangeListener() {
   @Override
   public void onRateChange(int rate) {
    tv.setText(rate+"分");
   }
  });
 }

}

GitHub地址StarRatingView

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。

网站题目：Android自定义星星可滑动评分控件
文章路径：http://cqcxhl.com/article/pspccc.html

重庆分公司，新征程启航

Android自定义星星可滑动评分控件

其他资讯