53.星级评分条

【实际效果图】

---

1.相关资源：

/**
 * 自定义View的几个重要方法步骤：
 * 1、构造方法 创建 对象：据使用的那种方式调用那种方法
 * 2、获取View的大小 ：onMeasure(int,int)
 * 3、确定View的位置，view自身有一定的权力，但是决定权在父布局上 ： onLayout();
 * 4、绘制View的内容：onDraw(Canvas)
 */
//自定义控件---星级评分条（只用于显示,不可拖动）
public class MyRatingBar extends View {
    private Paint paint;//画笔

    private float rateNum;//当前星级值（0~5）
    private int stepSizeType;//步长类型
    private Bitmap starYesBitmap;//满星图片
    private Bitmap starNoBitmap;//无星图片
    private Bitmap starHalfBitmap;//半星图片

    //此处的final整数值应该与attr里面的属性枚举值保持一致
    public final static int halfStar = 0;//有半星
    public final static int fullStar = 1;//无半星

    /**
     * 在布局文件中使用自定义的view时，调用此构造方法
     */
    public MyRatingBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取自定义属性
        TypedArray typeArray = context.obtainStyledAttributes(attrs, R.styleable.MyRatingBar);//获取属性命名空间
        rateNum = typeArray.getFloat(R.styleable.MyRatingBar_rateNum, 0);//获取属性值-星级值
        stepSizeType = typeArray.getInt(R.styleable.MyRatingBar_stepSizeType, 0);//获取属性值-步长类型

        int starYesID = typeArray.getResourceId(R.styleable.MyRatingBar_star_yes, R.drawable.star_yes);
        int starNoID = typeArray.getResourceId(R.styleable.MyRatingBar_star_no, R.drawable.star_no);
        int starHalfID = typeArray.getResourceId(R.styleable.MyRatingBar_star_half, R.drawable.star_half);
        starYesBitmap = BitmapFactory.decodeResource(getResources(), starYesID);
        starNoBitmap = BitmapFactory.decodeResource(getResources(), starNoID);
        starHalfBitmap = BitmapFactory.decodeResource(getResources(), starHalfID);

        initView();
    }

    /**
     * 初始化视图数据
     */
    private void initView() {
        paint = new Paint();
        paint.setAntiAlias(true);//设置抗锯齿

        //自定义属性若想属性生效，必须刷新状态
        flushState();
    }

    /**
     * 测量View的大小
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(starNoBitmap.getWidth() * 5, starNoBitmap.getHeight() * 1);
    }


    /**
     * 确定View的位置
     */
    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        //自定义view的时候，一般来说作用不大,故此处不做任何处理
        super.onLayout(changed, left, top, right, bottom);
    }

    /**
     * 绘制View的内容
     */
    @Override
    protected void onDraw(Canvas canvas) {
        int starWidth = starNoBitmap.getWidth();
        //无半星
        if (stepSizeType == 1) {
            int index = (int) (rateNum / 1);
            for (int i = 0; i < 5; i++) {
                if (i < index) {
                    canvas.drawBitmap(starYesBitmap, starWidth * i, 0, paint);//设置第i颗星为满星
                } else {
                    canvas.drawBitmap(starNoBitmap, starWidth * i, 0, paint);//设置第i颗星为无星
                }
            }
        }
        //有半星
        else if (stepSizeType == 0) {
            int index = (int) (rateNum / 0.5);
            for (int i = 0; i < 5; i++) {
                if (i * 2 < index) {
                    if (i * 2 <= (index - 2)) {
                        canvas.drawBitmap(starYesBitmap, starWidth * i, 0, paint);//设置第i颗星为满星
                    } else {
                        canvas.drawBitmap(starHalfBitmap, starWidth * i, 0, paint);//设置第i颗星为半星
                    }
                } else {
                    canvas.drawBitmap(starNoBitmap, starWidth * i, 0, paint);//设置第i颗星为无星
                }

            }

        }


    }

    /**
     * 监听手势事件
     *
     * @param event
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return super.onTouchEvent(event);
    }

    /**
     * 刷新View的状态
     */
    private void flushState() {
        //刷新View,因本例子比较简单，所以flushState()没啥用，只是跳到了flushView()而已，不过复杂点的控件的话，还是将刷新状态和刷新视图分开比较好
        flushView();
    }

    /**
     * 刷新View的内容
     */
    private void flushView() {
        //刷新界面,会重新调用onDraw()方法,不在UI线程中刷新界面得使用postInvalidate().
        invalidate();
    }

    public void setRateNum(float rateNum) {
        this.rateNum = rateNum;
        flushState();
    }

    public void setStepSizeType(int stepSizeType) {
        this.stepSizeType = stepSizeType;
        flushState();
    }

    public void setStarYesBitmap(Bitmap starYesBitmap) {
        this.starYesBitmap = starYesBitmap;
        flushState();
    }

    public void setStarNoBitmap(Bitmap starNoBitmap) {
        this.starNoBitmap = starNoBitmap;
        flushState();
    }

    public void setStarHalfBitmap(Bitmap starHalfBitmap) {
        this.starHalfBitmap = starHalfBitmap;
        flushState();
    }
}

自定义属性：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyRatingBar">
        <attr name="rateNum" format="float"/>
        <attr name="stepSizeType" >
            <enum name="halfStar" value="0" />
            <enum name="fullStar" value="1" />
        </attr>
        <attr name="star_yes" format="reference"/>
        <attr name="star_no" format="reference"/>
        <attr name="star_half" format="reference"/>
    </declare-styleable>


</resources>

图片资源

---

2.使用说明：

属性说明：

在XML中设置属性：

在Java中设置属性：

来自为知笔记(Wiz)