Android组件化开发（三）--图片加载组件封装

最新推荐文章于 2024-11-04 11:45:54 发布

小余的自习室

最新推荐文章于 2024-11-04 11:45:54 发布

阅读量179

点赞数

分类专栏：组件化文章标签： android

本文链接：https://blog.csdn.net/yuhaibing111/article/details/129119900

版权

组件化专栏收录该内容

6 篇文章 0 订阅

订阅专栏

🔥 Hi，我是小余。

本文已收录到 GitHub · Androider-Planet 中。这里有 Android 进阶成长知识体系，关注公众号小余的自习室，在成功的路上不迷路！

前言

前面一篇文章我们做了一个组件化网络请求库：lib_network的封装

相关文章：
Android组件化开发（二）–网络请求组件封装

今天我们来封装一个图片加载库：lib_image_loader

其实封装思想都是一样的：
主要还是根据三步走：

1.需求分析
2.技术选型
3.根据1和2进行类库封装

1.需求分析

1.首先他是一个图片加载库：

那就要考虑到我们需要加载哪些种类的图片？png，jpg？gif？webp？balabala。。

2.具体到我们项目中：

常见图片加载场景：

   - 1.对ImageView设置src？
   - 2.对View或者ViewGroup设置背景色。？
   - 3.对目标对象设置图片，设置到一个Target中，设置通知栏的图片信息？
   - 4.设置通知栏的图片信息
   - 5.显示圆角图片

3.多张图片可以并发加载
4.图片自适应我们的控件
5.api使用简单，侵入性低。

2.技术选型

有了第一步的需求分析：我们再来选择对应的技术

如何选择合适的类库进行封装？

一般图片加载库，有Glide，Fresco，Picasso，而Glide是Picasso一种升级版本，可以只看Glide就可以，
为了选择合适的类库，本人去Glide和Fresco官网查看了下他们的优缺点:

Fresco最大的优点是在5.0以下机型，将Bitmap的字节数组放在一个特殊的位置，
而不占用堆中的资源，这样就可以避免OOM的发生，但是目前5.0以下的设备占比已经很少了，所以这个优点可以忽略不计。

其他方面也基本能满足我们的需求，都支持gif和webp格式的图片数据，

但是Glide相比较Fresco来说，api使用简单，对业务代码没有侵入性，而Fresco需要使用他的特定控件才能使用，且需要在application中做初始化操作，有一定的侵入性

基于以上几点，笔者考虑使用Glide来封装我们的类库。

如果有想自己开发一套更加原生的图片加载库的同学，可以参考这篇文章：

面试官：让你设计一套图片加载框架，你会怎么设计？

但是不推荐大家去重复造轮子，没必要，但是你必须了解其内部原理。

封装

有了前两个步骤，我们就可以开始我们的类库封装了。
我们要封装哪些东西呢？还是根据我们的需求来

1.对ImageView设置src
2.对View或者ViewGroup设置背景色
3.对目标对象设置图片，设置到一个Target中或者说是直接回调一个Bitmap给上层
4.设置通知栏的图片信息
5.显示圆角图片

基于以上需求笔者做了以下封装

1.对ImageView设置src

/**创建一个设置ImageView src的接口
     * @param imageView
     * @param url
     */
    public void displayImageForIView(ImageView imageView, String url, CustomRequestListener listener){
        Glide.with(imageView.getContext())
                .load(url)
                .apply(initCommonOptions())
                .into(imageView);
    }

2.对View或者ViewGroup设置背景色

/**创建一个设置View背景的接口
     * @param view
     * @param url
     * @param listener
     */
    public void displayImageForView(final View view, String url,CustomRequestListener listener){
        Glide.with(view.getContext())
                .asBitmap()
                .load(url)
                .listener(listener)
                .apply(initCommonOptions())
                .into(initCustomViewTarget(view));
    }

3.对目标对象设置图片，设置到一个Target中或者说是直接回调一个Bitmap给上层，用户希望自己处理Bitmap显示

/**回调一个Bitmap给上层
     */
    public void displayImageForCallBack(Context context, String url, BitmapRequestListener listener){
        Glide.with(context)
                .asBitmap()
                .load(url)
                .into(new JustReadyTarget(listener));

    }

4.设置通知栏的图片信息，一般用在音乐播放器等场景

/**创建一个给通知栏RemoteViews设置src的接口
     * @param context
     * @param remoteViews
     * @param id
     * @param notification
     * @param notificationId
     * @param url
     */
    public void displayImageForNotification(Context context, RemoteViews remoteViews, int id,
                                            Notification notification,int notificationId,String url){
        Glide.with(context)
                .asBitmap()
                .load(url)
                .apply(initCommonOptions())
                .into(new NotificationTarget(context,id,remoteViews,notification,notificationId));

    }

5.显示圆角图片

/**给ImageVIew设置一个圆形的view
     * @param imageView
     * @param url
     */
    public void displayImageForCircleView(ImageView imageView,String url){
        Glide.with(imageView)
                .asBitmap()
                .load(url)
                .into(new BitmapImageViewTarget(imageView){
                    @Override
                    protected void setResource(Bitmap resource) {
                        RoundedBitmapDrawable drawable = RoundedBitmapDrawableFactory
                                .create(imageView.getResources(),resource);
                        drawable.setCircular(true);
                        imageView.setImageDrawable(drawable);
                    }
                });
    }