Android自定义多节点进度条显示的实现代码(附源码)

亲们里面的线段颜色和节点图标都是可以自定义的。

在没给大家分享实例代码之前，先给大家展示下效果图：

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/rl_parent"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:background="#ffffff"
 tools:context=".MainActivity" xmlns:app="http://schemas.android.com/apk/res/com.demo.demomutiprogress">
 <com.demo.demomutiprogress.MutiProgress
 android:id="@+id/mp_1"
 android:layout_width="match_parent"
 android:layout_height="100dp"
 app:nodesNum="4"
 app:currNodeState="1"
 app:currNodeNO="2"
 app:nodeRadius="10dp"
 app:processingLineColor="#7B68EE"
 app:unprogressingDrawable="@drawable/ic_round_ddd"
 app:progressingDrawable="@drawable/ic_completed"
 app:progresFailDrawable="@drawable/ic_error"
 app:progresSuccDrawable="@drawable/ic_checked"/>
 <com.demo.demomutiprogress.MutiProgress
 android:id="@+id/mp_2"
 android:layout_below="@+id/mp_1"
 android:layout_marginTop="20dp"
 android:layout_width="match_parent"
 android:layout_height="30dp"
 app:nodesNum="10"
 app:currNodeState="1"
 app:currNodeNO="6"
 app:nodeRadius="6dp"
 app:processingLineColor="#7B68EE"
 app:progressingDrawable="@drawable/ic_completed"
 app:unprogressingDrawable="@drawable/ic_round_ddd"
 app:progresFailDrawable="@drawable/ic_error"
 app:progresSuccDrawable="@drawable/ic_checked"/>
 <com.demo.demomutiprogress.MutiProgress
 android:id="@+id/mp_3"
 android:layout_below="@+id/mp_2"
 android:layout_marginTop="20dp"
 android:layout_width="match_parent"
 android:layout_height="50dp"
 app:nodesNum="15"
 app:currNodeState="0"
 app:currNodeNO="10"
 app:nodeRadius="4dp"
 app:processingLineColor="#FF00FF"
 app:progressingDrawable="@drawable/ic_completed"
 app:unprogressingDrawable="@drawable/ic_round_ddd"
 app:progresFailDrawable="@drawable/ic_error"
 app:progresSuccDrawable="@drawable/ic_checked"/>
</RelativeLayout>

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="MutiProgress"> 
 <attr name="nodesNum" format="integer"/> <!-- 节点数量 --> 
 <attr name="nodeRadius" format="dimension"/> 
 <attr name="progressingDrawable" format="reference"></attr> 
 <attr name="unprogressingDrawable" format="reference" /> <!-- 未完成的节点图标 -->
 <attr name="progresFailDrawable" format="reference" /> 
 <attr name="progresSuccDrawable" format="reference" /> 
 <attr name="processingLineColor" format="color"></attr>
 <attr name="currNodeNO" format="integer"></attr> <!-- 当前所到达的节点编号 0开始计算--> 
 <attr name="currNodeState" format="integer"></attr> <!-- 当前所到达的节点状态，0：失败 1：成功 --> 
 </declare-styleable> 
</resources>

MutiProgress.java

package com.demo.demomutiprogress;
import java.util.ArrayList;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
/**
 * 多节点进度条自定义视图
 * @author huqiang
 *
 */
