Android自定义View实现星星评分效果

下面是详细讲解“Android自定义View实现星星评分效果”的完整攻略：

1. 确定需求

在开始编写自定义View之前，我们需要明确自己的需求。在本文中，需求是实现一个5颗星的评分效果，用户可以通过手指滑动及点击操作来进行打分，同时显示打分数值。

2. 建立项目

我们需要创建一个新的Android项目，打开Android Studio，点击File -> New -> New Project，按照向导创建即可。

3. 创建自定义View

在该项目中创建新的Java类StarRatingView，该类需要继承自View。

public class StarRatingView extends View {

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

    public StarRatingView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public StarRatingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 在这里处理View的宽高，代码略
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 在这里使用Canvas绘制自己的View，代码略
        super.onDraw(canvas);
    }

    // 在这里添加触摸事件的处理，代码略
}

4. 设置自定义属性

我们需要在attrs.xml文件中定义自己的属性，比如星星的大小、颜色等等，示例如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="StarRatingView">
        <attr name="starSize" format="dimension"/>
        <attr name="starColor" format="color"/>
    </declare-styleable>
</resources>

然后在StarRatingView的构造函数中通过context.obtainStyledAttributes()方法来获取自定义属性。

public StarRatingView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);

    TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.StarRatingView);
    mStarSize = array.getDimension(R.styleable.StarRatingView_starSize, DEFAULT_STAR_SIZE);
    mStarColor = array.getColor(R.styleable.StarRatingView_starColor, DEFAULT_STAR_COLOR);
    array.recycle();
}

这里我们使用了DEFAULT_STAR_SIZE和DEFAULT_STAR_COLOR作为默认的星星大小和颜色。

5. 绘制星星

在onDraw()方法中我们来绘制星星，我们可以通过drawBitmap()方法来绘制星星图片，这里我们先使用getDrawable()方法来获取星星图片，示例代码如下：

private Drawable mEmptyStarDrawable;
private Drawable mFillStarDrawable;

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    if (mFillStarDrawable == null || mEmptyStarDrawable == null) {
        return;
    }

    canvas.save();
    for (int i = 0; i < 5; i++) {
        float dx = i * (mStarSize + mStarHSpace);
        float dy = 0;

        if (mStarCount > i) {
            mFillStarDrawable.setBounds((int) dx, (int) dy, (int) (dx + mStarSize), (int) (dy + mStarSize));
            mFillStarDrawable.draw(canvas);
        } else {
            mEmptyStarDrawable.setBounds((int) dx, (int) dy, (int) (dx + mStarSize), (int) (dy + mStarSize));
            mEmptyStarDrawable.draw(canvas);
        }
    }
    canvas.restore();
}

6. 触摸事件处理

我们可以通过重写onTouchEvent()方法来处理触摸事件，使用户可以通过手指点击或滑动来进行打分，示例代码如下：

private float mLastX;

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mLastX = event.getX();
            return true;
        case MotionEvent.ACTION_MOVE:
            float dx = event.getX() - mLastX;
            if (Math.abs(dx) > mStarSize + mStarHSpace) {
                mStarCount += Math.signum(dx);
                mLastX = event.getX();
                invalidate();
            }
            return true;
        case MotionEvent.ACTION_UP:
            return true;

        default:
            break;
    }
    return super.onTouchEvent(event);
}

至此，我们实现了一个基本满足需求的星星评分效果的自定义View。接下来，我们可以做一些优化和扩展，比如增加星星的最大值、最小值设置、增加动画效果等等。

以上示例代码仅供参考，如果您需要完整的代码和更详细的解释，可以参考以下链接：

1. 实现星星评分——Android自定义View之路
2. Android自定义View实现星星评分效果