如何在图片未从JSON传入时为ListView列表项设置不同颜色

嘿，这个需求很好实现，咱们一步步来搞定它：

第一步：解析JSON时标记无图片的项 #

首先在解析JSON数据的时候，你需要给每个列表项的数据模型（比如自定义的ListItemBean类）加一个标记位，比如boolean hasImage，用来记录当前项是否有有效图片数据。

举个例子，假设你的JSON结构是这样的：

[
  {"imageUrl": "http://xxx.com/img1.jpg", "text": "有图片的项"},
  {"imageUrl": "", "text": "没有图片的项"},
  {"text": "连imageUrl字段都没有的项"}
]

那解析的时候就可以这么判断：

// 假设用Gson解析，ListItemBean里包含imageUrl、text、hasImage字段
List<ListItemBean> itemList = new Gson().fromJson(jsonStr, new TypeToken<List<ListItemBean>>(){}.getType());
for (ListItemBean item : itemList) {
    // 判断imageUrl是否为空或不存在
    if (TextUtils.isEmpty(item.getImageUrl())) {
        item.setHasImage(false);
    } else {
        item.setHasImage(true);
    }
}

第二步：在ListView的Adapter中设置差异化颜色 #

接下来在你的ListView的Adapter（比如继承BaseAdapter）的getView方法里，根据hasImage标记来设置列表项的背景色或文本颜色。这里推荐用ViewHolder模式，避免重复创建View，提升列表滚动性能。

示例代码如下：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    if (convertView == null) {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item_layout, parent, false);
        holder = new ViewHolder();
        holder.imageView = convertView.findViewById(R.id.item_image);
        holder.textView = convertView.findViewById(R.id.item_text);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    ListItemBean item = mItemList.get(position);
    holder.textView.setText(item.getText());

    // 根据是否有图片设置颜色
    if (item.isHasImage()) {
        // 有图片的情况，设置默认样式
        convertView.setBackgroundColor(ContextCompat.getColor(mContext, R.color.default_bg));
        holder.textView.setTextColor(ContextCompat.getColor(mContext, R.color.default_text));
        // 加载图片，比如用Glide
        Glide.with(mContext).load(item.getImageUrl()).into(holder.imageView);
    } else {
        // 无图片的情况，设置差异化样式
        convertView.setBackgroundColor(ContextCompat.getColor(mContext, R.color.no_image_bg));
        holder.textView.setTextColor(ContextCompat.getColor(mContext, R.color.no_image_text));
        // 隐藏ImageView或设置默认占位图
        holder.imageView.setVisibility(View.GONE);
        // 或者 holder.imageView.setImageResource(R.drawable.default_placeholder);
    }

    return convertView;
}

static class ViewHolder {
    ImageView imageView;
    TextView textView;
}

第三步：额外注意事项 #

• 颜色值建议在res/values/colors.xml里统一定义，方便后续修改：

  <color name="default_bg">#FFFFFF</color>
  <color name="default_text">#333333</color>
  <color name="no_image_bg">#F5F5F5</color>
  <color name="no_image_text">#666666</color>
  

• 如果是用RecyclerView替代ListView，逻辑完全一致，只是把代码移到onBindViewHolder方法中即可。
• 记得处理图片加载失败的场景，比如Glide可以通过error()方法设置占位图，同时把该项标记为无图片状态。

这样就能实现你想要的差异化颜色效果啦！

内容的提问来源于stack exchange，提问作者de vel