成都创新互联网站制作重庆分公司

android开发中使用view实现自定义一个进度条功能

今天就跟大家聊聊有关android开发中使用view实现自定义一个进度条功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

作为一家“创意+整合+营销”的成都网站建设机构,我们在业内良好的客户口碑。创新互联建站提供从前期的网站品牌分析策划、网站设计、成都网站设计、做网站、成都外贸网站建设公司、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

1、自定义属性:

<?xml version="1.0" encoding="utf-8"?> 
 
  
   
   
   
   
   
  
 

2、在View的构造方法中获得我们自定义的属性

/** 
 * 当前进度 
 */ 
 private int mProgress; 
 /** 
 * 第一圈的颜色 
 */ 
 private int mFirstColor; 
 /** 
 * 第二圈的颜色 
 */ 
 private int mSecondColor; 
 /** 
 * 圈的宽度 
 */ 
 private int mCircleWidth; 
 /** 
 * 速度 
 */ 
 private int mSpeed; 
 /** 
 * 中间进度百分比的字符串的字体 
 */ 
 private float textSize; 
 private boolean isNext = false; 
 private Paint mPaint; 
 
 public CustomTitleView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  TypedArray typearray = context.obtainStyledAttributes(attrs, R.styleable.CustomTitleView); 
  int count= typearray.getIndexCount(); 
  for(int i=0;i

3、直接重写onDraw,这不需要重写onMeasure

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){ 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
 } 
 protected void onDraw(Canvas canvas) 
 { 
  /** 
  * 画进度百分比 
  */ 
  mPaint.setStrokeWidth(0); 
  mPaint.setColor(Color.BLACK); 
  mPaint.setTextSize(textSize); 
  mPaint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体 
  int percent = (int)(((float)mProgress / (float)360) * 100); 
  int centre = getWidth() / 2; // 获取圆心的x坐标 
  int radius = centre - mCircleWidth / 2;// 半径 
  float textWidth = mPaint.measureText(percent + "%"); //测量字体宽度,我们需要根据字体的宽度设置在圆环中间 
  canvas.drawText(percent + "%",centre-textWidth/ 2,centre+textSize/2, mPaint); //画出进度百分比 
  mPaint.setStrokeWidth(mCircleWidth); // 设置圆环的宽度 
  mPaint.setAntiAlias(true); // 消除锯齿 
  mPaint.setStyle(Paint.Style.STROKE); // 设置空心 
  RectF oval = new RectF(centre - radius, centre - radius, centre + radius, centre + radius); // 用于定义的圆弧的形状和大小的界限 
  if(isNext){ 
   mPaint.setColor(mSecondColor); // 设置圆环的颜色 
   canvas.drawCircle(centre, centre, radius, mPaint); // 画出圆环 
   mPaint.setColor(mFirstColor); // 设置圆环的颜色 
   canvas.drawArc(oval, -90, mProgress, false, mPaint); // 根据进度画圆弧 
  }else{ 
   mPaint.setColor(mFirstColor); // 设置圆环的颜色 
   canvas.drawCircle(centre, centre, radius, mPaint); // 画出圆环 
   mPaint.setColor(mSecondColor); // 设置圆环的颜色 
   canvas.drawArc(oval, -90, mProgress, false, mPaint); // 根据进度画圆弧 
  } 
 } 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
 
  
  
 

效果预览

android开发中使用view实现自定义一个进度条功能

看完上述内容,你们对android开发中使用view实现自定义一个进度条功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


标题名称:android开发中使用view实现自定义一个进度条功能
标题来源:http://cxhlcq.com/article/jgsjdo.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部