2. 程式人生 > >圖片載入框架簡單介紹 ImageLoader 的基本使用

圖片載入框架簡單介紹 ImageLoader 的基本使用

阿新 • • 發佈：2019-02-18

  • ImageLoader簡單介紹
    ImageLoader 是最早開源的 Android 圖片快取庫, 強大的快取機制, 早期使用這個圖片載入框架的Android應用非常多， 至今仍然有不少 Android 開發者在使用。

  • 使用第一步，配置一些引數

DisplayImageOptions options = new DisplayImageOptions.Builder().showStubImage(R.drawable.ic_stub) // 設定圖片下載期間顯示的圖片
        .showImageOnLoading(R.drawable.ic_empty)    //設定下載過程中圖片顯示   
 

        .showImageForEmptyUri(R.drawable.ic_empty) // 設定圖片Uri為空或是錯誤的時候顯示的圖片
        .showImageOnFail(R.drawable.ic_error) // 設定圖片載入或解碼過程中發生錯誤顯示的圖片
        .cacheInMemory(true) // 設定下載的圖片是否快取在記憶體中
        .cacheOnDisc(true) // 設定下載的圖片是否快取在SD卡中
        .build(); // 建立配置過得DisplayImageOption物件

ImageLoaderConfiguration config = new
 
 ImageLoaderConfiguration
        .Builder(
        context.getApplicationContext())
        .defaultDisplayImageOptions(options)
        .threadPriority(Thread.NORM_PRIORITY - 2)
        .denyCacheImageMultipleSizesInMemory()
        .discCacheFileNameGenerator(new Md5FileNameGenerator())
        .tasksProcessingOrder(QueueProcessingType.LIFO)
        .build();
        imageLoader = ImageLoader.getInstance();
        imageLoader.init(config);

因為ImageLoader使用的是單例模式。所以上面的這些配置（還有一些其他配置選項，這裡就不一一寫出來了），在專案中只需要設定一次就可以了。

  • 第二步，獲取ImageLoader圖片載入框架例項物件 
ImageLoader imageLoader = ImageLoader.getInstance();

到這裡就可以使用獲取到的imagerLoader來進行圖片載入了，使用imagerLoader載入圖片有很多種方式，簡單說三種最常用的，然後再把全部加在方法原始碼貼在後面，根據自己的不同需求，大家再具體使用相應的方法。

  • 根據url把圖片展示到imageView控制元件上（非同步載入）
imageLoader.displayImage(imageUri, imageView);
  • 根據url把圖片展示到imageView控制元件上，並監聽圖片載入是否完畢（非同步載入）
imageLoader.displayImage(imageUrl, imageView, null , new SimpleImageLoadingListener(){

    @Override
    public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
        //在這裡執行你想要做的事情
    }

}, new ImageLoadingProgressListener(){

    @Override
    public void onProgressUpdate(String imageUri, View view, int current, int total) {
        //在這裡執行你想要做的事情，total總進度，current當前載入進度
    }
});

上面程式碼中僅僅重寫了監聽物件SimpleImageLoadingListener的onLoadingComplete方法，其實還有其他三個方法：onLoadingStarted（載入開始），onLoadingFailed（載入失敗），onLoadingCancelled（載入取消），可以根據自己的具體需要去考慮是否進行重寫。

  • 根據url獲取到圖片檔案並返回為點陣圖格式物件（同步載入）
