Android如何自定義評分控件

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設計。