Android评分RationBar控件使用详解

Android评分RationBar控件，供大家参考，具体内容如下

主要是不想用太多三方的控件，所以决定尽可能自己写，最近有写一个评分的页面，废话不多说直接上图

我觉得嘛 这个东西用ViewGroup包起来感觉会写很多View 于是我决定使用之定义控件 直接上代码

/**
 * 评论专用星星
 * <p>
 * 宽高都不能用wrap_content 必须使用固定值或者match_parent
 * <p>
 * MIXED : 在控件的宽度范围内等分星星
 * <p>
 * SCROLL:根据 星星的宽度和每个星星之间的间距画星星
 */
public class SuperRationBar extends View implements View.OnTouchListener {

  final public static int MIXED = 0;

  final public static int SCROLL = 1;

  //不传默认为 MIXED
  private int mode = MIXED;
  // 需要建立多少星星 不传 默认为5
  private int number = 5;
  // 单个星星的宽度 这里宽度和高度相等 必传
  private int startWidth = 50;
  // 每个星星之间的间距 默认20 (mode == MIXED 用不到)
  private int startPadding = 10;

  //是否已经初始化试图
  private boolean isInit = false;
  //被选中的个数
  private int selectNumber = 0;
  //选中的样式
  private Bitmap bmSel;
  //未选中的样式
  private Bitmap bmNol;
  //记录每个星星的位置 用 , 分割
  private List<String> pointList;
  // 画笔
  private Paint mPaint;

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

  private void init(Context context) {
    mPaint = new Paint();
    setOnTouchListener(this);
  }

  private void init(Context context, AttributeSet attrs) {
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SuperRationBar);
    mode = a.getInteger(R.styleable.SuperRationBar_mode, MIXED);
    number = a.getInteger(R.styleable.SuperRationBar_SuperRationBar_number, 5);
    startWidth = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startWidth, 50);
    startPadding = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startPadding, 10);
    a.recycle();
  }

  @Override
  public void draw(Canvas canvas) {
    super.draw(canvas);
    if (!isInit) {
      return;
    }
    {//记录每个星星的位置 用 , 分割
      pointList = new ArrayList<>();
    }
    if (mode == MIXED) {
      //单个星星的宽度
      int itemWidth = getWidth() / number;
      //根据每个星星之间的间距画星星
      for (int i = 0; i < number; i++) {
        int left = i == 0 ? 0 : itemWidth * i;
        int height = getHeight();
        int bmHeight = bmSel.getHeight();
        int top = (getHeight() - startWidth) / 2;
        pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth));
        if (i < selectNumber) {
          canvas.drawBitmap(bmSel, left, top, mPaint);
        } else {
          canvas.drawBitmap(bmNol, left, top, mPaint);
        }
      }
    } else if (mode == SCROLL) {
      int totalWidth = (startWidth + startPadding) * (number - 1) + startWidth;
      //单个星星的宽度
      int itemWidth = totalWidth / number;
      //根据每个星星之间的间距画星星
      for (int i = 0; i < number; i++) {
        int left = i == 0 ? 0 : itemWidth * i;
        int top = (getHeight() - startWidth) / 2;
        pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth));
        if (i < selectNumber) {
          canvas.drawBitmap(bmSel, left, top, mPaint);
        } else {
          canvas.drawBitmap(bmNol, left, top, mPaint);
        }
      }
    }
  }

  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    isInit = true;
  }

  /**
   * 设置三种图片样式的id
   *
   * @param selId
   * @param nolId
   */
  public SuperRationBar setImageResIds(int selId, int nolId) {
    bmSel = BitmapFactory.decodeResource(getResources(), selId);
    bmNol = BitmapFactory.decodeResource(getResources(), nolId);
    bmSel = zoomBitmap(bmSel, startWidth);
    bmNol = zoomBitmap(bmNol, startWidth);
    return this;
  }

  /**
   * 调用这个方法刷新页面
   */
  public void launcher() {
    if (isInit) {
      postInvalidate();
    } else {
      post(new Runnable() {
        @Override
        public void run() {
          postInvalidate();
        }
      });
    }
  }

  @Override
  public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN
        || event.getAction() == MotionEvent.ACTION_MOVE) {
      if (pointList != null) {
        int num = contain((int) event.getX(), (int) event.getY());
        if (num != -1) {
          selectNumber = num + 1;
        }
        postInvalidate();
      }
      if (event.getAction() == MotionEvent.ACTION_DOWN) {
        return true;
      }
    }
    return false;
  }

  /**
   * 判断点击的位置是不是在星星上边 并返回星星的下标 错误 返回-1
   *
   * @param x
   * @param y
   * @return
   */
  private int contain(int x, int y) {
    int size = pointList.size();
    for (int i = 0; i < size; i++) {
      String[] pointArray = pointList.get(i).split(",");
      int rl = Integer.parseInt(pointArray[0]);
      int rt = Integer.parseInt(pointArray[1]);
      int rr = Integer.parseInt(pointArray[2]);
      int rb = Integer.parseInt(pointArray[3]);
      if (x > rl && x < rr) {
        //在范围内 返回下标
        return i;
      }
    }
    return -1;
  }

  public int getSelectNumber() {
    return selectNumber;
  }

  /**
   * 等比例缩放bitmap图片
   *
   * @param bitmap
   * @param reqWidth
   * @return
   */
  public Bitmap zoomBitmap(Bitmap bitmap, float reqWidth) {
    if (bitmap == null) {
      return null;
    }
    final int width = bitmap.getWidth();
    Matrix matrix = new Matrix();
    float scale = reqWidth / width;
    matrix.setScale(scale, scale);
    bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),
        bitmap.getHeight(), matrix, true);
    return bitmap;
  }

}

<declare-styleable name="SuperRationBar">
    <attr name="SuperRationBar_number" format="integer" />
    <attr name="SuperRationBar_startWidth" format="dimension" />
    <attr name="SuperRationBar_startPadding" format="dimension" />
    <attr name="mode">
      <enum name="fixed" value="0" />
      <enum name="scroll" value="1" />
    </attr>
  </declare-styleable>

注释得还是挺详细的 这里直接上使用代码

<com.xxx.widget.SuperRationBar
    android:id="@+id/RationBar0"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginLeft="50dp"
    android:layout_marginTop="10dp"
    android:layout_marginRight="50dp"
    android:background="@color/colorAccent"
    app:SuperRationBar_number="6"
    app:SuperRationBar_startPadding="10dp"
    app:SuperRationBar_startWidth="40dp"
    app:mode="fixed" />

SuperRationBar_startWidth 这个为必传 而且只能在布局里面传
 RationBar0.setImageResIds(R.mipmap.img_ration_bar_sel, R.mipmap.img_ration_bar_nol)
        .launcher();

使用就这么一句 调用

int number0 = RationBar0.getSelectNumber(); 

可以获取到当前的评分是多少

以上代码可以复制粘贴使用 有经验的小伙伴们 改改代码就可以实现 别的功能了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。