评分控件

StarRatingView

package widget;

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

import com.self.zsp.mutualhelp.R;

import java.util.ArrayList;
import java.util.List;

import value.Magic;

/**
 * Created on 2018/5/5.
 *
 * @desc 评分
 */
public class StarRatingView extends LinearLayout {
    /**
     * 三图
     */
    private Drawable on, off, half;
    /**
     * 点滑否
     */
    private boolean ratable;
    /**
     * 存五颗星
     */
    private List<ImageView> list;
    /**
     * 0-10分点x坐标,index为分,值为此分坐标
     */
    private float[] points = new float[11];
    /**
     * 左padding
     */
    private int paddingLeft;
    private OnRateChangeListener onRateChangeListener;

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

    public StarRatingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.StarRatingView);
        on = array.getDrawable(R.styleable.StarRatingView_stat_on);
        off = array.getDrawable(R.styleable.StarRatingView_stat_off);
        half = array.getDrawable(R.styleable.StarRatingView_stat_half);
        ratable = array.getBoolean(R.styleable.StarRatingView_ratable, false);
        // 半星宽
        float halfStarWidth = on.getIntrinsicWidth() / 2;
        // 图宽
        float starWidth = on.getIntrinsicWidth();
        // 间距
        float padding = array.getDimension(R.styleable.StarRatingView_star_padding, starWidth / 3);
        paddingLeft = getPaddingLeft();
        list = new ArrayList<>();
        ImageView imageView;
        // 初始化五星并通points数组对应分与坐标
        for (int i = 0; i < Magic.INT_W; i++) {
            imageView = new ImageView(context);
            LinearLayout.LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
            if (i != 0 && i != 4) {
                layoutParams.setMargins((int) padding / 2, 0, (int) padding / 2, 0);
                points[i * 2] = i * starWidth + i * padding;
                points[i * 2 + 1] = points[i * 2] + halfStarWidth / 2;
            }
            if (i == 0) {
                layoutParams.setMargins(0, 0, (int) padding / 2, 0);
                points[0] = 0;
                points[1] = halfStarWidth;
            }
            if (i == 4) {
                layoutParams.setMargins((int) padding / 2, 0, 0, 0);
                points[i * 2] = i * starWidth + i * padding;
                points[i * 2 + 1] = points[i * 2] + halfStarWidth / 2;
                points[10] = points[9] + halfStarWidth / 2;
            }
            imageView.setLayoutParams(layoutParams);
            imageView.setImageDrawable(off);
            list.add(imageView);
            addView(list.get(i));
        }
        setOrientation(LinearLayout.HORIZONTAL);
        array.recycle();
    }

    /**
     * 据分显星
     *
     * @param rate 分
     */
    public void setRate(int rate) {
        removeAllViews();
        int count = rate / 2;
        boolean isOdd;
        isOdd = rate % Magic.INT_ER != 0;
        for (int i = 0; i < list.size(); i++) {
            if (i < count) {
                list.get(i).setImageDrawable(on);
            } else {
                list.get(i).setImageDrawable(off);
            }
            if (isOdd && i == count) {
                list.get(i).setImageDrawable(half);
            }
            addView(list.get(i));
        }
        if (ratable && onRateChangeListener != null) {
            onRateChangeListener.onRateChange(rate);
        }
    }

    public void setOnRateChangeListener(OnRateChangeListener l) {
        onRateChangeListener = l;
    }

    @SuppressLint("ClickableViewAccessibility")
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 不可滑则不处理事件
        if (!ratable) {
            return super.onTouchEvent(event);
        }
        setRate(calculateStar(event.getX()));
        return true;
    }

    /**
     * 据坐标算分
     *
     * @param x 坐标
     * @return 分
     */
    private int calculateStar(float x) {
        // 减控件左padding
        float realPosition = x - paddingLeft;
        for (int i = 0; i < points.length; i++) {
            if (points[i] > realPosition) {
                return i;
            }
        }
        // 循环结束即右滑超最大值(返10分)
        return 10;
    }

    /**
     * 分变回调
     */
    public interface OnRateChangeListener {
        /**
         * xxx
         *
         * @param rate 分
         */
        void onRateChange(int rate);
    }
}

attrs

<!--StarRatingView-->
<declare-styleable name="StarRatingView">
    <!--亮-->
    <attr name="stat_on" format="reference" />
    <!--关-->
    <attr name="stat_off" format="reference" />
    <!--半星-->
    <attr name="stat_half" format="reference" />
    <!--点滑评-->
    <attr name="ratable" format="boolean" />
    <!--间距-->
    <attr name="star_padding" format="dimension" />
</declare-styleable>

布局

<widget.StarRatingView
    android:id="@+id/starRatingView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:ratable="true"
    app:star_padding="@dimen/d12"
    app:stat_half="@drawable/star_half"
    app:stat_off="@drawable/star_normal"
    app:stat_on="@drawable/star_select" />

主代码

private StarRatingView starRatingView;
starRatingView = findViewById(R.id.starRatingView);
starRatingView.setOnRateChangeListener(new StarRatingView.OnRateChangeListener() {
    @Override
    public void onRateChange(int rate) {
        score = rate;
    }
});

参考

猜你喜欢

转载自blog.csdn.net/zsp_android_com/article/details/80594735