快捷導(dǎo)航

Android實(shí)現(xiàn)計(jì)步進(jìn)度的環(huán)形Progress

更新時(shí)間：2017年02月17日 11:56:41 作者：周木水

這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)計(jì)步進(jìn)度的環(huán)形Progress，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

項(xiàng)目中需要實(shí)現(xiàn)一個(gè)計(jì)步進(jìn)度的環(huán)形Progress，當(dāng)未達(dá)到設(shè)定目標(biāo)時(shí)，繪制特定弧度（(已實(shí)現(xiàn)步數(shù)/目標(biāo)步數(shù))*360°）的圓弧。當(dāng)已實(shí)現(xiàn)步數(shù)大于等于目標(biāo)步數(shù)時(shí)繪制整個(gè)360°圓環(huán)。

效果圖：

代碼實(shí)現(xiàn)：

設(shè)置已完成步數(shù)和目標(biāo)步數(shù)：

  public void setStep(int stepDone, int stepGoal) {
    this.stepDone = stepDone;
    this.stepGoal = stepGoal;
    int progess = (stepDone * 100) / stepGoal;
    if (progess > 100) {
      setProgress(100);
    } else {
      setProgress(progess);
    }
  }

設(shè)置進(jìn)度：

  public void setProgress(int progress) {
    this.mProgress = progress;
    this.invalidate();
  }

設(shè)置畫筆屬性：

mPaint.setAntiAlias(true);
mPaint.setColor(Color.rgb(0xe9, 0xe9, 0xe9));
canvas.drawColor(Color.TRANSPARENT);
mPaint.setStrokeWidth(LINE_WIDTH_BG);
mPaint.setStyle(Paint.Style.STROKE);

繪制環(huán)形和背景：

canvas.drawArc(mRectF, -90, 360, false, mPaint);
mPaint.setColor(Color.rgb(0xf8, 0x60, 0x30));
canvas.drawArc(mRectF, -90, ((float) mProgress / mMaxProgress) * 360, false, mPaint);

繪制步數(shù)和單位：

mPaint.setStrokeWidth(TEXT_WIDTH);
    String text = stepDone + context.getString(R.string.step_unit);
    int textHeight = height / 4;
    mPaint.setTextSize(textHeight);
    int textWidth = (int) mPaint.measureText(text, 0, text.length());
    mPaint.setStyle(Paint.Style.FILL);
    canvas.drawText(text, width / 2 - textWidth / 2, height / 2 + textHeight / 4, mPaint);

繪制目標(biāo)步數(shù)：

 String textGoal = "/" + stepGoal;
    int textGoalHeight = height / 8;
    mPaint.setTextSize(textGoalHeight);
    int textGoalWidth = (int) mPaint.measureText(textGoal, 0, textGoal.length());
    mPaint.setStyle(Paint.Style.FILL);
    canvas.drawText(textGoal, width / 2 - textGoalWidth / 2, height / 2 + textHeight / 2
        + textGoalHeight, mPaint);

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: