ImageLoader框架使用

2024-06-04 21:38
文章标签 使用 框架 imageloader

本文主要是介绍ImageLoader框架使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、imageLoader以前是一个很火的图片框架，现在已经比较少人使用了。imageLoader有以下优点：

(1).使用多线程加载图片
(2).灵活配置ImageLoader的基本参数，包括线程数、缓存方式、图片显示选项等；
(3).图片异步加载缓存机制，包括内存缓存及SDCard缓存；
(4).采用监听器监听图片加载过程及相应事件的处理；
(5).配置加载的图片显示选项，比如图片的圆角处理及渐变动画。

官方下载：https://github.com/nostra13/Android-Universal-Image-Loader

这里使用介绍使用在listView、GridView、viewPager三种方式。

1、首先在build.gradle中添加下面代码，然后更新工程

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

2、新建一个MyApplication继承Application,并在AndroidManifest.xml中配置。 

package com.example.apple.imageloader;import android.app.Application;
import android.content.Context;import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.cache.memory.impl.UsingFreqLimitedMemoryCache;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.QueueProcessingType;
import com.nostra13.universalimageloader.core.download.BaseImageDownloader;/*** Created by apple on 17/1/4.*/public class MyApplication extends Application{@Overridepublic void onCreate() {super.onCreate();initImageLoader(getApplicationContext());}public static void initImageLoader(Context context) {//缓存文件的目录//  File cacheDir = StorageUtils.getOwnCacheDirectory(context, imageloader/Cache);ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).memoryCacheExtraOptions(480, 800) // max width, max height，即保存的每个缓存文件的最大长宽.threadPoolSize(3) //线程池内加载的数量.threadPriority(Thread.NORM_PRIORITY - 2).denyCacheImageMultipleSizesInMemory().diskCacheFileNameGenerator(new Md5FileNameGenerator()) //将保存的时候的URI名称用MD5 加密.memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 * 1024)) // You can pass your own memory cache implementation/你可以通过自己的内存缓存实现.memoryCacheSize(2 * 1024 * 1024) // 内存缓存的最大值.diskCacheSize(50 * 1024 * 1024)  // 50 Mb sd卡(本地)缓存的最大值.tasksProcessingOrder(QueueProcessingType.LIFO)// 由原先的discCache -> diskCache//.diskCache(new UnlimitedDiscCache(cacheDir))//自定义缓存路径.imageDownloader(new BaseImageDownloader(context, 5 * 1000, 30 * 1000)) // connectTimeout (5 s), readTimeout (30 s)超时时间.writeDebugLogs() // Remove for release app.build();//全局初始化此配置ImageLoader.getInstance().init(config);}
}
3、在AndroidManifest.xml中添加用到的权限 

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.example.apple.imageloader"><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"></uses-permission><uses-permission android:name="android.permission.INTERNET"></uses-permission><applicationandroid:name=".MyApplication"android:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:supportsRtl="true"android:theme="@style/AppTheme"><activity android:name=".MainActivity"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity><activity android:name=".ImageLoaderListViewActivity" /><activity android:name=".ImageLoaderGridViewActivity" /><activity android:name=".ImageLoaderViewPagerActivity"></activity></application></manifest>
4、新建一个Constants类用于存放图片 

package com.example.apple.imageloader;/*** Created by apple on 17/1/4.*/public class Constants {public static final String[] IMAGES = new String[]{"http://himg.bdimg.com/sys/portrait/item/4690e59089e99490e4b89ae58aa10c24.jpg","http://himg.bdimg.com/sys/portrait/item/4690e59089e99490e4b89ae58aa10c24.jpg","http://himg.bdimg.com/sys/portrait/item/4690e59089e99490e4b89ae58aa10c24.jpg","http://h.hiphotos.baidu.com/exp/w=480/sign=b5061aae6f224f4a5799721b39f59044/342ac65c10385343fc0feba99113b07ecb808871.jpg","http://img5.mtime.cn/mg/2016/12/26/164311.99230575.jpg","http://img5.mtime.cn/mg/2016/12/26/164311.99230575.jpg"};
}
5、在listView中的使用，布局就一个listView

新建一个ImageLoaderListViewAdapter继承BaseAdapter然后实现它的方法。这里是使用ImageLoader,所以先在g构造方法中初始化它， 

imageLoader = ImageLoader.getInstance();
使用方法，其中第一个参数是图片，第二个是控件，第三个是options 

imageLoader.displayImage(Constants.IMAGES[position],viewHolder.imageLoaders,options);
使用DisplayImageOptions.Builder()创建DisplayImageOptions这个使用的时候拷过来就好。 

// 使用DisplayImageOptions.Builder()创建DisplayImageOptionsprivate DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.mipmap.ic_launcher) // 设置图片下载期间显示的图片.showImageForEmptyUri(R.mipmap.ic_launcher) // 设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.mipmap.ic_launcher) // 设置图片加载或解码过程中发生错误显示的图片.cacheInMemory(true) // 设置下载的图片是否缓存在内存中.cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中.displayer(new RoundedBitmapDisplayer(20)) // 设置成圆角图片.bitmapConfig(Bitmap.Config.RGB_565).build(); // 构建完成
完全代码 
package com.example.apple.imageloader.adapter;import android.content.Context;
import android.graphics.Bitmap;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;import com.example.apple.imageloader.Constants;
import com.example.apple.imageloader.R;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;import butterknife.BindView;
import butterknife.ButterKnife;/*** Created by apple on 17/1/4.*/public class ImageLoaderListViewAdapter extends BaseAdapter {private Context mContext;private ImageLoader imageLoader;// 使用DisplayImageOptions.Builder()创建DisplayImageOptionsprivate DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.mipmap.ic_launcher) // 设置图片下载期间显示的图片.showImageForEmptyUri(R.mipmap.ic_launcher) // 设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.mipmap.ic_launcher) // 设置图片加载或解码过程中发生错误显示的图片.cacheInMemory(true) // 设置下载的图片是否缓存在内存中.cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中.displayer(new RoundedBitmapDisplayer(20)) // 设置成圆角图片.bitmapConfig(Bitmap.Config.RGB_565).build(); // 构建完成public ImageLoaderListViewAdapter(Context context) {mContext = context;//初始化imageimageLoader = ImageLoader.getInstance();}@Overridepublic int getCount() {return Constants.IMAGES.length;}@Overridepublic Object getItem(int position) {return Constants.IMAGES[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {//获取或创建viewHolderViewHolder viewHolder = null;if (convertView == null) {convertView = View.inflate(mContext, R.layout.item_imageloader_listview, null);viewHolder = new ViewHolder(convertView);convertView.setTag(viewHolder);} else {viewHolder = (ViewHolder) convertView.getTag();}//显示数据viewHolder.tvImageLoader.setText("item"+(position+1));imageLoader.displayImage(Constants.IMAGES[position],viewHolder.imageLoaders,options);return convertView;}class ViewHolder {@BindView(R.id.imageLoaders)ImageView imageLoaders;@BindView(R.id.tv_imageLoader)TextView tvImageLoader;ViewHolder(View view) {ButterKnife.bind(this, view);}}
}
在ImageLoaderListViewActivity中初始化使用adapter 

package com.example.apple.imageloader;import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;import com.example.apple.imageloader.adapter.ImageLoaderListViewAdapter;import butterknife.BindView;
import butterknife.ButterKnife;public class ImageLoaderListViewActivity extends AppCompatActivity {@BindView(R.id.lv_imageLoader)ListView lvImageLoader;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_image_loader_list_view);ButterKnife.bind(this);initData();}private void initData() {ImageLoaderListViewAdapter imageLoaderListViewAdapter = new ImageLoaderListViewAdapter(this);lvImageLoader.setAdapter(imageLoaderListViewAdapter);}
}
6、在GridView中显示。



