最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Android帶圓形數(shù)字進(jìn)度的自定義進(jìn)度條示例

 更新時間:2017年02月08日 10:21:11   作者:Funzion  
本篇文章主要介紹了Android帶圓形數(shù)字進(jìn)度的自定義進(jìn)度條示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

開發(fā)

設(shè)計搞了一個帶圓形進(jìn)度的進(jìn)度條,在GitHub上逛了一圈,發(fā)現(xiàn)沒有,自己擼吧。

先看界面效果:

主要思路是寫一個繼承ProgressBar的自定義View,不廢話,直接上代碼:

package com.fun.progressbarwithnumber;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.widget.ProgressBar;

public class HorizontalProgressBarWithNumber extends ProgressBar {

  private static final int DEFAULT_TEXT_SIZE = 10;
  private static final int DEFAULT_TEXT_COLOR = 0XFFFC00D1;
  private static final int DEFAULT_COLOR_UNREACHED_COLOR = 0xFFd3d6da;
  private static final int DEFAULT_HEIGHT_REACHED_PROGRESS_BAR = 2;
  private static final int DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR = 2;
  private static final int DEFAULT_CIRCLE_COLOR = 0XFF3F51B5;

  protected Paint mPaint = new Paint();
  // 字體顏色
  protected int mTextColor = DEFAULT_TEXT_COLOR;
  // 字體大小
  protected int mTextSize = sp2px(DEFAULT_TEXT_SIZE);
  // 覆蓋進(jìn)度高度
  protected int mReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_REACHED_PROGRESS_BAR);
  // 覆蓋進(jìn)度顏色
  protected int mReachedBarColor = DEFAULT_TEXT_COLOR;
  // 未覆蓋進(jìn)度高度
  protected int mUnReachedProgressBarHeight = dp2px(DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR);
  // 未覆蓋進(jìn)度顏色
  protected int mUnReachedBarColor = DEFAULT_COLOR_UNREACHED_COLOR;
  // 圓的顏色
  protected int mCircleColor = DEFAULT_CIRCLE_COLOR;

  protected int mRealWidth;

  protected boolean mIfDrawText = true;
  protected boolean mIfDrawCircle = true;

  protected static final int VISIBLE = 0;

  public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    obtainStyledAttributes(attrs);
    mPaint.setTextSize(mTextSize);
    mPaint.setColor(mTextColor);
    mPaint.setAntiAlias(true);
  }

  private void obtainStyledAttributes(AttributeSet attrs) {
    // 獲取自定義屬性
    final TypedArray attributes = getContext().obtainStyledAttributes(attrs, R.styleable.HorizontalProgressBarWithNumber);
    mTextColor = attributes.getColor(R.styleable.HorizontalProgressBarWithNumber_progress_text_color, DEFAULT_TEXT_COLOR);
    mTextSize = (int) attributes.getDimension(R.styleable.HorizontalProgressBarWithNumber_progress_text_size, mTextSize);
    mCircleColor = attributes.getColor(R.styleable.HorizontalProgressBarWithNumber_progress_circle_color, DEFAULT_CIRCLE_COLOR);
    mReachedBarColor = attributes.getColor(R.styleable.HorizontalProgressBarWithNumber_progress_reached_color, mTextColor);
    mUnReachedBarColor = attributes.getColor(R.styleable.HorizontalProgressBarWithNumber_progress_unreached_color, DEFAULT_COLOR_UNREACHED_COLOR);
    mReachedProgressBarHeight = (int) attributes.getDimension(R.styleable.HorizontalProgressBarWithNumber_progress_reached_bar_height, mReachedProgressBarHeight);
    mUnReachedProgressBarHeight = (int) attributes.getDimension(R.styleable.HorizontalProgressBarWithNumber_progress_unreached_bar_height, mUnReachedProgressBarHeight);
    int textVisible = attributes.getInt(R.styleable.HorizontalProgressBarWithNumber_progress_text_visibility, VISIBLE);
    if (textVisible != VISIBLE) {
      mIfDrawText = false;
    }
    attributes.recycle();
    int left = (int) (mReachedProgressBarHeight * 0.8), right = (int) (mReachedProgressBarHeight * 0.8);
    int top = (int) (mReachedProgressBarHeight * 0.3 + dp2px(1)), bottom = (int) (mReachedProgressBarHeight * 0.3 + dp2px(1));
    setPadding(left, top, right, bottom);
  }

  @Override
  protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = measureHeight(heightMeasureSpec);
    setMeasuredDimension(width, height);
    mRealWidth = getMeasuredWidth() - getPaddingRight() - getPaddingLeft();
  }

  private int measureHeight(int measureSpec) {
    int result;
    int specMode = MeasureSpec.getMode(measureSpec);
    int specSize = MeasureSpec.getSize(measureSpec);
    if (specMode == MeasureSpec.EXACTLY) {
      result = specSize;
    } else {
      float textHeight = (mPaint.descent() - mPaint.ascent());
      result = (int) (getPaddingTop() + getPaddingBottom() + Math.max(
          Math.max(mReachedProgressBarHeight, mUnReachedProgressBarHeight), Math.abs(textHeight)));
      if (specMode == MeasureSpec.AT_MOST) {
        result = Math.min(result, specSize);
      }
    }
    return result;
  }


  @Override
  protected synchronized void onDraw(Canvas canvas) {
    canvas.save();
    canvas.translate(getPaddingLeft(), getHeight() / 2);

    boolean noNeedBg = false;
    float radio = getProgress() * 1.0f / getMax();
    float progressPosX = (int) (mRealWidth * radio);
    String text = getProgress() + "%";

    float textWidth = mPaint.measureText(text);
    float textHeight = (mPaint.descent() + mPaint.ascent()) / 2;

    float radius = (mReachedProgressBarHeight + getPaddingBottom() + getPaddingTop()) / 2;

    // 覆蓋的進(jìn)度
    float endX = progressPosX;
    if (endX > -1) {
      mPaint.setColor(mReachedBarColor);
      RectF rectF = new RectF(0, 0 - getPaddingTop() - getPaddingBottom(),
          endX, mReachedProgressBarHeight - getPaddingBottom());
      canvas.drawRoundRect(rectF, 25, 25, mPaint);
    }

    // 未覆蓋的進(jìn)度
    if (!noNeedBg) {
      float start = progressPosX;
      mPaint.setColor(mUnReachedBarColor);
      RectF rectF = new RectF(start, 0 - getPaddingTop() - getPaddingBottom(),
          mRealWidth + getPaddingRight() - radius, mReachedProgressBarHeight - getPaddingBottom());
      canvas.drawRoundRect(rectF, 25, 25, mPaint);
    }

    // 圓
    if (mIfDrawCircle) {
      mPaint.setColor(mCircleColor);
      canvas.drawCircle(progressPosX, 0, radius, mPaint);
    }

    // 文本
    if (mIfDrawText) {
      mPaint.setColor(mTextColor);
      canvas.drawText(text, progressPosX - textWidth / 2, -textHeight, mPaint);
    }

    canvas.restore();

  }

  /**
   * dp 2 px
   */
  protected int dp2px(int dpVal) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpVal, getResources().getDisplayMetrics());
  }

  /**
   * sp 2 px
   */
  protected int sp2px(int spVal) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spVal, getResources().getDisplayMetrics());
  }

}