public class MutiProgress extends View{
 private int nodesNum ; //节点数量
 private Drawable progressingDrawable; //进行中的图标
 private Drawable unprogressingDrawable;
 private Drawable progresFailDrawable; //失败的节点
 private Drawable progresSuccDrawable; //成功的节点
 private int nodeRadius; //节点的半径
 private int processingLineColor; //进度条的颜色
// private int progressLineHeight; //进度条的高度
 private int currNodeNO; //当前进行到的节点编号。从0开始计算
 private int currNodeState; //当前进行到的节点编号所对应的状态 0：失败 1：成功
// private int textSize; //字体大小
 Context mContext;
 int mWidth,mHeight;
 private Paint mPaint;
 private Canvas mCanvas;
 private Bitmap mBitmap; //mCanvas绘制在这上面
 private ArrayList<Node> nodes;
 private int DEFAULT_LINE_COLOR = Color.BLUE;
 public MutiProgress(Context context) {
 this(context,null);
 }
 public MutiProgress(Context context, AttributeSet attrs) {
 this(context,attrs,0);
 }
 public MutiProgress(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 mContext = context;
 TypedArray mTypedArray = context.obtainStyledAttributes(attrs,R.styleable.MutiProgress);
 nodesNum = mTypedArray.getInteger(R.styleable.MutiProgress_nodesNum, 1); //默认一个节点
 nodeRadius = mTypedArray.getDimensionPixelSize(R.styleable.MutiProgress_nodeRadius, 10); //节点半径
 progressingDrawable = mTypedArray.getDrawable(R.styleable.MutiProgress_progressingDrawable);
 unprogressingDrawable = mTypedArray.getDrawable(R.styleable.MutiProgress_unprogressingDrawable);
 progresFailDrawable = mTypedArray.getDrawable(R.styleable.MutiProgress_progresFailDrawable);
 progresSuccDrawable = mTypedArray.getDrawable(R.styleable.MutiProgress_progresSuccDrawable);
 processingLineColor = mTypedArray.getColor(R.styleable.MutiProgress_processingLineColor, DEFAULT_LINE_COLOR);
 currNodeState = mTypedArray.getInt(R.styleable.MutiProgress_currNodeState, 1);
 currNodeNO = mTypedArray.getInt(R.styleable.MutiProgress_currNodeNO, 1);
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 mWidth = getMeasuredWidth();
 mHeight = getMeasuredHeight();
 mBitmap = Bitmap.createBitmap(mWidth, mHeight, Config.ARGB_8888);
 mPaint = new Paint();
 mPaint.setColor(processingLineColor);
 mPaint.setAntiAlias(true);
 mPaint.setStrokeJoin(Paint.Join.ROUND); // 圆角 
 mPaint.setStrokeCap(Paint.Cap.ROUND); // 圆角
 mCanvas = new Canvas(mBitmap);
 nodes = new ArrayList<MutiProgress.Node>();
 float nodeWidth = ((float)mWidth)/(nodesNum-1);
 for(int i=0;i<nodesNum;i++)
 {
  Node node = new Node();
  if(i==0)
  node.mPoint = new Point(((int)nodeWidth*i),mHeight/2-nodeRadius);
  else if(i==(nodesNum-1))
  node.mPoint = new Point(((int)nodeWidth*i)-nodeRadius*2,mHeight/2-nodeRadius);
  else
  node.mPoint = new Point(((int)nodeWidth*i)-nodeRadius,mHeight/2-nodeRadius);
  if(currNodeNO == i)
  node.type = 1; //当前进度所到达的节点
  else
  node.type = 0; //已完成
  nodes.add(node);
 }
 }
 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 DrawProgerss();
 Log.v("ondraw", "mBitmap="+mBitmap);
 if(mBitmap!=null)
 {
  canvas.drawBitmap(mBitmap, new Rect(0,0,mBitmap.getWidth(),mBitmap.getHeight()), new Rect(0,0,mBitmap.getWidth(),mBitmap.getHeight()), mPaint);
 }
 for(int i=0;i<nodes.size();i++)
 {
  Node node = nodes.get(i);
  Log.v("ondraw", node.mPoint.x +";y="+node.mPoint.y);
  if(i<currNodeNO) //已完成的进度节点
  {
  progressingDrawable.setBounds(node.mPoint.x, node.mPoint.y , node.mPoint.x + nodeRadius*2,node.mPoint.y + nodeRadius*2);
  progressingDrawable.draw(canvas);
  }
  else if(i==currNodeNO) //当前所到达的进度节点（终点）
  {
  if(currNodeState == 1) //判断是成功还是失败 0 :失败 1：成功
  {
   progresSuccDrawable.setBounds(node.mPoint.x, node.mPoint.y , node.mPoint.x + nodeRadius*2,node.mPoint.y + nodeRadius*2);
   progresSuccDrawable.draw(canvas);
  }
  else
  {
   progresFailDrawable.setBounds(node.mPoint.x, node.mPoint.y , node.mPoint.x + nodeRadius*2,node.mPoint.y + nodeRadius*2);
   progresFailDrawable.draw(canvas);
  }
  }
  else //未完成的进度节点
  {
  unprogressingDrawable.setBounds(node.mPoint.x, node.mPoint.y , node.mPoint.x + nodeRadius*2,node.mPoint.y + nodeRadius*2);
  unprogressingDrawable.draw(canvas);
  }
 }
 }
 private void DrawProgerss()
 {
 //先画背景
 Paint bgPaint = new Paint();
 bgPaint.setColor(Color.parseColor("#f0f0f0"));
 mCanvas.drawRect(0, 0, mWidth, mHeight, bgPaint);
 //先画线段，线段的高度为nodeRadius/2
 mPaint.setStrokeWidth(nodeRadius/2);
 //前半截线段
// mCanvas.drawLine(nodeRadius, mHeight/2, mWidth-nodeRadius, mHeight/2, mPaint); //线段2端去掉nodeRadius
 mCanvas.drawLine(nodeRadius, mHeight/2, nodes.get(currNodeNO).mPoint.x + nodeRadius, nodes.get(currNodeNO).mPoint.y + nodeRadius, mPaint); //线段2端去掉nodeRadius
 //后半截线段
 mPaint.setColor(Color.parseColor("#dddddd"));
 mCanvas.drawLine(nodes.get(currNodeNO).mPoint.x +nodeRadius, nodes.get(currNodeNO).mPoint.y + nodeRadius, mWidth-nodeRadius, mHeight/2, mPaint); //线段2端去掉nodeRadius
 }
 class Node
 {
 Point mPoint;
 int type; //0:已完成 1:当前到达的进度节点
 }
}

