Android组件化开发(三)--图片加载组件封装

简介: 今天我们来封装一个`图片加载库`:`lib_image_loader`
🔥 Hi,我是小余。

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

前言

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

相关文章:
Android组件化开发(二)--网络请求组件封装

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

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

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

1.需求分析

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

那就要考虑到我们需要加载哪些种类的图片?pngjpggifwebp?balabala。。

  • 2.具体到我们项目中:

常见图片加载场景

   - 1.对ImageView设置src?
   - 2.对View或者ViewGroup设置背景色。?
   - 3.对目标对象设置图片,设置到一个Target中,设置通知栏的图片信息?
   - 4.设置通知栏的图片信息
   - 5.显示圆角图片
  • 3.多张图片可以并发加载
  • 4.图片自适应我们的控件
  • 5.api使用简单,侵入性低

2.技术选型

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

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

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

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

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

但是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);
                    }
                });
    }

这里对常见的一些需求做了封装,完整代码可以看demo

GitHub - ByteYuhb/anna_music_app

总结

此篇文章主要是对组件化框架中功能组件:图片加载框架的封装,

对于大部分类库的封装都可以使用我们上面的思路,再结合maven私服的使用。可以很好的将我们代码作为一个组件共享给开发同事使用

组件化道路长远,到目前为止我们封装两个功能框架:网络请求库和图片加载库,后面会不定期对其他类库进行封装,最后整合成一个完整的组件化框架

组件化开发.png

相关文章
|
14天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
40 19
|
15天前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
41 14
|
14天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
16天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
15天前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
15天前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
24 0
|
27天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
1月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
26 1
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
27天前
|
IDE Java 开发工具
移动应用与系统:探索Android开发之旅
在这篇文章中,我们将深入探讨Android开发的各个方面,从基础知识到高级技术。我们将通过代码示例和案例分析,帮助读者更好地理解和掌握Android开发。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧。让我们一起开启Android开发的旅程吧!