Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android中制作进度框和环形进度条的简单实例分享大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

进度框

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.util.AttributeSet; 
import android.view.View; 
 
import java.util.Random; 


public class ObliqueProgressbar extends View { 
 
  private Paint mPaint; 
  private float mProgress; 
 
  public ObliqueProgressbar(Context context) { 
    this(context,@R_197_6633@ 
  } 
 
  public ObliqueProgressbar(Context context,AttributeSet attrs) { 
    this(context,attrs,0); 
  } 
 
  public ObliqueProgressbar(Context context,AttributeSet attrs,int defStyleAttr) { 
    super(context,defStyleAttr); 
 
    mPaint = new Paint(); 
    mPaint.setAntiAlias(true); 
  } 
 
 
  @Override 
  protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 
 
    if (mProgress == 0) return; 
 
    //碎片雨 
    mPaint.setColor(Color.parseColor("#a96ecb")); 
    mPaint.setstrokeWidth(3); 
    Random random = new Random(); 
    int sx,sy; 
    for (int i = 0; i < 200; i++) { 
      sx = random.nexTint(getWidth() + 10); 
      sy = random.nexTint(getHeight() + 10); 
//      canvas.drawLine(sx,sy,sx+random.nexTint(5),sy+random.nexTint(5),mPaint); 
      canvas.drawCircle(sx,random.nexTint(5) + 1,mPaint); 
    } 
 
    //进度 
    mPaint.setColor(Color.parseColor("#6AFFFFFF")); 
    mPaint.setstrokeWidth(15); 
    float x = mProgress * getWidth(); 
    for (int i = 0; i < x; i += 30) { 
      canvas.drawLine(i - 30,-10,i + 30,getHeight() + 10,mPaint); 
    } 
 
  } 
 
  public void setProgress(float progress) { 
    this.mProgress = progress; 
    invalidate(); 
  } 
} 


环形进度条

先来看一下效果

Android中制作进度框和环形进度条的简单实例分享

下面直接上代码了:

ckage com.stone.circleprogressbar.view; 
 
import android.content.Context; 
import android.content.res.TypedArray; 
import android.graphics.bitmap; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.LinearGradient; 
import android.graphics.Paint; 
import android.graphics.RectF; 
import android.graphics.Shader; 
import android.util.AttributeSet; 
import android.view.View; 
 
import com.stone.circleprogressbar.R; 

public class CircleProgressbar extends View { 
 
 private float mProgress; 
 privatE int mBarColor; 
 privatE int mTextColor; 
 private float mTextSize; 
 
 public CircleProgressbar(Context context) { 
  this(context,@R_197_6633@ 
 } 
 
 public CircleProgressbar(Context context,AttributeSet attrs) { 
  this(context,0); 
 } 
 
 public CircleProgressbar(Context context,int defStyleAttr) { 
  super(context,defStyleAttr); 
 
  TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.CircleProgressbar); 
  mBarColor = array.getColor(R.styleable.CircleProgressbar_barColor,Color.GRAY); 
  mTextColor = array.getColor(R.styleable.CircleProgressbar_textColor,Color.GRAY); 
  mProgress = array.getFloat(R.styleable.CircleProgressbar_progress,0); 
 } 
 
 @Override 
 protected void onMeasure(int widthMeasureSpec,int heightMeasureSpeC) { 
  super.onMeasure(widthMeasureSpec,heightMeasureSpec); 
 } 
 
 public void setProgress(float count) { 
  mProgress = count; 
  invalidate(); 
 } 
 
 @Override 
 protected void onDraw(Canvas canvas) { 
  int w = getWidth(); 
  int h = getHeight(); 
  int strokeWidth = 20; 
  int radius = w / 2 - strokeWidth / 2;//大圆 半径 
  Bitmap barBitmap = Bitmap.createBitmap(w,h,Bitmap.Config.ARGB_8888); 
  Paint paint = new Paint(); 
  paint.setAntiAlias(true); //抗锯齿 
  paint.setstrokeWidth(strokeWidth); //描边宽 
  paint.setDither(true); //防抖动 
 
  /* 外边框 */ 
  Canvas circleCanvas = new Canvas(barBitmap); 
  RectF rect = new RectF(0,w,h); 
  paint.setColor(Color.argb(0x11,0xcc,0xcC)); 
//  circleCanvas.drawRect(rect,paint); //没啥用 只是看外边框的 
 
  /* 内圆 */ 
  paint.setColor(Color.CYAN); 
  paint.setShader(new LinearGradient(0,Color.RED,Color.GREEN,Shader.TileMode.CLAMp)); 
  circleCanvas.drawCircle(w / 2,h / 2,radius - strokeWidth / 2,paint); 
  paint.setShader(@R_197_6633@ 
 
  /* 外圆 */ 
  paint.setColor(mBarColor); 
  paint.setStyle(Paint.Style.stroke); 
  circleCanvas.drawCircle(w / 2,radius,paint); 
 
  /* 圆弧 */ 
  paint.setShader(new LinearGradient(0,new int[]{Color.GREEN,Color.MAGENTA,Color.CYAN,Color.RED},new float[]{0.2f,0.5f,0.7f,1.0f},Shader.TileMode.CLAMp)); 
  float cur = mProgress * 360 * 0.01f; 
  circleCanvas.drawArc(new RectF(strokeWidth / 2,strokeWidth / 2,w - strokeWidth / 2,h - strokeWidth / 2),360 - 45,cur,false,paint); 
  paint.setShader(@R_197_6633@ 
 
  /* 文本 */ 
  paint.setColor(mTextColor); 
  if (mTextSize == 0) { 
   calcTextSize(paint,strokeWidth); 
  } else { 
   paint.setTextSize(mTextSizE); 
  } 
  paint.setTextAlign(Paint.Align.LEFT);//default 
  String percent = mProgress + "%"; 
  paint.setStyle(Paint.Style.FILL); 
  circleCanvas.drawText(percent,w / 2 - paint.measureText(percent) / 2,h / 2 + paint.getTextSize() / 2,paint); 
 
  canvas.drawBitmap(barBitmap,paint); 
 } 
 
 /** 
  * 计算并设置最适合的textSize 
  * 
  * @param paint 
  * @param max 最大宽度 
  * @param offset 偏移 
  */ 
 private void calcTextSize(Paint paint,int max,int offset) { 
  float width = paint.measureText("99.99%"); 
  while (width < max * 3 / 5) { 
   paint.setTextSize(paint.getTextSize() + 5); 
   width = paint.measureText("92.88%") + offset / 2; 
  } 
  mTextSize = paint.getTextSize(); 
 } 
 
} 

设置进度刷新显示  调用  setProgress()即可。

大佬总结

以上是大佬教程为你收集整理的Android中制作进度框和环形进度条的简单实例分享全部内容,希望文章能够帮你解决Android中制作进度框和环形进度条的简单实例分享所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:进度条