参考资料来源于菜鸟教程——学的不仅是技术,更是梦想!

学习!

1.常用属性讲解与基础实例

从官方文档,我们看到了这样一个类关系图:

ProgressBar继承与View类,直接子类有AbsSeekBar和ContentLoadingProgressBar, 其中AbsSeekBar的子类有SeekBar和RatingBar,可见这二者也是基于ProgressBar实现的

常用属性详解:

  • android:max:进度条的最大值
  • android:progress:进度条已完成进度值
  • android:progressDrawable:设置轨道对应的Drawable对象
  • android:indeterminate:如果设置成true,则进度条不精确显示进度
  • android:indeterminateDrawable:设置不显示进度的进度条的Drawable对象
  • android:indeterminateDuration:设置不精确显示进度的持续时间
  • android:secondaryProgress:二级进度条,类似于视频播放的一条是当前播放进度,一条是缓冲进度,前者通过progress属性进行设置!

对应的再Java中我们可调用下述方法:

  • getMax():返回这个进度条的范围的上限
  • getProgress():返回进度
  • getSecondaryProgress():返回次要进度
  • incrementProgressBy(int diff):指定增加的进度
  • isIndeterminate():指示进度条是否在不确定模式下
  • setIndeterminate(boolean indeterminate):设置不确定模式下

接下来来看看系统提供的默认的进度条的例子吧!

系统默认进度条使用实例:

运行效果图:

实现布局代码:

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical"
  6. tools:context=".MainActivity">
  7.  
  8. <!-- 系统提供的圆形进度条,依次是大中小 -->
  9.  
  10. <ProgressBar
  11. style="@android:style/Widget.ProgressBar.Small"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content" />
  14.  
  15. <ProgressBar
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content" />
  18.  
  19. <ProgressBar
  20. style="@android:style/Widget.ProgressBar.Large"
  21. android:layout_width="wrap_content"
  22. android:layout_height="wrap_content" />
  23.  
  24. <!--系统提供的水平进度条-->
  25. <ProgressBar
  26. style="@android:style/Widget.ProgressBar.Horizontal"
  27. android:layout_width="match_parent"
  28. android:layout_height="wrap_content"
  29. android:max="100"
  30. android:progress="18" />
  31.  
  32. <ProgressBar
  33. style="@android:style/Widget.ProgressBar.Horizontal"
  34. android:layout_width="match_parent"
  35. android:layout_height="wrap_content"
  36. android:layout_marginTop="10dp"
  37. android:indeterminate="true" />
  38.  
  39. </LinearLayout>

好吧,除了第二个能看,其他的就算了...系统提供的肯定是满足不了我们的需求的! 下面我们就来讲解下实际开发中我们对进度条的处理!


2.使用动画来替代圆形进度条

第一个方案是,使用一套连续图片,形成一个帧动画,当需要进度图的时候,让动画可见,不需要 的时候让动画不可见即可!而这个动画,一般是使用AnimationDrawable来实现的!好的,我们来 定义一个AnimationDrawable文件:

PS:用到的图片素材:进度条图片素材打包.zip

运行效果图:

<p实现步骤:

在res目录下新建一个:anim文件件,然后创建amin_pgbar.xml的资源文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:oneshot="false" >
  4.  
  5. <item
  6. android:drawable="@drawable/loading_01"
  7. android:duration="200"/>
  8. <item
  9. android:drawable="@drawable/loading_02"
  10. android:duration="200"/>
  11. <item
  12. android:drawable="@drawable/loading_03"
  13. android:duration="200"/>
  14. <item
  15. android:drawable="@drawable/loading_04"
  16. android:duration="200"/>
  17. <item
  18. android:drawable="@drawable/loading_05"
  19. android:duration="200"/>
  20. <item
  21. android:drawable="@drawable/loading_06"
  22. android:duration="200"/>
  23. <item
  24. android:drawable="@drawable/loading_07"
  25. android:duration="200"/>
  26. <item
  27. android:drawable="@drawable/loading_08"
  28. android:duration="200"/>
  29. <item
  30. android:drawable="@drawable/loading_09"
  31. android:duration="200"/>
  32. <item
  33. android:drawable="@drawable/loading_10"
  34. android:duration="200"/>
  35. <item
  36. android:drawable="@drawable/loading_11"
  37. android:duration="200"/>
  38. <item
  39. android:drawable="@drawable/loading_12"
  40. android:duration="200"/>
  41.  
  42. </animation-list>

接着写个布局文件,里面仅仅有一个ImageView即可,用于显示进度条,把src设置为上述drawable资源即可! 最后到MainActivity.java

  1. public class MainActivity extends AppCompatActivity {
  2.  
  3. private ImageView img_pgbar;
  4. private AnimationDrawable ad;
  5.  
  6. @Override
  7. protected void onCreate(Bundle savedInstanceState) {
  8. super.onCreate(savedInstanceState);
  9. setContentView(R.layout.activity_main);
  10. img_pgbar = (ImageView) findViewById(R.id.img_pgbar);
  11. ad = (AnimationDrawable) img_pgbar.getDrawable();
  12. img_pgbar.postDelayed(new Runnable() {
  13. @Override
  14. public void run() {
  15. ad.start();
  16. }
  17. }, 100);
  18. }
  19.  
  20. }