实现代码，跟上面差不多，不详细讲解，可看代码

package com.example.apple.imageloader.adapter;import android.content.Context;
import android.graphics.Bitmap;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;import com.example.apple.imageloader.Constants;
import com.example.apple.imageloader.R;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;import butterknife.BindView;
import butterknife.ButterKnife;/*** Created by apple on 17/1/4.*/public class ImageLoaderGridviewAdapter extends BaseAdapter {private Context mContext;ImageLoader imageLoader;// 使用DisplayImageOptions.Builder()创建DisplayImageOptionsprivate DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.mipmap.ic_launcher) // 设置图片下载期间显示的图片.showImageForEmptyUri(R.mipmap.ic_launcher) // 设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.mipmap.ic_launcher) // 设置图片加载或解码过程中发生错误显示的图片.cacheInMemory(true) // 设置下载的图片是否缓存在内存中.cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中.displayer(new RoundedBitmapDisplayer(20)) // 设置成圆角图片.bitmapConfig(Bitmap.Config.RGB_565).build(); // 构建完成public ImageLoaderGridviewAdapter(Context context) {mContext = context;//单例ImageLoader类的初始化imageLoader = ImageLoader.getInstance();}@Overridepublic int getCount() {return Constants.IMAGES.length;}@Overridepublic Object getItem(int position) {return Constants.IMAGES[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;if (convertView == null) {convertView = View.inflate(mContext, R.layout.item_imageloader_gridview, null);viewHolder = new ViewHolder(convertView);convertView.setTag(viewHolder);} else {viewHolder = (ViewHolder)convertView.getTag();}imageLoader.displayImage(Constants.IMAGES[position],viewHolder.image,options);return convertView;}static class ViewHolder {@BindView(R.id.image)ImageView image;ViewHolder(View view) {ButterKnife.bind(this, view);}}
}
初始化使用 
package com.example.apple.imageloader;import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.GridView;import com.example.apple.imageloader.adapter.ImageLoaderGridviewAdapter;import butterknife.BindView;
import butterknife.ButterKnife;public class ImageLoaderGridViewActivity extends AppCompatActivity {@BindView(R.id.gridView)GridView gridView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_image_loader_grid_view);ButterKnife.bind(this);initView();}private void initView() {ImageLoaderGridviewAdapter imageLoaderGridviewAdapter = new  ImageLoaderGridviewAdapter(this);gridView.setAdapter(imageLoaderGridviewAdapter);}
}
7、在viewPager中使用 


package com.example.apple.imageloader.adapter;import android.content.Context;
import android.graphics.Bitmap;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;import com.example.apple.imageloader.Constants;
import com.example.apple.imageloader.R;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.assist.ImageScaleType;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;/*** Created by apple on 17/1/4.*/public class ImageLoaderViewPagerAdapter extends PagerAdapter{private Context mContext;private ImageLoader imageLoader;// 使用DisplayImageOptions.Builder()创建DisplayImageOptionsprivate DisplayImageOptions options = new DisplayImageOptions.Builder().showImageOnLoading(R.mipmap.ic_launcher) // 设置图片下载期间显示的图片.showImageForEmptyUri(R.mipmap.ic_launcher) // 设置图片Uri为空或是错误的时候显示的图片.showImageOnFail(R.mipmap.ic_launcher) // 设置图片加载或解码过程中发生错误显示的图片.cacheInMemory(true) // 设置下载的图片是否缓存在内存中.cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中.imageScaleType(ImageScaleType.EXACTLY)//设置图片解码类型.displayer(new RoundedBitmapDisplayer(20)) // 设置成圆角图片.bitmapConfig(Bitmap.Config.RGB_565).build(); // 构建完成public ImageLoaderViewPagerAdapter(Context context) {mContext = context;//单例ImageLoader类的初始化imageLoader = ImageLoader.getInstance();}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {((ViewPager)container).removeView((View)object);}@Overridepublic Object instantiateItem(ViewGroup container, int position) {View view = View.inflate(mContext, R.layout.item_imageloader_viewpager,null);ImageView iv = (ImageView) view.findViewById(R.id.iv_image);imageLoader.displayImage(Constants.IMAGES[position],iv,options);((ViewPager)container).addView(view,0);return view;}@Overridepublic int getCount() {return Constants.IMAGES.length;}@Overridepublic boolean isViewFromObject(View view, Object object) {return view.equals(object);}
}

