国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Android實現(xiàn)多段顏色進度條效果

2019-12-12 01:14:16
字體:
供稿:網(wǎng)友

多段顏色的進度條實現(xiàn)思路,供大家參考,具體內(nèi)容如下

這個進度條其實相對簡單.
這里可以把需要繪制的簡單分為兩個部分

1.灰色背景部分
2.多段顏色的進度部分

考慮到實際繪制中,分段部分不太容易根據(jù)進度值進行動態(tài)繪制.
故把多段顏色部分作為背景進行繪制,實際的灰色部分根據(jù)進度值變化,達到多段顏色部分進度變化的效果.

實現(xiàn)步驟

1.自定義View 來繪制進度條
2.定義背景及進度條繪制所需的畫筆

private Paint backgroundPaint, progressPaint, linePaint;//背景和進度條畫筆 

3.定義不同顏色區(qū)域的矩陣數(shù)組(這里將進度分為多個色塊)
4.定義顏色數(shù)組,以及所占比例的數(shù)組.后面根據(jù)比例和顏色進行繪制

private Rect progressRect = new Rect();//進度條;private Rect backgroundRects[];//背景矩形區(qū)域private float weights[];//每個區(qū)域的權(quán)重private int colors[];//顏色

5.定義進度值,監(jiān)聽等雜項.

private float progress = 10, maxProgress = 100;//進度和最大進度private OnProgressChangeListener listener;

6.在draw方法中進行繪制
7.背景色塊的繪制

 //繪制背景顏色塊int x = 0, y = getHeight();int progressX = (int) getWidthForWeight(progress, maxProgress);for (int i = 0; i < colors.length; i++) {   Rect rect = backgroundRects[i];   backgroundPaint.setColor(colors[i]);   int width = (int) (getWidthForWeight(weights[i], totalWeight));   rect.set(x, 0, x + width, y);   x += width;//計算下一個的開始位置   canvas.drawRect(rect, backgroundPaint);//繪制矩形 }

8.進度條及分割線的繪制

progressRect.set(0, 0, progressX, getHeight());//設(shè)置進度條區(qū)域canvas.drawRect(progressRect, progressPaint);//繪制進度條for (int i = 0, lineX = 0; i < colors.length; i++) {   int width = (int) (getWidthForWeight(weights[i], totalWeight));   //繪制矩形塊之間的分割線   lineX = lineX + width;   if (lineX < progressX) {//給已經(jīng)走過了的區(qū)域畫上豎線      canvas.drawLine(lineX, 0, lineX, getHeight(), linePaint);    }}

最后看看實現(xiàn)的效果圖

完整代碼