Bitmap bmp = imageLoader.loadImageSync(imageUri);
  • 以下程式碼為ImageLoader物件載入圖片的三大類方法及其過載
    方法loadImage是非同步載入，一般需要對載入過程設定監聽，待圖片資源載入完畢，再手動操作把圖片展示到控制元件上。
    方法displayImage是非同步載入，可以不設定監聽，待圖片資源載入完畢，會自動把圖片展示到控制元件上。
    方法loadImageSync是同步載入，待圖片資源載入完畢，直接返回點陣圖資源物件
    //ImageViewAware這個類主要是將ImageView進行一個包裝，將  ImageView的強引用變成弱引用，
    //當記憶體不足的時候，可以更好的回收ImageView物件，還有就是獲取ImageView的寬度和高度。
    //這使得我們可以根據ImageView的寬高去對圖片進行一個裁剪，減少記憶體的使用。
    public void displayImage(String uri, ImageAware imageAware) {
        this.displayImage(uri, (ImageAware)imageAware, (DisplayImageOptions)null, (ImageLoadingListener)null, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageAware imageAware, ImageLoadingListener listener) {
        this.displayImage(uri, (ImageAware)imageAware, (DisplayImageOptions)null, listener, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options) {
        this.displayImage(uri, (ImageAware)imageAware, options, (ImageLoadingListener)null, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options, ImageLoadingListener listener) {
        this.displayImage(uri, (ImageAware)imageAware, options, listener, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options, ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
        this.checkConfiguration();
        if(imageAware == null) {
            throw new IllegalArgumentException("Wrong arguments were passed to displayImage() method (ImageView reference must not be null)");
        } else {
            if(listener == null) {
                listener = this.emptyListener;
            }

            if(options == null) {
                options = this.configuration.defaultDisplayImageOptions;
            }

            if(TextUtils.isEmpty(uri)) {
                this.engine.cancelDisplayTaskFor(imageAware);
                listener.onLoadingStarted(uri, imageAware.getWrappedView());
                if(options.shouldShowImageForEmptyUri()) {
                    imageAware.setImageDrawable(options.getImageForEmptyUri(this.configuration.resources));
                } else {
                    imageAware.setImageDrawable((Drawable)null);
                }

                listener.onLoadingComplete(uri, imageAware.getWrappedView(), (Bitmap)null);
            } else {
                ImageSize targetSize = ImageSizeUtils.defineTargetSizeForView(imageAware, this.configuration.getMaxImageSize());
                String memoryCacheKey = MemoryCacheUtils.generateKey(uri, targetSize);
                this.engine.prepareDisplayTaskFor(imageAware, memoryCacheKey);
                listener.onLoadingStarted(uri, imageAware.getWrappedView());
                Bitmap bmp = (Bitmap)this.configuration.memoryCache.get(memoryCacheKey);
                ImageLoadingInfo imageLoadingInfo;
                if(bmp != null && !bmp.isRecycled()) {
                    L.d("Load image from memory cache [%s]", new Object[]{memoryCacheKey});
                    if(options.shouldPostProcess()) {
                        imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey, options, listener, progressListener, this.engine.getLockForUri(uri));
                        ProcessAndDisplayImageTask displayTask1 = new ProcessAndDisplayImageTask(this.engine, bmp, imageLoadingInfo, defineHandler(options));
                        if(options.isSyncLoading()) {
                            displayTask1.run();
                        } else {
                            this.engine.submit(displayTask1);
                        }
                    } else {
                        options.getDisplayer().display(bmp, imageAware, LoadedFrom.MEMORY_CACHE);
                        listener.onLoadingComplete(uri, imageAware.getWrappedView(), bmp);
                    }
                } else {
                    if(options.shouldShowImageOnLoading()) {
                        imageAware.setImageDrawable(options.getImageOnLoading(this.configuration.resources));
                    } else if(options.isResetViewBeforeLoading()) {
                        imageAware.setImageDrawable((Drawable)null);
                    }

                    imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey, options, listener, progressListener, this.engine.getLockForUri(uri));
                    LoadAndDisplayImageTask displayTask = new LoadAndDisplayImageTask(this.engine, imageLoadingInfo, defineHandler(options));
                    if(options.isSyncLoading()) {
                        displayTask.run();
                    } else {
                        this.engine.submit(displayTask);
                    }
                }

            }
        }
    }

    public void displayImage(String uri, ImageView imageView) {
        this.displayImage(uri, (ImageAware)(new ImageViewAware(imageView)), (DisplayImageOptions)null, (ImageLoadingListener)null, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageView imageView, DisplayImageOptions options) {
        this.displayImage(uri, (ImageAware)(new ImageViewAware(imageView)), options, (ImageLoadingListener)null, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageView imageView, ImageLoadingListener listener) {
        this.displayImage(uri, (ImageAware)(new ImageViewAware(imageView)), (DisplayImageOptions)null, listener, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageView imageView, DisplayImageOptions options, ImageLoadingListener listener) {
        this.displayImage(uri, (ImageView)imageView, options, listener, (ImageLoadingProgressListener)null);
    }

    public void displayImage(String uri, ImageView imageView, DisplayImageOptions options, ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
        this.displayImage(uri, (ImageAware)(new ImageViewAware(imageView)), options, listener, progressListener);
    }

    public void loadImage(String uri, ImageLoadingListener listener) {
        this.loadImage(uri, (ImageSize)null, (DisplayImageOptions)null, listener, (ImageLoadingProgressListener)null);
    }

    public void loadImage(String uri, ImageSize targetImageSize, ImageLoadingListener listener) {
        this.loadImage(uri, targetImageSize, (DisplayImageOptions)null, listener, (ImageLoadingProgressListener)null);
    }

    public void loadImage(String uri, DisplayImageOptions options, ImageLoadingListener listener) {
        this.loadImage(uri, (ImageSize)null, options, listener, (ImageLoadingProgressListener)null);
    }

    public void loadImage(String uri, ImageSize targetImageSize, DisplayImageOptions options, ImageLoadingListener listener) {
        this.loadImage(uri, targetImageSize, options, listener, (ImageLoadingProgressListener)null);
    }

    public void loadImage(String uri, ImageSize targetImageSize, DisplayImageOptions options, ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
        this.checkConfiguration();
        if(targetImageSize == null) {
            targetImageSize = this.configuration.getMaxImageSize();
        }

        if(options == null) {
            options = this.configuration.defaultDisplayImageOptions;
        }

        NonViewAware imageAware = new NonViewAware(uri, targetImageSize, ViewScaleType.CROP);
        this.displayImage(uri, (ImageAware)imageAware, options, listener, progressListener);
    }

    public Bitmap loadImageSync(String uri) {
        return this.loadImageSync(uri, (ImageSize)null, (DisplayImageOptions)null);
    }

    public Bitmap loadImageSync(String uri, DisplayImageOptions options) {
        return this.loadImageSync(uri, (ImageSize)null, options);
    }

    public Bitmap loadImageSync(String uri, ImageSize targetImageSize) {
        return this.loadImageSync(uri, targetImageSize, (DisplayImageOptions)null);
    }

    public Bitmap loadImageSync(String uri, ImageSize targetImageSize, DisplayImageOptions options) {
        if(options == null) {
            options = this.configuration.defaultDisplayImageOptions;
        }

        options = (new Builder()).cloneFrom(options).syncLoading(true).build();
        ImageLoader.SyncImageLoadingListener listener = new ImageLoader.SyncImageLoadingListener();
        this.loadImage(uri, targetImageSize, options, listener);
        return listener.getLoadedBitmap();
    }

  • 對ImageLoader進行封裝

    建議大家在使用框架的時候，自己再進行一下二次封裝，這樣如果以後換框架，整個專案改動的地方會非常少，而且自己封裝的東西，用起來肯定會更加得心應手。下面是我自己對ImageLoader進行簡單封裝生成的一個類，大家可以參考下然後自己封裝一個最好。

public class ImagerLoaderUtil {

    private ImageLoader imageLoader;
    private DisplayImageOptions options;
    private Context context;
    private static ImagerLoaderUtil imagerLoaderUtil;

    private ImagerLoaderUtil(Context context) {
        super();
        this.context = context;
    }

    public synchronized static ImagerLoaderUtil getInstance(Context context){
        if(imagerLoaderUtil == null){
            imagerLoaderUtil = new ImagerLoaderUtil(context);
            imagerLoaderUtil.initImageLoader();
        }
        return imagerLoaderUtil;
    }

    public void displayMyImage(String imageUrl, ImageView imageView ){
        imageLoader.displayImage(imageUrl, imageView);
    }

    public void displayMyImage(String imageUrl, ImageView imageView,SimpleImageLoadingListener listener ){
        imageLoader.displayImage(imageUrl, imageView, listener);
    }

    public void displayMyImage(String imageUrl, ImageView imageView, int resourceId){
        DisplayImageOptions tempOptions = new DisplayImageOptions.Builder()
        .cacheInMemory(false)//設定下載的圖片是否快取在記憶體
        .cacheOnDisk(true)//設定下載的圖片是否快取在SD卡中
        .showImageOnLoading(resourceId)         // 設定圖片下載期間顯示的圖片  
        .showImageForEmptyUri(resourceId)  // 設定圖片Uri為空或是錯誤的時候顯示的圖片  
        .showImageOnFail(resourceId)       // 設定圖片載入或解碼過程中發生錯誤顯示的圖片  
        .build();
        imageLoader.displayImage(imageUrl, imageView, tempOptions);
    }

    public void displayMyImage(String imageUrl, ImageView imageView, int resourceId, SimpleImageLoadingListener listener) {
        DisplayImageOptions tempOptions = new DisplayImageOptions.Builder()
                .cacheInMemory(false)//設定下載的圖片是否快取在記憶體
                .cacheOnDisk(true)//設定下載的圖片是否快取在SD卡中
                .showImageOnLoading(resourceId)         // 設定圖片下載期間顯示的圖片
                .showImageForEmptyUri(resourceId)  // 設定圖片Uri為空或是錯誤的時候顯示的圖片
                .showImageOnFail(resourceId)       // 設定圖片載入或解碼過程中發生錯誤顯示的圖片
                .build();
        imageLoader.displayImage(imageUrl, imageView, tempOptions, listener);
    }

    public void initImageLoader() {

        DisplayImageOptions options = new DisplayImageOptions.Builder().showStubImage(R.drawable.ic_stub) // 設定圖片下載期間顯示的圖片
                .showImageOnLoading(R.drawable.ic_empty)    //設定下載過程中圖片顯示   
                .showImageForEmptyUri(R.drawable.ic_empty) // 設定圖片Uri為空或是錯誤的時候顯示的圖片
                .showImageOnFail(R.drawable.ic_error) // 設定圖片載入或解碼過程中發生錯誤顯示的圖片
                .cacheInMemory(true) // 設定下載的圖片是否快取在記憶體中
                .cacheOnDisc(true) // 設定下載的圖片是否快取在SD卡中
                .build(); // 建立配置過得DisplayImageOption物件

        ImageLoaderConfiguration config = new ImageLoaderConfiguration
                .Builder(
                context.getApplicationContext())
                .defaultDisplayImageOptions(options)
                .threadPriority(Thread.NORM_PRIORITY - 2)
                .denyCacheImageMultipleSizesInMemory()
                .discCacheFileNameGenerator(new Md5FileNameGenerator())
                .tasksProcessingOrder(QueueProcessingType.LIFO)
                .build();
                imageLoader = ImageLoader.getInstance();
                imageLoader.init(config);   
    }
}
  • 最後附上ImagerLoader在gitHub上面的專案地址：點選開啟

相關推薦

圖片載入框架簡單介紹 ImageLoader 的基本使用

ImageLoader簡單介紹 ImageLoader 是最早開源的 Android 圖片快取庫, 強大的快取機制, 早期使用這個圖片載入框架的Android應用非常多， 至今仍然有不少 Android 開發者在使用。 使用第一步，配置一些引數 D

Android 三大圖片載入框架的對比——ImageLoader,Picasso,Glide

一、ImageLaoder介紹    << Universal ImageLoader 是很早開源的圖片快取，在早期被很多應用使用多執行緒下載圖片，圖片可以來源於網路，檔案系統，專案資料夾assets中以及drawable中等支援隨意的配置ImageLoader，

Android studio 圖片載入框架Glide介紹及使用

在泰國舉行的谷歌開發者論壇上，谷歌為我們介紹了一個名叫 Glide 的圖片載入庫，作者是bumptech。這個庫被廣泛的運用在google的開源專案中，包括2014年google I/O大會上釋出的官方app。 優點： 1，載入速度快 2，使用簡單 3，功能強大 4，記憶體

Android圖片載入框架的簡單比較與理解

轉自 http://www.csdn.net/article/2015-10-21/2825984【CSDN現場報道】10月14日-16日，“ 2015移動開發者大會 · 中國”（Mobile Developer Conference China 2015，簡稱MDCC 2015）在北京新雲南皇冠假

Android圖片載入框架最全解析（一），Glide的基本用法

現在Android上的圖片載入框架非常成熟，從最早的老牌圖片載入框架UniversalImageLoader，到後來Google推出的Volley，再到後來的新興軍Glide和Picasso，當然還有Facebook的Fresco。每一個都非常穩定，功能也都十分強大。但是它們

Android圖片載入框架最全解析（一）Glide的基本用法

現在Android上的圖片載入框架非常成熟，從最早的老牌圖片載入框架UniversalImageLoader，到後來Google推出的Volley，再到後來的新興軍Glide和Picasso，當然還有Facebook的Fresco。每一個都非常穩定，功能也都

Android圖片載入框架Glide的簡單用法

一、概述 Glide是一款由Bump Technologies開發的圖片載入框架，可以在android平臺上以很簡單的方式載入和展示圖片。 目前，Glide最新的穩定版本是3.7.0，這個版本的

Android圖片載入框架Glide的基本用法

那麼本篇文章是這個系列的第一篇文章，我們先來了解一下Glide的基本用法吧。 開始 Glide是一款由Bump Technologies開發的圖片載入框架，使得我們可以在Android平臺上以極度簡單的方式載入和展示圖片。 目前，Glide最新的穩定版

（郭霖）Android圖片載入框架最全解析（一），Glide的基本用法

本文同步發表於我的微信公眾號，掃一掃文章底部的二維碼或在微信搜尋 郭霖 即可關注，每天都有文章更新。 現在Android上的圖片載入框架非常成熟，從最早的老牌圖片載入框架UniversalImageLoader，到後來Google推出的Volley，再到後來的新興軍Glide和Picas

Android圖片載入框架：ImageLoader,Volley,Picasso,Glide,Fresco

1.ImageLoader 2.Volley 3.picasso 4.glide 5.fresco 首先：以前自己一直是使用ImageLoader的，，ImageLoader大家都是知道的，使用最廣泛，使用方式也是最靈活的，，但後續出現

Android 框架-ImageLoader 圖片載入框架

Android 開發中我們會經常會載入網路圖片的需求，目前成熟的圖片載入框架有 Fresco、Glide、Picasso, 比較老的還有UniversaclImageLoader（15年開發的時候還在用這個開源庫，可惜現在已停止維護了）。由於最近想分析下Glid

圖片載入框架 --Picasso 的基本使用

下面是我在學習Picasso過程中做的筆記,思路可能有些凌亂,如果閱讀過程中有發現不準確或者錯誤的地方歡迎交流 內容主要分三部分，第一部分是picasso的基本使用，第二部分是picasso的原始碼閱讀，最後一部分是關於原始碼中一些細節的梳理. 關於圖片載

Android 圖片載入框架Picasso基本使用和原始碼完全解析

寫在之前 原本打算是每週更新一篇博文，同時記錄一週的生活狀態，但是稍微工作忙一點就顧不上寫部落格了。悲催 還是說下最近的狀況，最近兩週一直在接公司申請的計費點， 沃商店，銀貝殼，微信等等，然後就是不停的被人催促催促，真是一個頭兩個大。在這期間專案組還搞了個A

值得推薦的android開發框架簡單介紹

ron 事件 能開 android 開發人員 服務端開發 kjpush 流量 htm 一些總結出來的Android高速開發框架，所有都是開源框架，附帶項目地址，是開發學習的絕佳資料。 Direct-Load-apk項目 項目主頁地址：http://www.kymjs

Rebound動畫框架簡單介紹

reference enc take euler 構造 技術 systems pty instance Rebound動畫框架簡單介紹 Android菜鳥一枚,有不對的地方希望大家指出，謝謝。 最近在接手了一個老項目，發現裏面動畫框架用的是facebook中的Re

1.Angular框架-angular介紹與基本使用，MVC模式介紹

就會 web javascrip 點擊 技術分享 fig page 格式 存儲 1.1. AngularJS概述 1.1.1. 介紹 簡稱：ng Angular是一個MVC框架 AngularJS 誕生於2009年，由 Misko Hevery 等人創建，後為Goog

【Android 進階】圖片載入框架之Glide

生活 cannot 簡單介紹 style codes 詳細 npr 濾鏡 ive 簡單介紹 在泰國舉行的谷歌開發人員論壇上，谷歌為我們介紹了一個名叫 Glid

RIP簡單介紹及基本配置

nbsp ext 路由表 狀態 ethernet pc機 查看 rip v1 watermark 配置R1，R2，R3-RIP版本1R1,R2，R3同下rip 1 network 172.16.0.0debug命令，查看rip數據接收情況debugging rip 1 te

HCNA——RIP簡單介紹及基本配置

除了 rip v1 們的 routing 優先 p地址 response 大小限制 由器 HCNA——RIP簡單介紹及基本配置 路由信息協議RIP 路由信息協議RIP（Routing Information Protocol）的簡稱，它是一種基於距離矢量（Distance-

cassandra簡單介紹與基本操作

一、使用場景： 　　是一款分散式的結構化資料儲存方案(NoSql資料庫)，儲存結構比Key-Value資料庫（像Redis）更豐富，但是比Document資料庫（如Mongodb）支援度有限；適合做資料分析或資料倉庫這類需要迅速查詢且資料量大的應用 　　相關概念：   &n