Android如何自定义评分控件

在Android应用开发中，评分控件是一个常见的UI组件，用于让用户对某个内容进行评分。虽然Android提供了RatingBar控件，但有时我们需要根据设计需求自定义评分控件的外观和行为。本文将介绍如何自定义一个评分控件。

1. 需求分析

在开始编码之前，我们需要明确自定义评分控件的需求。假设我们需要实现一个评分控件，具有以下特点：

• 支持半颗星的评分。
• 可以自定义星星的大小和颜色。
• 支持触摸滑动评分。

2. 创建自定义控件

首先，我们需要创建一个自定义控件类，继承自View或ViewGroup。这里我们选择继承View。

public class CustomRatingBar extends View {
    private int starCount = 5; // 星星的总数
    private float rating = 0; // 当前评分
    private Paint starPaint; // 用于绘制星星的画笔
    private Bitmap starBitmap; // 星星的图片
    private Bitmap starHalfBitmap; // 半颗星的图片
    private Bitmap starEmptyBitmap; // 空星的图片

    public CustomRatingBar(Context context) {
        super(context);
        init();
    }

    public CustomRatingBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CustomRatingBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        starPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        starBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.star_filled);
        starHalfBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.star_half);
        starEmptyBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.star_empty);
    }

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

        int starWidth = starBitmap.getWidth();
        int starHeight = starBitmap.getHeight();
        int padding = 10; // 星星之间的间距

        for (int i = 0; i < starCount; i++) {
            float x = i * (starWidth + padding);
            if (rating >= i + 1) {
                canvas.drawBitmap(starBitmap, x, 0, starPaint);
            } else if (rating > i && rating < i + 1) {
                canvas.drawBitmap(starHalfBitmap, x, 0, starPaint);
            } else {
                canvas.drawBitmap(starEmptyBitmap, x, 0, starPaint);
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = starBitmap.getWidth() * starCount + (starCount - 1) * 10; // 10是星星之间的间距
        int height = starBitmap.getHeight();
        setMeasuredDimension(width, height);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getX();
        int starWidth = starBitmap.getWidth();
        int padding = 10;
        int starIndex = (int) (x / (starWidth + padding));
        float fraction = (x - starIndex * (starWidth + padding)) / starWidth;

        if (fraction < 0.5f) {
            rating = starIndex + 0.5f;
        } else {
            rating = starIndex + 1;
        }

        if (rating > starCount) {
            rating = starCount;
        }

        invalidate(); // 重绘控件
        return true;
    }

    public float getRating() {
        return rating;
    }

    public void setRating(float rating) {
        this.rating = rating;
        invalidate();
    }
}

3. 使用自定义控件

在布局文件中使用自定义控件：

<com.example.customratingbar.CustomRatingBar
    android:id="@+id/customRatingBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

在Activity中获取控件并设置评分：

CustomRatingBar customRatingBar = findViewById(R.id.customRatingBar);
customRatingBar.setRating(3.5f);

4. 总结

通过继承View并重写onDraw和onTouchEvent方法，我们可以轻松实现一个自定义的评分控件。这个控件支持半颗星的评分，并且可以通过触摸滑动来改变评分。你可以根据需要进一步扩展这个控件，例如支持不同的星星图片、动态改变星星颜色等。

自定义控件是Android开发中的一个重要技能，掌握它可以帮助你实现更加灵活和个性化的UI设计。