使用

在布局文件中加入:

<com.fun.progressbarwithnumber.HorizontalProgressBarWithNumber
    android:id="@+id/hpbwn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    fun:progress_circle_color="#ff000000"
    fun:progress_reached_bar_height="20dp"
    fun:progress_reached_color="#FFFF4081"
    fun:progress_text_color="#ffffffff"
    fun:progress_text_size="14sp"
    fun:progress_unreached_bar_height="20dp"
    fun:progress_unreached_color="#ffBCB4E8" />
  • progress_reached_bar_height:當(dāng)前進(jìn)度的高度
  • progress_unreached_bar_height:剩余進(jìn)度的高度
  • progress_text_size:圓圈內(nèi)文字的大小

注意:

當(dāng)前進(jìn)度和剩余進(jìn)度的高度要一致,圓圈大小和圓圈內(nèi)文字的大小要配合Java代碼調(diào)整。

項目源碼:ProgressBarWithNumber_jb51.rar

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

相關(guān)文章

最新評論

海林市| 都江堰市| 静宁县| 灵璧县| 怀宁县| 九台市| 屏东市| 盐津县| 固始县| 友谊县| 台中县| 南召县| 长阳| 天柱县| 高碑店市| 城口县| 邢台县| 新密市| 西城区| 石台县| 武夷山市| 彝良县| 岫岩| 包头市| 周宁县| 十堰市| 台江县| 特克斯县| 东山县| 云龙县| 南汇区| 烟台市| 呈贡县| 金川县| 江川县| 乃东县| 八宿县| 大关县| 通海县| 安阳县| 汶上县|