Android开源库——Universal Image Loader

Universal Image Loader

概述

项目地址：https://github.com/nostra13/Android-Universal-Image-Loader

Android library #1 on GitHub. UIL aims to provide a powerful, flexible and highly customizable instrument for image loading, caching and displaying. It provides a lot of configuration options and good control over the image loading and caching process.

特点

• Multithread image loading (async or sync)
• Wide customization of ImageLoader's configuration (thread executors, downloader, decoder, memory and disk cache, display image options, etc.)
• Many customization options for every display image call (stub images, caching switch, decoding options, Bitmap processing and displaying, etc.)
• Image caching in memory and/or on disk (device's file system or SD card)
• Listening loading process (including downloading progress)

Android 2.0+ support

1. 多线程下载图片，图片可以来源于网络，文件系统，项目文件夹assets中以及drawable中
2. 支持随意的配置ImageLoader,例如线程池，图片下载器，内存缓存策略，硬盘缓存策略
3. 图片显示选项以及其他的一些配置
4. 支持图片的内存缓存，文件系统缓存或者SD卡缓存
5. 支持图片下载过程的监听
6. 根据控件(lmageView)的大小对Bitmap进行裁剪，减少Bitmap占用过多的内存
7. 提供在较慢的网络下对图片进行加载

导入使用

 

不过新版的As这个东西改的真难用，又慢又不友好，以新版为例

• 可以像之前文章提到的一样，下载整个项目，导入其library。
• 项目地址提供jar包，也可以考虑使用jar包的形式导入（添加到自己工程library，右键...）
• 也可以通过As的Project Structure来引入，其实本质是一样的

输入universal-image-loader，这个很坑爹，输别的可能搜不到，一定得输这个！

然后一路OK即可

案例

权限

作为一个图片加载器（？），所以必要的权限还是要给的。

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

布局

给一个imageView就好

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

完整代码

注释写的比较详细了，有什么细节需要注意已经写上了

package com.example.a5_17universal_image_loader;

import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Shader;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.FailReason;
import com.nostra13.universalimageloader.core.assist.LoadedFrom;
import com.nostra13.universalimageloader.core.display.BitmapDisplayer;
import com.nostra13.universalimageloader.core.imageaware.ImageAware;
import com.nostra13.universalimageloader.core.listener.ImageLoadingListener;
import com.nostra13.universalimageloader.core.listener.ImageLoadingProgressListener;

public class MainActivity extends AppCompatActivity {
    private String url = "https://i2.sinaimg.cn/edu/2014/1125/U5926P42DT20141125142902.jpg";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView imageView = findViewById(R.id.imageView);
        //也是通过Builder去创建...配置了下面的内容的话，所有使用这个option（载入）下载的图片都会以圆形的形式展现
        DisplayImageOptions options = new DisplayImageOptions.Builder()
                .cacheInMemory(true)//是否启用内存缓存
                .cacheOnDisk(true)//是否启用磁盘缓存
                //可以控制图片展示的样式（形式）
                .displayer(new BitmapDisplayer() {
                    @Override
                    public void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {
                        Bitmap bitmap1 = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
                        Canvas canvas = new Canvas(bitmap1);
                        BitmapShader shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
                        Paint paint = new Paint();
                        paint.setShader(shader);
                        //这里绘制了一个圆形
                        canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2, bitmap.getHeight() / 2, paint);
                        imageAware.setImageBitmap(bitmap1);
                    }
                }).build();

        //构建者..需要一个上下文
        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this)
                .memoryCacheSizePercentage(20)//设置占用内存的百分比（二级缓存
                .diskCacheFileCount(100)//磁盘缓存
                .diskCacheSize(5 * 1024 * 1024)
                //  .defaultDisplayImageOptions(DisplayImageOptions.createSimple())
                //展示图片的一个状态
                .defaultDisplayImageOptions(options)
                .build();

        //构建者必须要有
        ImageLoader.getInstance().init(configuration);

        //以圆形
        //ImageLoader.getInstance().init(ImageLoaderConfiguration.createDefault(this));
        //ImageLoader.getInstance().displayImage(url,imageView);

        //同理，下面的option为五角星样式
        DisplayImageOptions options1 = new DisplayImageOptions.Builder().displayer(
                new BitmapDisplayer() {
                    @Override
                    public void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {
                        Bitmap bitmap1 = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
                        Canvas canvas = new Canvas(bitmap1);
                        BitmapShader shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
                        Paint paint = new Paint();
                        paint.setShader(shader);
                        //graphics包下的...
                        Path path = new Path();
                        path.moveTo(bitmap.getWidth() / 2, 0);
                        path.lineTo(bitmap.getWidth() / 4, bitmap.getHeight());
                        path.lineTo(bitmap.getWidth(), bitmap.getHeight() / 3);
                        path.lineTo(0, bitmap.getHeight() / 3);
                        path.lineTo(bitmap.getWidth() / 4 * 3, bitmap.getHeight());
                        canvas.drawPath(path, paint);
                        imageAware.setImageBitmap(bitmap1);
                    }
                }
        ).build();

        //ImageLoader.getInstance().loadImage();//不展示，仅仅下载一张图片
        //以五角星形

        //加载图片用
        ImageLoader.getInstance().displayImage(url, imageView, options1);

        //下载，提供两个监听ImageLoadingListener、ImageLoadingProgressListener
        ImageLoader.getInstance().displayImage(url, imageView, options1, new ImageLoadingListener() {
            @Override
            public void onLoadingStarted(String imageUri, View view) {

            }

            @Override
            public void onLoadingFailed(String imageUri, View view, FailReason failReason) {

            }

            @Override
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {

            }

            @Override
            public void onLoadingCancelled(String imageUri, View view) {

            }
            //当前进度，如果想要写一个进度条一类的东西，可以在这里
        }, new ImageLoadingProgressListener() {
            @Override
            public void onProgressUpdate(String imageUri, View view, int current, int total) {

            }
        });
    }
}

效果

默认

圆形

五角星形