全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android自定义水平渐变进度条

先看进度条的效果:

具体实现:

新建类,继承自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 


相关文章: 广州美橙建站如何快速搭建多端合一网站?  大连 网站制作,大连天途有线官网?  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片?  如何设计高效校园网站?  建站之星客服服务时间及联系方式如何?  小说建站VPS选用指南:性能对比、配置优化与建站方案解析  网站制作培训多少钱一个月,网站优化seo培训课程有哪些?  免费ppt制作网站,有没有值得推荐的免费PPT网站?  如何登录建站主机?访问步骤全解析  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?  如何在景安云服务器上绑定域名并配置虚拟主机?  如何选购建站域名与空间?自助平台全解析  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  油猴 教程,油猴搜脚本为什么会网页无法显示?  如何在Windows环境下新建FTP站点并设置权限?  建站主机系统SEO优化与智能配置核心关键词操作指南  如何在万网自助建站中设置域名及备案?  网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?  企业微网站怎么做,公司网站和公众号有什么区别?  如何在局域网内绑定自建网站域名?  北京网站制作的公司有哪些,北京白云观官方网站?  香港服务器选型指南:免备案配置与高效建站方案解析  建站主机选购指南与交易推荐:核心配置解析  常州企业网站制作公司,全国继续教育网怎么登录?  如何快速搭建安全的FTP站点?  网页设计与网站制作内容,怎样注册网站?  深圳防火门网站制作公司,深圳中天明防火门怎么编码?  广州建站公司哪家好?十大优质服务商推荐  如何快速搭建二级域名独立网站?  建站之星如何助力网站排名飙升?揭秘高效技巧  宝塔面板如何快速创建新站点?  建站之星伪静态规则如何设置?  如何用5美元大硬盘VPS安全高效搭建个人网站?  建站之星3.0如何解决常见操作问题?  电商平台网站制作流程,电商网站如何制作?  建站中国官网:模板定制+SEO优化+建站流程一站式指南  建站与域名管理如何高效结合?  如何生成腾讯云建站专用兑换码?  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  如何通过山东自助建站平台快速注册域名?  招商网站制作流程,网站招商广告语?  如何在宝塔面板中创建新站点?  ,购物网站怎么盈利呢?  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  如何获取免费开源的自助建站系统源码?  如何在阿里云域名上完成建站全流程?  如何在阿里云香港服务器快速搭建网站?  哈尔滨网站建设策划,哈尔滨电工证查询网站?  建站之星如何保障用户数据免受黑客入侵? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。