溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

RationBar控件怎么在Android中使用

發(fā)布時(shí)間:2021-03-22 17:25:07 來源:億速云 閱讀:224 作者:Leah 欄目:移動(dòng)開發(fā)

這篇文章給大家介紹RationBar控件怎么在Android中使用,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。

public class SuperRationBar extends View implements View.OnTouchListener {

  final public static int MIXED = 0;

  final public static int SCROLL = 1;

  //不傳默認(rèn)為 MIXED
  private int mode = MIXED;
  // 需要建立多少星星 不傳 默認(rèn)為5
  private int number = 5;
  // 單個(gè)星星的寬度 這里寬度和高度相等 必傳
  private int startWidth = 50;
  // 每個(gè)星星之間的間距 默認(rèn)20 (mode == MIXED 用不到)
  private int startPadding = 10;


  //是否已經(jīng)初始化試圖
  private boolean isInit = false;
  //被選中的個(gè)數(shù)
  private int selectNumber = 0;
  //選中的樣式
  private Bitmap bmSel;
  //未選中的樣式
  private Bitmap bmNol;
  //記錄每個(gè)星星的位置 用 , 分割
  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;
    }
    {//記錄每個(gè)星星的位置 用 , 分割
      pointList = new ArrayList<>();
    }
    if (mode == MIXED) {
      //單個(gè)星星的寬度
      int itemWidth = getWidth() / number;
      //根據(jù)每個(gè)星星之間的間距畫星星
      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;
      //單個(gè)星星的寬度
      int itemWidth = totalWidth / number;
      //根據(jù)每個(gè)星星之間的間距畫星星
      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;
  }

  /**
   * 設(shè)置三種圖片樣式的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;
  }

  /**
   * 調(diào)用這個(gè)方法刷新頁面
   */
  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;
  }

  /**
   * 判斷點(diǎn)擊的位置是不是在星星上邊 并返回星星的下標(biāo) 錯(cuò)誤 返回-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) {
        //在范圍內(nèi) 返回下標(biāo)
        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>

注釋得還是挺詳細(xì)的 這里直接上使用代碼

<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 這個(gè)為必傳 而且只能在布局里面?zhèn)?
 RationBar0.setImageResIds(R.mipmap.img_ration_bar_sel, R.mipmap.img_ration_bar_nol)
        .launcher();

使用就這么一句 調(diào)用

int number0 = RationBar0.getSelectNumber();

關(guān)于RationBar控件怎么在Android中使用就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI