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。

相关文章

中文分词jieba库的使用与实景应用（一）

中文分词jieba库的使用与实景应用（一）

知识星球：https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义： 精确模式（默认模式）： 全模式： 搜索引擎模式： paddle 模式（基于深度学习的分词模式）： 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取
阅读更多...
使用SecondaryNameNode恢复NameNode的数据

使用SecondaryNameNode恢复NameNode的数据

1）需求： NameNode进程挂了并且存储的数据也丢失了，如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2）故障模拟 （1）kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 （2）删除NameNode存储的数据（/opt/module/hadoop-3.1.4/data/tmp/dfs/na
阅读更多...
Hadoop数据压缩使用介绍

Hadoop数据压缩使用介绍

一、压缩原则 （1）运算密集型的Job，少用压缩 （2）IO密集型的Job，多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1）为了支持多种压缩/解压缩算法，Hadoop引入了编码/解码器 2）要在Hadoop中启用压缩，可以配置如下参数
阅读更多...
Makefile简明使用教程

Makefile简明使用教程

文章目录 规则makefile文件的基本语法：加在命令前的特殊符号：.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具，常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件
阅读更多...
使用opencv优化图片（画面变清晰）

使用opencv优化图片（画面变清晰）

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化，使其看起来更清晰，同时保持尺寸不变，通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多，主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器：相机传
阅读更多...
pdfmake生成pdf的使用

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据，将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma
阅读更多...
零基础学习Redis(10) -- zset类型命令使用

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合，内部除了存储元素外，还会存储一个score，存储在zset中的元素会按照score的大小升序排列，不同元素的score可以重复，score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]
阅读更多...
git使用的说明总结

git使用的说明总结

Git使用说明 下载安装(下载地址) macOS: Git - Downloading macOS Windows: Git - Downloading Windows Linux/Unix: Git (git-scm.com) 创建新仓库 本地创建新仓库：创建新文件夹，进入文件夹目录，执行指令 git init ，用以创建新的git 克隆仓库 执行指令用以创建一个本地仓库的
阅读更多...
【北交大信息所AI-Max2】使用方法

【北交大信息所AI-Max2】使用方法

BJTU信息所集群AI_MAX2使用方法 使用的前提是预约到相应的算力卡，拥有登录权限的账号密码，一般为导师组共用一个。 有浏览器、ssh工具就可以。 1.新建集群Terminal 浏览器登陆10.126.62.75 （如果是1集群把75改成66） 交互式开发 执行器选Terminal 密码随便设一个（需记住） 工作空间：私有数据、全部文件 加速器选GeForce_RTX_2080_Ti
阅读更多...
cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?

cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈？ cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2