演示效果:
ImageLoader体验还是不错的。
准备工作
0)准备demo中展示的图片链接(我用python在新浪某个网页爬下来的图片链接。
public class Constants {
public static final String[] IMAGES = new String[]{
"http://n.sinaimg.cn/news/20170106/cOhv-fxzkfuh5815912.jpg",
"http://n.sinaimg.cn/news/20170106/KIiF-fxzkfvn0614393.jpg",
"http://n.sinaimg.cn/news/20170105/QdWr-fxzkssy0738915.jpg",
"http://n.sinaimg.cn/news/20170109/QTig-fxzkfuk2956935.jpg",
"http://n.sinaimg.cn/photo/20170103/NcMh-fxzencv4059029.jpg",
"http://n.sinaimg.cn/news/20170106/nx0G-fxzkfvn0462945.jpg",
"http://n.sinaimg.cn/news/20170106/t3J_-fxzkfuh5640887.jpg",
"http://n.sinaimg.cn/news/20170106/wU62-fxzkssy0884459.jpg",
"http://n.sinaimg.cn/news/20170109/aijL-fxzkfuh6185632.jpg",
"http://n.sinaimg.cn/news/20161230/9AkB-fxzencv2570123.jpg",
"http://n.sinaimg.cn/news/20161201/PZkk-fxyiayr8634345.jpg",
"http://n.sinaimg.cn/news/20161130/TWfj-fxyawmp0642096.jpg",
"http://n.sinaimg.cn/news/20161102/Uiei-fxxfyex5828108.jpg",
"http://n.sinaimg.cn/news/20161018/0d60-fxwvpar8352557.jpg",
"http://n.sinaimg.cn/news/20160921/WqBQ-fxvyqwa3647033.jpg",
"http://n.sinaimg.cn/news/20160830/hath-fxvkkcf6323525.jpg",
"http://n.sinaimg.cn/news/20160909/saUR-fxvukhz1444567.jpg",
"http://n.sinaimg.cn/photo/20160817/ZkS0-fxuxwyx8877444.jpg",
"http://n.sinaimg.cn/news/20160807/NFcm-fxutfpk4938233.jpg",
"http://n.sinaimg.cn/history/20161228/t29C-fxyxusa5682441.jpg",
"http://n.sinaimg.cn/news/transform/20160804/7QRM-fxutfpk4726401.jpg",
"http://n.sinaimg.cn/news/20170103/XEuK-fxzencv3831736.jpg",
"http://n.sinaimg.cn/history/20170106/QmWk-fxzkfvn0469366.jpg",
"http://n.sinaimg.cn/history/20170106/ZCve-fxzkssy0887004.jpg",
"http://n.sinaimg.cn/history/20170106/GP9l-fxzkssy0887319.jpg",
"http://n.sinaimg.cn/news/20170103/Fdqw-fxzencv3829645.jpg",
"http://n.sinaimg.cn/news/20161213/Ej7n-fxypunk6453889.jpg"
};
}
1)导入universal-image-loader-1.9.5.jar到项目中 。
2)创建MyApplication继承Application,在oncreate()中初始化ImageLoader。
(1)初始化ImageLoaderConfiguration。
// 初始化参数
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
.threadPriority(Thread.NORM_PRIORITY - 2) // 线程优先级
.denyCacheImageMultipleSizesInMemory() // 当同一个Uri获取不同大小的图片,缓存到内存时,只缓存一个。默认会缓存多个不同的大小的相同图片
.discCacheFileNameGenerator(new Md5FileNameGenerator()) // 将保存的时候的URI名称用MD5
.tasksProcessingOrder(QueueProcessingType.LIFO) // 设置图片下载和显示的工作队列排序
.writeDebugLogs() // 打印debug log
.build();
(2)ImageLoader全局配置
// 全局初始化此配置
ImageLoader.getInstance().init(config);
3)将创建的MyApplication在AndroidManifest.xml中注册。
4)在AndroidManifest.xml中添加联网权限和写sdk权限。
在ListView中加载图片的步骤
(1)初始化布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<include layout="@layout/titlebar"></include>
<ListView
android:id="@+id/lv_imageloader"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</LinearLayout>
(2)初始化listview并设置适配器
public class ImageloaderListviewActivity extends Activity {
@Bind(R.id.tv_title)
TextView tvTitle;
@Bind(R.id.lv_imageloader)
ListView lvImageloader;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_imageloader_listview);
ButterKnife.bind(this);
initData();
}
private void initData() {
// 初始化标题
tvTitle.setText("Imageloader应用在Listview中");
ImageloaderListviewAdapter imageloaderListviewAdapter = new ImageloaderListviewAdapter(this);
lvImageloader.setAdapter(imageloaderListviewAdapter);
}
}
(3)初始化适配器
public class ImageloaderListviewAdapter extends BaseAdapter {
private Context mContext;
private final ImageLoader imageLoader;
private DisplayImageOptions options = new DisplayImageOptions.Builder()
.showStubImage(R.drawable.error) // 设置图片下载期间显示的图片
.showImageForEmptyUri(R.drawable.error) // 设置图片Uri为空或是错误的时候显示的图片
.showImageOnFail(R.drawable.error) // 设置图片加载或解码过程中发生错误显示的图片
.cacheInMemory(true) // 设置下载的图片是否缓存在内存中
.cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中
.displayer(new RoundedBitmapDisplayer(20)) // 设置成圆角图片
.build(); // 创建配置过得DisplayImageOption对象;
public ImageloaderListviewAdapter(Context context) {
mContext = context;
// 初始化imageloader
imageLoader = ImageLoader.getInstance();
}
@Override
public int getCount() {
return Constants.IMAGES.length;
}
@Override
public Object getItem(int position) {
return Constants.IMAGES[position];
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// 获取或创建viewhoder
Viewholder holder;
if(convertView == null) {
convertView = View.inflate(mContext, R.layout.item_imageloader_listview, null);
holder = new Viewholder(convertView);
convertView.setTag(holder);
}else {
holder = (Viewholder) convertView.getTag();
}
// 获取当前item数据
// 显示数据
holder.name.setText("item"+(position + 1));
imageLoader.displayImage(Constants.IMAGES[position],holder.iv,options);
return convertView;
}
class Viewholder{
@Bind(R.id.iv_imageloader_listview)
ImageView iv;
@Bind(R.id.tv_imageloader_name)
TextView name;
public Viewholder(View view) {
ButterKnife.bind(this,view);
}
}
}