- 原文链接: How to Deal with Null/Empty Values (in ListViews)
- 原文作者: Future Studio
- 译文出自: 小鄧子的简书
- 译者: 小鄧子
- 状态: 完成
如何在ListView中处理空值
本篇文章主要针对两类开发者。第一个是曾遇到过IllegalArgumentException: Path must not be empty
问题的开发者。第二个则是当ListView使用了未被完整加载的图像,应用程序仍能正确运转的开发者们。
我们将在SimpleImageListAdapter
类中进行演示,你应该已经在ListView blog post of this Picasso series中略微的了解过了。我们将继续使用相同的类和方法函数:
public class SimpleImageListAdapter extends ArrayAdapter {
private Context context;
private LayoutInflater inflater;
private String[] imageUrls;
public SimpleImageListAdapter(Context context, String[] imageUrls) {
super(context, R.layout.listview_item_image, imageUrls);
this.context = context;
this.imageUrls = imageUrls;
inflater = LayoutInflater.from(context);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// changed, see next code blog
}
}
现在,让我们一起看看最有趣的部分也就是getView()
函数。首先,你应该先校验一下传入的图像URL是null
还是空字符串。当然,Android提供了TextUtils.isEmpty()
,这个API对我们来说有很大的帮助。
如果传入的图像URL是空的,你要从究竟是滞留一个空白ImageView
还是展示一个占位图,这二者之间做出选择。
选项1:滞留空白的ImageView
如果你想滞留空白的ImagView,就需要调用cancelRequest()
来取消Picasso请求。这样做的目的是保证特定的ImageView
上没有正在进行的请求。由于ListView
中的ImageView
是通过系统的调度来实现复用的,所以当用户快速滚动时可能出现图片错乱的现象,而这样做能够有效避免当前Item拿到了先前的图像,而造成图像显示不准确的情况发生。
第二部分就是重置ImageView
。你不应该使用Picasso去置空ImageView
,你应该调用imageView.setImageDrawable(null)
。最后,你需要考虑的就是UI展示效果,毕竟一个留白的ImageView
挺丑的。
选项2:显示占位图
另一个选择就是使用占位图来代替空白的ImageView
。这种完全取决于你的个人观念和用户体验。
如果你决定使用一个占位图,就应该通过Picasso来实现它。你可以使用这种常规的链式调用方式.load().into(imageView)
来加载一张占位图。这样做的好处就不再需要手动调用cancelRequest()
了,因为Picasso会为即将到来的ImageView
仅自动的加载一次图像。
getView()方法示例
让我们把这一切放在一起,看看整个代码片段在新getView()
方法中的样子:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (null == convertView) {
convertView = inflater.inflate(R.layout.listview_item_image, parent, false);
}
ImageView imageView = (ImageView) convertView;
if (TextUtils.isEmpty(imageUrls[position])) {
// option 1: cancel Picasso request and clear ImageView
Picasso
.with(context)
.cancelRequest(imageView);
imageView.setImageDrawable(null);
// option 2: load placeholder with Picasso
/*
Picasso
.with(context)
.load(R.drawable.floorplan)
.into(imageView);
*/
}
else {
Picasso
.with(context)
.load(imageUrls[position])
.fit() // will explain later
.into(imageView);
}
return convertView;
}
我们通过检查图像URL是否为null
的方式对getView()
做出了修改。现在,我们算是激活了“可选择性置空ImageView”的方案。
总的来说,这里已经给了你足够的信息,用来处理ListView
中可能出现空加载路径的情况。如果你有任何疑问,请在下方评论。