先看进度条的效果：

具体实现：

新建类，继承自View，在onDraw中进行绘制：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 *
 * 自定义 进度条
 * Created by wenjing.tang on 2017/8/7.
 */

public class CustomizedProgressBar extends View {

 private float maxCount = 100; //进度条最大值
 private float currentCount; //进度条当前值
 // private Paint mPaint ;
 private int mWidth,mHeight;
 private Context mContext;

 public CustomizedProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initView(context);
 }

 public CustomizedProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView(context);
 }

 public CustomizedProgressBar(Context context) {
  super(context);
  initView(context);
 }

 private void initView(Context context) {
  mContext=context;
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  Paint mPaint = new Paint();
  mPaint.setAntiAlias(true);
  int round = mHeight/2; //半径

  mPaint.setColor(getResources().getColor(R.color.white_alpha)); //设置边框背景颜色
  RectF rectBg = new RectF(0, 0, mWidth, mHeight);
  canvas.drawRoundRect(rectBg, round, round, mPaint);//绘制 最外面的大 圆角矩形，背景为白色

  float section = currentCount/maxCount; //进度条的比例
  RectF rectProgressBg = new RectF(0, 0, mWidth*section, mHeight);

  Log.e("CustomizedProgressBar", currentCount+"");
  Log.e("CustomizedProgressBar", section+"");

  //Paint设置setColor(白色无透明)和setShader，只让setShader生效；不然前面setColor设置了透明度，透明度会生效，和setShader效果叠加
  mPaint.setColor(getResources().getColor(R.color.white));
  mPaint.setShader(getLinearGradient());
  canvas.drawRoundRect(rectProgressBg, round, round, mPaint); //最左边的圆角矩形

  if (maxCount != currentCount){ //如果不是100%，绘制第三段矩形
   RectF rectProgressBg2 = new RectF(mWidth*section-round, 0, mWidth*section, mHeight);
   mPaint.setShader(getLinearGradient());
   canvas.drawRect(rectProgressBg2, mPaint);
  }
 }

 private LinearGradient linearGradient;
 private LinearGradient getLinearGradient(){
  if(linearGradient==null){
   linearGradient = new LinearGradient(0, 0, getWidth(), mHeight, new int[]{mContext.getResources().getColor(R.color.progress_color_1),
     mContext.getResources().getColor(R.color.progress_color_2)}, null, Shader.TileMode.CLAMP); //根据R文件中的id获取到color
  }
  return linearGradient;
 }

 private int dipToPx(int dip) {
  float scale = getContext().getResources().getDisplayMetrics().density;
  return (int) (dip * scale + 0.5f * (dip >= 0 ? 1 : -1));
 }

 /***
  * 设置最大的进度值
  * @param maxCount 最大的进度值
  */
 public void setMaxCount(float maxCount) {
  this.maxCount = maxCount;
 }

 /***
  * 设置当前的进度值
  * @param currentCount 当前进度值
  */
 public void setCurrentCount(float currentCount) {
  this.currentCount = currentCount > maxCount ? maxCount : currentCount;
  invalidate();
 }

 public float getMaxCount() {
  return maxCount;
 }

 public float getCurrentCount() {
  return currentCount;
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
  int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
  int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
  int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
  if (widthSpecMode == MeasureSpec.EXACTLY || widthSpecMode == MeasureSpec.AT_MOST) {
   mWidth = widthSpecSize;
  } else {
   mWidth = 0;
  }
  if (heightSpecMode == MeasureSpec.AT_MOST || heightSpecMode == MeasureSpec.UNSPECIFIED) {
   mHeight = dipToPx(18);
  } else {
   mHeight = heightSpecSize;
  }
  setMeasuredDimension(mWidth, mHeight);
 }
}

其中用到的一些资源文件如下：

<!--自定义进度条背景颜色-->
<color name="white_alpha">#0c000000</color>

<!--自定义进度条渐变颜色-->
<color name="progress_color_1">#ff916b</color>
<color name="progress_color_2">#ffa94c</color>

要注意的是，在上面Java代码中，mPaint.setColor(getResources().getColor(R.color.white));这行很重要，因为进度条总共有三层，第一层是最外面的背景，第二层是进度，第三层如果不是100%才绘制，由于第一层背景有透明度，所以setColor设置了透明度，但虽然setShader，透明度还是会生效，两者效果叠加，效果是这样：

加上之后，Paint 第二次设置 setColor (白色无透明)和 setShader，只让 setShader 生效，进度条才会达到满意的效果；

用法：

Java代码中：

 customizedProgressBar.setMaxCount(100);
 integrity = dataCount/TOTAL_COUNT *100; //根据自己情况来初始化完整度
 customizedProgressBar.setCurrentCount((int) integrity);
 mTvtDataIntegrity.setText("完整度" + (int) integrity +"%");      

xml文件中（不需要文字显示也可以）：

 <RelativeLayout
     android:layout_width="match_parent"
     android:layout_height="18dp"
     android:layout_marginStart="66dp"
     android:layout_marginEnd="66dp"
     android:layout_centerVertical="true">

     <com.text.widget.CustomizedProgressBar
      android:id="@+id/progress"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_centerInParent="true"/>

     <TextView
      android:id="@+id/tv_data_integrity"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:gravity="center"
      tools:text="完整度35%"
      android:textSize="10sp"
      android:layout_centerInParent="true"/>
 </RelativeLayout>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android水平渐变进度条  # Android渐变进度条  # Android水平进度条  # Android实现渐变圆环、圆形进度条效果  # Android studio圆形进度条 百分数跟随变化  # Android自定义View仿华为圆形加载进度条  # Android进度条控件progressbar使用方法详解  # Android ProgressBar直线进度条的实例代码  # Android实现底部带刻度的进度条样式  # 进度条  # 自定义  # 如果不是  # 第一层  # 的是  # 圆角  # 是这样  # 不需要  # 才会  # 要注意  # 很重要  # 在上面  # 先看  # 大家多多  # 总共有  # 第二层  # 这行  # 第三层  # 第三段  # defStyleAttr 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  Laravel如何实现API资源集合？（Resource Collection教程）  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  如何快速配置高效服务器建站软件？  如何用低价快速搭建高质量网站？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？  WEB开发之注册页面验证码倒计时代码的实现  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  使用豆包 AI 辅助进行简单网页 HTML 结构设计  高端企业智能建站程序：SEO优化与响应式模板定制开发  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  在线制作视频网站免费,都有哪些好的动漫网站？  Laravel Fortify是什么，和Jetstream有什么关系  Python图片处理进阶教程_Pillow滤镜与图像增强  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  如何选择可靠的免备案建站服务器？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  常州企业网站制作公司,全国继续教育网怎么登录？  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  海南网站制作公司有哪些,海口网是哪家的？  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  Java遍历集合的三种方式  微信小程序制作网站有哪些,微信小程序需要做网站吗？  教学论文网站制作软件有哪些,写论文用什么软件 ？  Laravel如何使用Blade模板引擎？（完整语法和示例）  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  Laravel如何集成Inertia.js与Vue/React？（安装配置）  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  如何在万网自助建站平台快速创建网站？  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  如何在阿里云购买域名并搭建网站？  Laravel如何使用Vite进行前端资源打包？（配置示例）  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  深圳网站制作的公司有哪些,dido官方网站？  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  微信推文制作网站有哪些,怎么做微信推文，急？  java中使用zxing批量生成二维码立牌