RationBar控件怎么在Android中使用

发布时间:2021-03-22 17:25:07 作者:Leah
来源:亿速云 阅读:237

这篇文章给大家介绍RationBar控件怎么在Android中使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

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

关于RationBar控件怎么在Android中使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. Android中如何使用CustomFiltControl弹窗控件
  2. Android中如何使用SlidingMenu控件

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android rationbar

上一篇:怎么在PHP中使用PDO实现mysql防注入

下一篇:怎么在C语言中连接两个字符串

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》