[Andoird自定义View]打分控件

由于公司需求要做一个游戏推荐的功能，其中涉及到一个评分功能。

初步想法是使用Android系统自带的RatingBar，但是由于修改样式比较费劲。干脆自己来一发。

言归正传：直接上效果图



功能：

1.可以配置未选中的样式以及选中的样式

2.可以配置总个数以及默认选中的个数

3.点击第几个项目，之前的以及此项目显示选中状态，后面的为未选中状态。

4.可以获取分数。

思路：

1.自定义属性，使用TypedArray在代码中获取

<declare-styleable name="MyRatingView">
        <attr name="totalStarNum" format="integer"></attr>
        <attr name="markNum" format="integer"></attr>
        <attr name="lightDrawable" format="reference"></attr>
        <attr name="blackDrawable" format="reference"></attr>
    </declare-styleable>

TypedArray typedArray=context.obtainStyledAttributes(attrs,R.styleable.MyRatingView);
        starNum=typedArray.getInt(R.styleable.MyRatingView_totalStarNum,5);
        markNum=typedArray.getInt(R.styleable.MyRatingView_markNum,3);
        lightDrawable=typedArray.getDrawable(R.styleable.MyRatingView_lightDrawable);
        blackDrawable=typedArray.getDrawable(R.styleable.MyRatingView_blackDrawable);
        typedArray.recycle();

2.每一个项目都是一个ImageView,所以建立一个大小为totalStarNum的ImageView数组用于存储所有的ImageView。并根据markNum初始化每个ImageView显示的图片。

3.给每个图片都加一个监听器，点击后更新markNum及所有ImageView的显示样式。怎样知道点了哪个呢？方法很多，我这里使用的是View的setTag（）

直接上源码

MyRatingView.java

package com.david.myratingbar;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MyRatingView extends LinearLayout implements View.OnClickListener {

    private int starNum = 5;
    private int markNum = 3;
    private Drawable lightDrawable,blackDrawable;
    private ImageView[] imageViews;

    public MyRatingView(Context context) {
        this(context,null);
    }

    public MyRatingView(Context context, AttributeSet attrs) {
        this(context,attrs,0);
    }

    public MyRatingView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray=context.obtainStyledAttributes(attrs,R.styleable.MyRatingView);
        starNum=typedArray.getInt(R.styleable.MyRatingView_totalStarNum,5);
        markNum=typedArray.getInt(R.styleable.MyRatingView_markNum,3);
        lightDrawable=typedArray.getDrawable(R.styleable.MyRatingView_lightDrawable);
        blackDrawable=typedArray.getDrawable(R.styleable.MyRatingView_blackDrawable);
        typedArray.recycle();
        if(starNum<markNum){
            throw new RuntimeException("staNum must > markNum");
        }
        init(context);
    }

    private void init(Context context) {
        this.setOrientation(HORIZONTAL);
        imageViews = new ImageView[starNum];
        for (int i = 0; i < markNum; i++) {
            ImageView imageView = new ImageView(context);
            imageView.setImageDrawable(lightDrawable);
            imageView.setTag(i);
            imageView.setOnClickListener(this);
            imageViews[i] = imageView;
            this.addView(imageView);
        }
        for (int i = markNum; i < starNum; i++) {
            ImageView imageView = new ImageView(context);
            imageView.setTag(i);
            imageView.setImageDrawable(blackDrawable);
            imageView.setOnClickListener(this);
            imageViews[i] = imageView;
            this.addView(imageView);
        }
    }

    @Override
    public void onClick(View v) {
        int clickIndex = (int) v.getTag();
        markNum = clickIndex + 1;
        for (int i = 0; i <= clickIndex; i++) {
            imageViews[i].setImageDrawable(lightDrawable);
        }
        for (int i = clickIndex + 1; i < imageViews.length; i++) {
            imageViews[i].setImageDrawable(blackDrawable);
        }
    }

    public int getScore() {
        return markNum;
    }
}

在布局中使用：

<com.david.myratingbar.MyRatingView
        android:layout_marginTop="200dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        david:lightDrawable="@drawable/ic_star_checked"
        david:blackDrawable="@drawable/ic_star_normal"
        david:markNum="5"
        david:totalStarNum="7"
        />

源码已经上传到github: https://github.com/Davidrou/MyRatingView