多种风格的图片加载进度条（Fresco、UIL、Glided多种风格加载）

最新推荐文章于 2021-04-16 14:58:19 发布

转载最新推荐文章于 2021-04-16 14:58:19 发布 · 1.9k 阅读

android Ui界面专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种用于显示下载进度的组件使用方法，包括CircleProgress、RectangleProgress等类型的配置及监听进度更新的方法，并提供了不同框架下的实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好了，不说废话

首先,你必须先创建一个CircleProgress或者RectanglePropress或者其他

CircleProgress progress = new CircleProgress.Builder().
                          setTextColor(Color.RED)
                          //设置你的属性...
                          
                          .build();
//如果你使用的是ImageView(Glide,UIL,Picasso)
 progress.inject(your  ImageView);
 //如果你使用的框架是Fresco
 progress.injectFresco(your SimpleDraweeView)

接着,监听下载图片的进度变化,对于不同框架:

Fresco:

/*
     * 恭喜你,你不需要监听图片加载进度的变化
     *
     */

UIL:

     
              //在UIL提供的接口ImageLoadingProgressListener里面：
  			@Override
  			public void onProgressUpdate(String s, View view, int i, int i1) {
  				progress.setLevel(i);
                  progress.setMaxValue(i1);
  			}

其他:

    /*
        *如果你使用的是Glide或者Picasso 
        *你可以参考一下我的demo如何实现监听下载进度的回调
        ×但是在我的demo这种方式未必是对的
        *因为在我的测试里面,发现有一些图片没能加载出来,
        *可能是okhttp的原因
        */
      //在你的进度监听回调方法里面
      progress.setLevel(current);
      progress.setMaxValue(total);

公有:

`setTextColor` 设置进度条中间文字颜色
`setTextSize` 设置进度条中间文字大小
`setTextShow` 设置中间文字是否显示
`setTextType` 设置字体类型
`setCustomText` 设置自定义文本代替原始数字变化
`setTextXOffset` 设置离中心点X轴的距离
`setTextYOffset` 设置离中心点Y轴的距离

CircleProgress:

setCircleWidth 设置圆环的宽度
setCircleRadius 设置圆环的半径
setProgressColor 设置圆环已经加载进度中的颜色
setBottomColor 设置圆环未加载背景的颜色
setStyle 变换风格,枚举CircleStyle.Fan or Ring
setGradientColor 设置渐变颜色
setBottomWidth 设置底部的线条宽度
setFanPadding 设置在FanStyle里圆离外部线的距离

RectangleProgress:

setRecBottomColor 设置长进度底部的颜色
setRecProgressColor 设置长进度已经加载的背景颜色
setProgressColor 设置圆环已经加载进度中的颜色
setRecHeight 设置长进度的宽度
setRectProgressImage 使用自定义图片来替换文字来展示(设置了就不会显示文字)
setPosition 设置展示指示器的位置