当前位置: 移动技术网 > 移动技术>移动开发>Android > Android评分RationBar控件使用详解

Android评分RationBar控件使用详解

2020年03月09日  | 移动技术网移动技术  | 我要评论

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(); 

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网