这里只是写了如何启动动画,剩下的就你自己来了哦~在需要显示进度条的时候,让ImageView可见; 在不需要的时候让他隐藏即可!另外其实Progressbar本身有一个indeterminateDrawable,只需把 这个参数设置成上述的动画资源即可,但是进度条条的图案大小是不能直接修改的,需要Java代码中 修改,如果你设置了宽高,而且这个宽高过大的时候,你会看到有多个进度条...自己权衡下吧~


3.自定义圆形进度条

相信你看完2会吐槽,卧槽,这么坑爹,拿个动画来坑人,哈哈,实际开发中都这样,当然上述 这种情况只适用于不用显示进度的场合,如果要显示进度的场合就没用处了,好吧,接下来看下 网上一个简单的自定义圆形进度条!代码还是比较简单,容易理解,又兴趣可以看看,或者进行相关扩展~

运行效果图:

实现代码:

自定义View类:

  1. /**
  2. * Created by Jay on 2015/8/5 0005.
  3. */
  4. public class CirclePgBar extends View {
  5.  
  6. private Paint mBackPaint;
  7. private Paint mFrontPaint;
  8. private Paint mTextPaint;
  9. private float mStrokeWidth = 50;
  10. private float mHalfStrokeWidth = mStrokeWidth / 2;
  11. private float mRadius = 200;
  12. private RectF mRect;
  13. private int mProgress = 0;
  14. //目标值,想改多少就改多少
  15. private int mTargetProgress = 90;
  16. private int mMax = 100;
  17. private int mWidth;
  18. private int mHeight;
  19.  
  20. public CirclePgBar(Context context) {
  21. super(context);
  22. init();
  23. }
  24.  
  25. public CirclePgBar(Context context, AttributeSet attrs) {
  26. super(context, attrs);
  27. init();
  28. }
  29.  
  30. public CirclePgBar(Context context, AttributeSet attrs, int defStyleAttr) {
  31. super(context, attrs, defStyleAttr);
  32. init();
  33. }
  34.  
  35. //完成相关参数初始化
  36. private void init() {
  37. mBackPaint = new Paint();
  38. mBackPaint.setColor(Color.WHITE);
  39. mBackPaint.setAntiAlias(true);
  40. mBackPaint.setStyle(Paint.Style.STROKE);
  41. mBackPaint.setStrokeWidth(mStrokeWidth);
  42.  
  43. mFrontPaint = new Paint();
  44. mFrontPaint.setColor(Color.GREEN);
  45. mFrontPaint.setAntiAlias(true);
  46. mFrontPaint.setStyle(Paint.Style.STROKE);
  47. mFrontPaint.setStrokeWidth(mStrokeWidth);
  48.  
  49. mTextPaint = new Paint();
  50. mTextPaint.setColor(Color.GREEN);
  51. mTextPaint.setAntiAlias(true);
  52. mTextPaint.setTextSize(80);
  53. mTextPaint.setTextAlign(Paint.Align.CENTER);
  54. }
  55.  
  56. //重写测量大小的onMeasure方法和绘制View的核心方法onDraw()
  57. @Override
  58. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  59. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  60. mWidth = getRealSize(widthMeasureSpec);
  61. mHeight = getRealSize(heightMeasureSpec);
  62. setMeasuredDimension(mWidth, mHeight);
  63.  
  64. }
  65.  
  66. @Override
  67. protected void onDraw(Canvas canvas) {
  68. initRect();
  69. float angle = mProgress / (float) mMax * 360;
  70. canvas.drawCircle(mWidth / 2, mHeight / 2, mRadius, mBackPaint);
  71. canvas.drawArc(mRect, -90, angle, false, mFrontPaint);
  72. canvas.drawText(mProgress + "%", mWidth / 2 + mHalfStrokeWidth, mHeight / 2 + mHalfStrokeWidth, mTextPaint);
  73. if (mProgress < mTargetProgress) {
  74. mProgress += 1;
  75. invalidate();
  76. }
  77.  
  78. }
  79.  
  80. public int getRealSize(int measureSpec) {
  81. int result = 1;
  82. int mode = MeasureSpec.getMode(measureSpec);
  83. int size = MeasureSpec.getSize(measureSpec);
  84.  
  85. if (mode ==MeasureSpec.AT_MOST || mode ==MeasureSpec.UNSPECIFIED){//自己计算
  86. result =(int)(mRadius *2+ mStrokeWidth);}else{
  87. result = size;}return result;}privatevoid initRect(){if(mRect ==null){
  88. mRect =newRectF();int viewSize =(int)(mRadius *2);int left =(mWidth - viewSize)/2;int top =(mHeight - viewSize)/2;int right = left + viewSize;int bottom = top + viewSize;
  89. mRect.set(left, top, right, bottom);}}}

