首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【译】在列表视图中处理空值

【译】在列表视图中处理空值

作者头像
小鄧子
发布2018-08-20 15:26:28
1.2K0
发布2018-08-20 15:26:28
举报

如何在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中可能出现空加载路径的情况。如果你有任何疑问,请在下方评论。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.06.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何在ListView中处理空值
  • 选项1:滞留空白的ImageView
  • 选项2:显示占位图
  • getView()方法示例
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档