package com.example.apple.imageloader;import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;import com.example.apple.imageloader.adapter.ImageLoaderViewPagerAdapter;import butterknife.BindView;
import butterknife.ButterKnife;public class ImageLoaderViewPagerActivity extends AppCompatActivity {@BindView(R.id.viewPager)ViewPager viewPager;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_image_loader_view_pager);ButterKnife.bind(this);initData();}private void initData() {ImageLoaderViewPagerAdapter imageLoaderViewPagerAdapter = new ImageLoaderViewPagerAdapter(this);viewPager.setAdapter(imageLoaderViewPagerAdapter);}
}
最后如果有什么不懂的可下载代码看： http://download.csdn.net/detail/u011324501/9729153







这篇关于ImageLoader框架使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1031190。

相关文章

如何使用celery进行异步处理和定时任务(django)

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery
阅读更多...
使用Python绘制蛇年春节祝福艺术图

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》：本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3
阅读更多...
Jsoncpp的安装与使用方式

Jsoncpp的安装与使用方式

《Jsoncpp的安装与使用方式》JsonCpp是一个用于解析和生成JSON数据的C++库,它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式,安装JsonCpp可以通过... 目录安装jsoncppJsoncpp的使用Value类构造函数检测保存的数据类型提取数据对json数
阅读更多...
python使用watchdog实现文件资源监控

python使用watchdog实现文件资源监控

《python使用watchdog实现文件资源监控》watchdog支持跨平台文件资源监控,可以检测指定文件夹下文件及文件夹变动,下面我们来看看Python如何使用watchdog实现文件资源监控吧... python文件监控库watchdogs简介随着Python在各种应用领域中的广泛使用，其生态环境也
阅读更多...
Python中构建终端应用界面利器Blessed模块的使用

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置：简单、快速、无障碍二、基本功能：从彩色文本到动态交互1. 显示基本内容2. 创建链
阅读更多...
springboot整合 xxl-job及使用步骤

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面，确认是否启动成功
阅读更多...
使用Nginx来共享文件的详细教程

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中，我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —
阅读更多...
Java中switch-case结构的使用方法举例详解

Java中switch-case结构的使用方法举例详解

《Java中switch-case结构的使用方法举例详解》：本文主要介绍Java中switch-case结构使用的相关资料,switch-case结构是Java中处理多个分支条件的一种有效方式,它... 目录前言一、switch-case结构的基本语法二、使用示例三、注意事项四、总结前言对于Java初学者
阅读更多...
Golang使用minio替代文件系统的实战教程

Golang使用minio替代文件系统的实战教程

《Golang使用minio替代文件系统的实战教程》本文讨论项目开发中直接文件系统的限制或不足,接着介绍Minio对象存储的优势,同时给出Golang的实际示例代码,包括初始化客户端、读取minio对... 目录文件系统 vs Minio文件系统不足：对象存储：miniogolang连接Minio配置Min
阅读更多...
使用Python绘制可爱的招财猫

使用Python绘制可爱的招财猫

《使用Python绘制可爱的招财猫》招财猫,也被称为“幸运猫”,是一种象征财富和好运的吉祥物,经常出现在亚洲文化的商店、餐厅和家庭中,今天,我将带你用Python和matplotlib库从零开始绘制一... 目录1. 为什么选择用 python 绘制？2. 绘图的基本概念3. 实现代码解析3.1 设置绘图画
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2