美文网首页自定义views andnroid
实现微信图片加载显示进度的效果-LoadingProgress

实现微信图片加载显示进度的效果-LoadingProgress

作者: MRJpeng | 来源:发表于2016-10-25 22:53 被阅读1184次

分析

从网络上加载图片是一种耗时的操作,当加载的图片体积越大,消耗的时间也会更长。向ImageView添加一个进度条的话,可以起到一定的效果。而在我们Android里面,据我了解,想实现ImageView添加进度条的方法有两种:
1.新建一个类extends ImageView,在draw()方法里面画进度。
2.可以在你的ImageView外围添加RelativeLayout,然后,在里面加多一个ProgressBar。

LoadingProgress用的都不是以上两种方法。而是采用了extends Drawable的形式,然后注入到ImageView图层上面。

对比

先从上面第二种来说,在外围嵌套RelativeLayout再放多一个ProgressBar,如果在ListView里面这样来写的话,性能绝对会受到影响,因为多绘制两个控件,Android就要多点耗时时间,内存也会占用。
第一种和我的那种对比的话,我的那种可能会相对占用一点内存,但是相对的,灵活性和扩展性就高了,为什么这样说呢?比如,你有时候需要用到手势缩放这种Extends ImageView的控件,总不可能继承与手势缩放,再重新封装代码对吧?
我的只要是继承于ImageView和可以监听到下载图片进度的回调,都可以实现像QQ和微信那种加载进度条,可以动态的调整圆环大小和字体大小,颜色和其他的。

附上效果图

这里写图片描述

用法

    //用法也是挺简单的,只需要几行代码
    CircleProgress progress = new CircleProgress.Builder()
    
    // .....从建造者里面设置你的属性,园底层颜色,进度颜色,字体大小颜色等..
                        .build();//返回CircleProgress


    /**********
    * 如果你不想圆形进度条,你可以使用其他的进度条
    * 比如:RectangleProgress(长形进度条)
    * RotateProgress(实现自动旋转的进度条)
    * LevelProgress(这个我也不好解析,类似效果图水杯的那种效果)
    */
    //对于使用Fresco框架的
    progress.injectFresco(target);//SimpledraweeView
    //除了Fresco框架其他的,均使用这个方法
    progress.inject(target);//target为你的ImageView
    //接着加载你的图片把

</t></t>最后,你需要监听到图片下载进度变化的事件,Fresco框架的不需要。

在你的进度回调方法里面:

    @Override
    public void update(long current,long total){
        //当前进度值
        progress.setLevel((int)current);
        //最大进度值
        progress.setMaxValue(total);
    }

对于使用Glide和Picasso框架的人来说,获取进度变化的回调可能会有点困难,不过可参考我的DEMO,使用Okhttp3拦截进度事件,不过也有点问题,特别大的图片加载不出来,我也不太了解OKhttp3进度获取,希望有人能指点一下我!

Github

https://github.com/peng8350/LoadingProgress
欢迎大家来star一下我,我是第一次写开源项目,难免会有一些问题,希望大家可以提出来!

相关文章

网友评论

    本文标题:实现微信图片加载显示进度的效果-LoadingProgress

    本文链接:https://www.haomeiwen.com/subject/jfhduttx.html