然后在布局文件中加上:

  1. <com.jay.progressbardemo.CirclePgBar
  2. android:layout_width="match_parent"
  3. android:layout_height="match_parent"/>

Android——ProgressBar(进度条)的更多相关文章

  1. android ProgressBar 进度条的进度两端是圆角的方法

    转自 http://www.jianshu.com/p/6e7ea842d5ce 另外工作原理可以参考http://blog.csdn.net/lan603168/article/details/44 ...

  2. Android -- ProgressBar(进度条的使用)

    我们在开发程序是经常会需要软件全屏显示.自定义标题(使用按钮等控件)和其他的需求,今天这一讲就是如何控制Android应用程序的窗体显示. requestWindowFeature可以设置的值有:(具 ...

  3. Android ProgressBar 进度条荧光效果

    http://blog.csdn.net/ywtcy/article/details/7878289 这段时间做项目,产品需求,进度条要做一个荧光效果,类似于Android4.0 浏览器中进度条那种样 ...

  4. Android学习笔记- ProgressBar(进度条)

    本节引言: 本节给大家带来的是Android基本UI控件中的ProgressBar(进度条),ProgressBar的应用场景很多,比如 用户登录时,后台在发请求,以及等待服务器返回信息,这个时候会用 ...

  5. Android 设置进度条背景

    Android 设置进度条背景 直接上代码 <ProgressBar android:id="@+id/progressBar" android:layout_width=& ...

  6. android 自定义进度条颜色

    android 自定义进度条颜色 先看图 基于产品经理各种自定义需求,经过查阅了解,下面是自己对Android自定义进度条的学习过程!   这个没法了只能看源码了,还好下载了源码, sources\b ...

  7. Android之进度条2

    我之前有写过一篇“Android之进度条1”,那个是条形的进度条(显示数字进度),这次实现圆形进度条. 点击查看Android之进度条1:http://www.cnblogs.com/caidupin ...

  8. android的进度条使用

    android的进度条 1.实现的效果 2.布局代码 先写一个my_browser.xml文件 存放WebView <?xml version="1.0" encoding= ...

  9. android多线程进度条

    多线程实现更新android进度条. 实例教程,详细信息我已经注释   android多线程进度条   01package com.shougao.hello; 02 03import android ...

随机推荐

  1. SpringCloud升级之路2020.0.x版-12.UnderTow 简介与内部原理

    本系列代码地址:https://github.com/HashZhang/spring-cloud-scaffold/tree/master/spring-cloud-iiford 在我们的项目中,我 ...

  2. connect()函数阻塞问题

    方法一:采用select 在学习嵌入式Linux网络编程中,很多同学都发现了一个问题,那就是调用connect函数时,如果服务端关闭,客户 端调用connect()函数时,发现阻塞在那里,而且利用ct ...

  3. PLSQL编程及存储过程的创建

    一.PLSQL的初步介绍 PLSQL是使sql具有处理过程的能力,可以分为三个部分:声明部分.可执行部分.异常处理部分 1.如何使用PLSQL打印Hello World! 在sqlplus里中打印   ...

  4. 【笔记】集成学习入门之soft voting classifier和hard voting classifier

    集成学习入门之soft voting classifier和hard voting classifier 集成学习 通过构建并结合多个学习器来完成学习任务,一般是先产生一组"个体学习器&qu ...

  5. SpringBoot开发九-生成验证码

    需求介绍-生成验证码 先生成随机字符串然后利用Kaptcha API生成验证图片 代码实现 先在pom.xml引入 <dependency> <groupId>com.gith ...

  6. 【AIOT】智能感知--物

    From: https://liudongdong1.github.io/ 1. 物体检测 .1. 流体 D. V. Q. Rodrigues, D. Rodriguez and C. Li, &qu ...

  7. COM组件的使用方法

    https://prismlibrary.com/docs/wpf/converting-from-7.html Requirement: 1.创建myCom.dll,该COM只有一个组件,两个接口I ...

  8. mfc HackerTools防止程序双开

    来自:https://github.com/TonyChen56/HackerTools 1 HANDLE hMutex = CreateMutexA(NULL, FALSE, "GuiSh ...

  9. 【VLC开发】libvlc_new函数参数

    项目中有视频监控的需求,找了vlc这个开源视频工具,在获取实例参数时遇到了问题, 要得到VLC的全部参数有两种方法, 1 只要在创建时加上"--longhelp"和"-- ...

  10. jQuery中的内容、可见性过滤选择器(四、四)::contains()、:empty、:has()、:parent、:hidden、:visible

    <!DOCTYPE html> <html> <head> <title>内容.可见性过滤选择器</title> <meta http ...