欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android评分RationBar控件使用详解

程序员文章站 2022-03-31 14:08:32
android评分rationbar控件,供大家参考,具体内容如下 主要是不想用太多三方的控件,所以决定尽可能自己写,最近有写一个评分的页面,废话不多说直接上图 我觉得...

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

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

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

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