package com.wq.widget;import android.animation.ObjectAnimator;import android.animation.ValueAnimator;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.util.AttributeSet;import android.util.Log;import android.view.View;import android.view.animation.LinearInterpolator;/** * 多段顏色的進度條 * Created by WQ on 2017/7/11. */public class MultistageProgress extends View {  private Paint backgroundPaint, progressPaint, linePaint;//背景和進度條畫筆  private Rect progressRect = new Rect();//進度條;  private Rect backgroundRects[];//背景矩形區(qū)域  private float weights[];//每個區(qū)域的權(quán)重  private int colors[];//顏色  private float totalWeight;//總的權(quán)重  public static final int DEF_COLORS[];//默認背景顏色數(shù)組  public static final float DEF_WEIGHTS[];//每段對應(yīng)的權(quán)重  private float progress = 10, maxProgress = 100;//進度和最大進度  private OnProgressChangeListener listener;  static {    DEF_COLORS = new int[]{        Color.parseColor("#00B6D0"),        Color.parseColor("#0198AE"),        Color.parseColor("#008396"),        Color.parseColor("#007196"),        Color.parseColor("#005672")    };    DEF_WEIGHTS = new float[]{        138, 35, 230, 230, 57    };  }  public float getProgress() {    return progress;  }  public void setProgress(float progress) {    this.progress = progress;    invalidate();    onProgressChange();  }  private void onProgressChange() {    if (listener != null) {      int position = 0;      int currentWidth = (int) getWidthForWeight(getProgress(), getMaxProgress());      int tmpWidth = 0;      for (int i = 0; i < weights.length; i++) {        tmpWidth += (int) getWidthForWeight(weights[i], totalWeight);        if (tmpWidth >= currentWidth) {          position = i;          break;        }      }      listener.onProgressChange(getProgress(), position);    }  }  public float getMaxProgress() {    return maxProgress;  }  public void setMaxProgress(float maxProgress) {    this.maxProgress = maxProgress;    invalidate();  }  public OnProgressChangeListener getProgressChangeListener() {    return listener;  }  public void setProgressChangeListener(OnProgressChangeListener listener) {    this.listener = listener;  }  public MultistageProgress(Context context) {    super(context);    init();  }  public MultistageProgress(Context context, AttributeSet attrs) {    super(context, attrs);    init();  }  public MultistageProgress(Context context, AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    init();  }  public MultistageProgress(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {    super(context, attrs, defStyleAttr, defStyleRes);    init();  }  public void init() {    backgroundPaint = new Paint();    backgroundPaint.setStyle(Paint.Style.FILL_AND_STROKE);    backgroundPaint.setColor(Color.RED);    progressPaint = new Paint();    progressPaint.setStyle(Paint.Style.FILL_AND_STROKE);    progressPaint.setColor(Color.parseColor("#d9d9d9"));    linePaint = new Paint();    linePaint.setStyle(Paint.Style.FILL_AND_STROKE);    linePaint.setColor(Color.parseColor("#e7eaf0"));    linePaint.setStrokeWidth(2);    setColors(DEF_COLORS, DEF_WEIGHTS);  }  /**   * 設(shè)置進度條顏色   *   * @param color   */  public void setProgressColor(int color) {    progressPaint.setColor(color);  }  /**   * 設(shè)置每一段的顏色以及對應(yīng)的權(quán)重   *   * @param colors   * @param weights   */  public void setColors(int[] colors, float weights[]) {    if (colors == null || weights == null) {      throw new NullPointerException("colors And weights must be not null");    }    if (colors.length != weights.length) {      throw new IllegalArgumentException("colors And weights length must be same");    }    backgroundRects = new Rect[colors.length];    this.colors = colors;    this.weights = weights;    totalWeight = 0;    for (int i = 0; i < weights.length; i++) {      totalWeight += weights[i];      backgroundRects[i] = new Rect();    }  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    if (backgroundRects == null) {      return;    }    if (maxProgress <= 0) {      maxProgress = getWidth();    }    //繪制背景顏色塊    int x = 0, y = getHeight();    int progressX = (int) getWidthForWeight(progress, maxProgress);    for (int i = 0; i < colors.length; i++) {      Rect rect = backgroundRects[i];      backgroundPaint.setColor(colors[i]);      int width = (int) (getWidthForWeight(weights[i], totalWeight));      rect.set(x, 0, x + width, y);      x += width;//計算下一個的開始位置      canvas.drawRect(rect, backgroundPaint);//繪制矩形    }    progressRect.set(0, 0, progressX, getHeight());//設(shè)置進度條區(qū)域    canvas.drawRect(progressRect, progressPaint);//繪制進度條    for (int i = 0, lineX = 0; i < colors.length; i++) {      int width = (int) (getWidthForWeight(weights[i], totalWeight));      //繪制矩形塊之間的分割線      lineX = lineX + width;      if (lineX < progressX) {//給已經(jīng)走過了的區(qū)域畫上豎線        canvas.drawLine(lineX, 0, lineX, getHeight(), linePaint);      }    }  }  /**   * 根據(jù)權(quán)重獲取對應(yīng)的寬度   *   * @param weight   * @param totalWeight   * @return   */  public float getWidthForWeight(float weight, float totalWeight) {    return getWidth() * (weight / totalWeight) + 0.5f;  }  /**   * 根據(jù)根據(jù)權(quán)重在數(shù)組中的索引獲取對應(yīng)的位置   *   * @param position   * @return   */  public float getXForWeightPosition(int position) {    float xPosition = 0;    for (int i = 0; i < position; i++) {      xPosition += getWidthForWeightPosition(i);    }    return xPosition;  }  /**   * 根據(jù)根據(jù)權(quán)重在數(shù)組中的索引獲取對應(yīng)的寬度   *   * @param position   * @return   */  public float getWidthForWeightPosition(int position) {    return getWidth() * (weights[position] / totalWeight) + 0.5f;  }  ObjectAnimator valueAnimator;  public void autoChange(float startProgress, float endProgress, long changeTime) {    if (valueAnimator != null && valueAnimator.isRunning()) return;    setProgress((int) startProgress);    setMaxProgress((int) endProgress);    valueAnimator = ObjectAnimator.ofFloat(this, "progress", startProgress, endProgress);    valueAnimator.setDuration(changeTime);    valueAnimator.setInterpolator(new LinearInterpolator());    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {      @Override      public void onAnimationUpdate(ValueAnimator animation) {        float value = (float) animation.getAnimatedValue();//        setProgress((int) value);        Log.d(getClass().getName(), "進度值 " + value);      }    });    valueAnimator.start();  }  public void stopChange() {    if (valueAnimator != null && valueAnimator.isRunning()) valueAnimator.cancel();  }  @Override  protected void onDetachedFromWindow() {    if (valueAnimator != null && valueAnimator.isRunning()) {      valueAnimator.cancel();    }    super.onDetachedFromWindow();  }  public interface OnProgressChangeListener {    /**     * 進度改變時觸發(fā)     * @param progress 進度     * @param position 所在區(qū)間段     */    void onProgressChange(float progress, int position);  }}

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 广水市| 通化县| 阳原县| 天长市| 丰镇市| 湖州市| 沂水县| 达拉特旗| 阿鲁科尔沁旗| 靖远县| 即墨市| 武宁县| 濮阳县| 桐城市| 大同县| 交口县| 门源| 汕尾市| 金堂县| 柳林县| 德兴市| 嘉善县| 竹山县| 融水| 毕节市| 青河县| 古交市| 黄浦区| 绵阳市| 永福县| 双城市| 太仓市| 饶河县| 西丰县| 汽车| 南雄市| 民乐县| 确山县| 通海县| 墨玉县| 固原市|