第三方框架ImageLoader显示不同图片风格

  • 1.添加依赖包:

compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

  • 2.添加权限

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

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/iv_img1"
            android:layout_width="250dp"
            android:layout_height="150dp"
            android:layout_marginTop="5dp"/>
        <ImageView
            android:id="@+id/iv_img2"
            android:layout_width="250dp"
            android:layout_height="150dp"
            android:layout_marginTop="10dp"/>
        <ImageView
            android:id="@+id/iv_img3"
            android:layout_width="300dp"
            android:layout_height="200dp"
            />
        <ImageView
            android:id="@+id/iv_img4"
            android:layout_width="250dp"
            android:layout_height="150dp"
            />
    </LinearLayout>
</ScrollView>

MainActivity.java

public class MainActivity extends Activity {

    private ImageView mImageView1, mImageView2, mImageView3, mImageView4;
    private DisplayImageOptions mOptions1, mOptions2, mOptions3, mOptions4;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_loader);
        initView();
        initData();
    }

    private void initData() {
        String uri = "http://pic51.nipic.com/file/20141027/11284670_094822707000_2.jpg";
        ImageLoaderConfiguration configuration = ImageLoaderConfiguration.createDefault(this);

        ImageLoader.getInstance().init(configuration);

        DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showImageOnFail(R.mipmap.ic_launcher)
                .showImageOnLoading(R.mipmap.ic_launcher)
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new CircleBitmapDisplayer())
                .build();

        ImageLoader.getInstance().displayImage(uri, mImageView1, options);

        //显示圆形图片,使用该效果,必须在布局中显式指定显示图片控件的宽高
        mOptions1 = new DisplayImageOptions.Builder()
                .showImageOnFail(R.mipmap.ic_launcher)
                .showImageOnLoading(R.mipmap.ic_launcher)
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new CircleBitmapDisplayer())
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView1, mOptions1);

        //显示圆角图片,使用该效果,必须在布局中显式指定显示图片控件的宽高
        mOptions2 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new RoundedBitmapDisplayer(90))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView2, mOptions2);

        //圆角缩放图片图片,使用该效果,必须在布局中显式指定显示图片控件的宽高
        mOptions3 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new RoundedVignetteBitmapDisplayer(200, 100))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView3, mOptions3);

        //渐显图片
        mOptions4 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new FadeInBitmapDisplayer(5000))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView4, mOptions4);

    }

    private void initView() {
        mImageView1 = (ImageView) findViewById(R.id.iv_img1);
        mImageView2 = (ImageView) findViewById(R.id.iv_img2);
        mImageView3 = (ImageView) findViewById(R.id.iv_img3);
        mImageView4 = (ImageView) findViewById(R.id.iv_img4);
    }
}

ImageLoaderConfiguration 详细配置

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
                 .memoryCacheExtraOptions(480, 800) // 指定缓存到内存时图片的大小,默认是屏幕尺寸的长宽
                 .diskCacheExtraOptions(480, 800, null) // 指定缓存到硬盘时图片的大小,并不建议使用
                 .taskExecutor(new Executor()) // 自定义一个线程来加载和显示图片
                 .taskExecutorForCachedImages(new Executor())// 自定义一个线程来缓存图片
                 .threadPoolSize(3) // default, 指定线程池大小
                 .threadPriority(Thread.NORM_PRIORITY - 2) // default ,指定线程优先级
                 .tasksProcessingOrder(QueueProcessingType.FIFO) // default , 指定加载显示图片的任务队列的类型
                 .denyCacheImageMultipleSizesInMemory() // 禁止在内存中缓存同一张图片的多个尺寸类型
                 .memoryCache(new LruMemoryCache(2 * 1024 * 1024)) // 指定内存缓存的大小,默认值为1/8 应用的最大可用内存
                 .memoryCacheSize(2 * 1024 * 1024)
                 .memoryCacheSizePercentage(13) // default
                 .diskCache(new UnlimitedDiskCache(cacheDir)) // default , 指定硬盘缓存的地址
                 .diskCacheSize(50 * 1024 * 1024) // 指定硬盘缓存的大小
                 .diskCacheFileCount(100) // 指定硬盘缓存的文件个数
                 .diskCacheFileNameGenerator(new HashCodeFileNameGenerator()) // default , 指定硬盘缓存时文件名的生成器
                 .imageDownloader(new BaseImageDownloader(context)) // default , 指定图片下载器
                 .imageDecoder(new BaseImageDecoder()) // default , 指定图片解码器
                 .defaultDisplayImageOptions(DisplayImageOptions.createSimple()) // default , 指定图片显示的配置
                 .writeDebugLogs() // 是否显示Log
                 .build();

DisplayImageOptions 参数详解:

DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showImageOnLoading(R.drawable.ic_stub) // 图片正在加载时显示的图片资源ID
                .showImageForEmptyUri(R.drawable.ic_empty) // URI为空时显示的图片资源ID
                .showImageOnFail(R.drawable.ic_error) // 图片加载失败时显示的图片资源ID
                .resetViewBeforeLoading(false)  // default 图片在下载前是否重置,复位
                .delayBeforeLoading(1000) // 图片开始加载前的延时.默认是0
                .cacheInMemory(false) // default , 是否缓存在内存中, 默认不缓存
                .cacheOnDisk(false) // default , 是否缓存在硬盘 , 默认不缓存
                .preProcessor(new BitmapProcessor) // 设置图片缓存在内存前的图片处理器
                .postProcessor(new BitmapProcessor) // 设置图片在缓存到内存以后 , 显示在界面之前的图片处理器
                .extraForDownloader(...) // 为图片下载设置辅助参数
                .considerExifParams(false) // default , 设置是否考虑JPEG图片的EXIF参数信息,默认不考虑
                .imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default , 指定图片缩放的方式,ListView/GridView/Gallery推荐使用此默认值
                .bitmapConfig(Bitmap.Config.ARGB_8888) // default , 指定图片的质量,默认是 ARGB_8888
                .decodingOptions(...) // 指定图片的解码方式
                .displayer(new SimpleBitmapDisplayer()) // default , 设置图片显示的方式,用于自定义
                .handler(new Handler()) // default ,设置图片显示的方式和ImageLoadingListener的监听, 用于自定义
                .build();

运行结果:


Screenshot_2016-10-07-16-51-34--569904048.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,909评论 25 708
  • 一.榜单介绍 排行榜包括四大类: 单一框架:仅提供路由、网络层、UI层、通信层或其他单一功能的框架 混合开发框架:...
    伟子男阅读 5,257评论 0 161
  • 附上原文作者连接:作者:金诚 一.榜单介绍 排行榜包括四大类: 单一框架:仅提供路由、网络层、UI层、通信层或其他...
    这个美嘉不姓陈阅读 2,277评论 1 35
  • 点绛唇·竹笛 紫竹空心,深居山野仙云客。精雕细刻,瘦管终为笛。 雅韵轻吹,一曲长天碧。人寂寂,临风玉立,却把青春忆...
    不语不问阅读 282评论 0 2
  • 清晨,被噩梦惊醒
    foll123阅读 134评论 0 0