异步加载的思路参考此帖:http://www.iteye.com/topic/685986
帖子虽然是讲ListView异步加载的,但实际上楼主提供的AsyncImageLoader类在其它需要异步加载图片的地方都能用。
帖子里调用异步加载是在适配器的getView方法里进行的。在ViewPager的适配器类里,没有getView这个方法,但有一个类似的方法:instantiateItem。但在这个方法里进行异步加载会报错。具体报什么错请自行尝试。
有鉴于此,考虑采用其它方法进行异步加载。
ViewPager可以设置OnPageChangeListener监听器,而OnPageChangeListener中有一个onPageSelected方法。从名字上可以看出,该方法是当前页面被“选中”(即显示出来)时调用的方法,因此可考虑在该方法中进行异步加载。
该方法代码如下:
// tag、thisView、thisImg、viewAdapter、loader、urls、R.drawable.default_img请自行定义
// 页面滑动后执行的操作,arg0为滑动至的页面在所有页面中的位置
public void onPageSelected(int arg0) {
tag = String.valueOf(arg0);
thisView = viewList.get(arg0);
thisImg = (ImageView) thisView.findViewById(R.id.picture_show_img);
thisImg.setTag(tag);
// 异步加载图片
Drawable cachedImage = loader.loadDrawable(urls.get(arg0),
new ImageCallback() {
public void imageLoaded(Drawable imageDrawable,
String imageUrl) {
ImageView imageViewByTag = (ImageView) thisView
.findViewWithTag(tag);
if (imageViewByTag != null) {
imageViewByTag.setImageDrawable(imageDrawable);
}
}
});
if (cachedImage == null) {
thisImg.setImageResource(R.drawable.default_img);// 加载默认图片
} else {
thisImg.setImageDrawable(cachedImage);
viewAdapter.notifyDataSetChanged();// 加载完对应图片后通知视图数据项发生变化
}
}
此处需要注意:默认情况下viewAdapter.notifyDataSetChanged()不会导致界面上的图片发生变化。原因及解决方法请参考http://blog.csdn.net/yuzhiboyi/article/details/7642502
到此,ViewPager里图片的异步加载就完成了。目前该方法存在一个问题:只会加载当前的图片,不会自动加载后一张图(但如果把异步加载的代码写在instantiateItem里就可以,但是出现的问题如一开始所述,会报错)。可以考虑如何优化该方法,使其能够在加载完成本页图片后,继续加载下一张图,以获得更好的用户体验。
另外,使用异步加载后,还有一个问题:第一次调用setCurrentItem时,如果传入参数是0(即第一页),仍然无法显示该页图片,仅此一页在这个方法下会出问题,其它页都没问题。但是如果用onPageSelected来设置第一页的显示就没问题。此处作为疑点待后续慢慢找答案。