在项目中我们经常有类似朋友圈或者商品评论这样的需求。有的小伙伴直接在ListView中使用LinearLayout,然后一个个addView添加child view。结果是功能实现了,但是UI卡顿现象很严重,这往往是没有对child view复用造成重复的构造child view导致的。针对这种情况,我们稍微对评论列表container(或者九宫格图片container)复用其构造的child view即可。首先我们判断是当前container是否有评论内容,如果没有,直接隐藏次container即可。否则add child view数量差值,多余的child 隐藏即可。一句话概括:没有隐藏container,少的补全,多余的隐藏。
//当没有评论时直接隐藏该container
if (list == null || list.size() == 0) {
this.setVisibility(View.GONE);
return;
}
this.setVisibility(View.VISIBLE);
//如果该container之前存在child view,则复用,避免重复创建child view,造成ui卡顿;
//若之前的child view数量少于当前list数量,直接add剩余的差值;
//若之前的child view数量大于list数量,只需将多余的部分隐藏即可。
int childCount = getChildCount();
if (childCount < list.size()) {
int size = list.size() - childCount;
for (int i = 0; i < size; i++) {
this.addView(new CommentItemView(getContext()));
}
}
//填充评论item数据
childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
CommentItemView itemView = (CommentItemView) getChildAt(i);
if (i < list.size()) {
itemView.setVisibility(View.VISIBLE);
itemView.setData(list.get(i));
} else {
itemView.setVisibility(View.GONE);
}
}
新手上路,大牛勿喷。