源码下载点击此处

以上所述是小编给大家介绍的Android自定义多节点进度条显示的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android  # 多节点进度条  # 节点进度条  # Android 下载文件通知栏显示进度条功能的实例代码  # Android编程实现显示在标题上的进度条功能【附源码下载】  # Android实现标题上显示隐藏进度条效果  # android多线程断点下载-带进度条和百分比进度显示效果  # Android多线程+单线程+断点续传+进度条显示下载功能  # Android使用AsyncTask下载图片并显示进度条功能  # Android 进度条显示在标题栏的实现方法  # Android上传文件到服务端并显示进度条  # Android实现支持进度条显示的短信备份工具类  # android实现动态显示隐藏进度条  # 自定义  # 进度条  # 小编  # 未完成  # 都是  # 圆角  # 在这  # 在此  # 给大家  # 点击此处  # 所述  # 给我留言  # 感谢大家  # 先给  # 源码下载  # 没给  # 疑问请  # 有任何  # 所对应  # 画线 

相关文章： 历史网站制作软件,华为如何找回被删除的网站？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何解决ASP生成WAP建站中文乱码问题？  免费网站制作appp,免费制作app哪个平台好？  如何用西部建站助手快速创建专业网站？  如何通过智能用户系统一键生成高效建站方案？  如何在云服务器上快速搭建个人网站？  如何基于云服务器快速搭建网站及云盘系统？  建站主机选择指南：服务器配置与SEO优化实战技巧  定制建站哪家更专业可靠？推荐榜单揭晓  宝塔新建站点报错如何解决？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何在IIS中新建站点并配置端口与物理路径？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何规划企业建站流程的关键步骤？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  制作网站怎么制作,*游戏网站怎么搭建？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何用PHP快速搭建高效网站？分步指南  电脑免费海报制作网站推荐,招聘海报哪个网站多？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  建站主机是什么？如何选择适合的建站主机？  北京网站制作的公司有哪些,北京白云观官方网站？  如何用虚拟主机快速搭建网站？详细步骤解析  如何彻底卸载建站之星软件？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  如何通过网站建站时间优化SEO与用户体验？  建站主机服务器选型指南与性能优化方案解析  广州商城建站系统开发成本与周期如何控制？  建站DNS解析失败？如何正确配置域名服务器？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  网站制作企业,网站的banner和导航栏是指什么？  网站制作公司排行榜,抖音怎样做个人官方网站  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  ,怎么用自己头像做动态表情包？  建站之星安装模板失败：服务器环境不兼容？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  购物网站制作公司有哪些,哪个购物网站比较好？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  贸易公司网站制作流程,出口贸易网站设计怎么做？  如何选择CMS系统实现快速建站与SEO优化？  javascript中对象的定义、使用以及对象和原型链操作小结  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  PHP正则匹配日期和时间(时间戳转换)的实例代码  建站主机CVM配置优化、SEO策略与性能提升指南  如何在建站主机中优化服务器配置？  制作网站的软件免费下载,免费制作app哪个平台好？  如何用AWS免费套餐快速搭建高效网站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  实例解析Array和String方法