ListView 加载动态改变的 item
正常情况下,ListView 是可以加载不同的 item,因为 ListView 的 BaseAdapter 中有 getItemType 方法,可以重写该方法,在 getView 中,通过不同的 itemType 加载不同的 ViewHolder。
然而,我接受到了一个需求,虽然我不认为该需求是一个合理的需求,但是还是要去实现。
需求大致如下,根据后台返回的 json 数据,加载不同的信息,该信息类别数量不一致,大致界面入下。
界面根据返回的数据,将数据横向展示,也就是说,每个 item 要展示的信息数目不确定。
通常的做法应该是 item 的布局中只放置一个 LinearLayout,然后根据不同的数据数量,动态 new TextView(); 然后添加到 LinearLayout 中。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
ArrayList<String> strs = data.get(position);
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.item_my_listview, parent, false);
holder.ll = (LinearLayout) convertView.findViewById(R.id.ll_itemMyListView);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.ll.removeAllViews();
for (int i = 0; i < strs.size(); i++) {
TextView tv = (TextView) LayoutInflater.from(context).inflate(R.layout.tv_my_listview, null);
tv.setText(strs.get(i));
holder.ll.addView(tv);
}
return convertView;
}
这种实现方式可以做到,但是唯一不好的地方就是,因为绘制 item 时,要动态的去 new TextView(); 会出现一点点的卡顿现象,那么可不可以实现复用呢。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
ArrayList<String> strs = data.get(position);
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.item_my_listview, parent, false);
holder.ll = (LinearLayout) convertView.findViewById(R.id.ll_itemMyListView);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
int tvCount = holder.ll.getChildCount();
if(tvCount == strs.size()) {
for (int i = 0; i < strs.size(); i++) {
holder.ll.getChildAt(i).setVisibility(View.VISIBLE);
((TextView)holder.ll.getChildAt(i)).setText(strs.get(i));
}
} else if(tvCount<strs.size()) {
for (int i = 0; i <tvCount; i++) {
holder.ll.getChildAt(i).setVisibility(View.VISIBLE);
((TextView)holder.ll.getChildAt(i)).setText(strs.get(i));
}
for(int i=tvCount;i<strs.size();i++) {
TextView textView =new TextView(context);
textView.setText(strs.get(i));
textView.setGravity(Gravity.CENTER);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
params.weight = 1.0f;
textView.setLayoutParams(params);
holder.ll.addView(textView);
}
}else if(tvCount>strs.size()) {
for (int i = 0; i < strs.size(); i++) {
holder.ll.getChildAt(i).setVisibility(View.VISIBLE);
((TextView)holder.ll.getChildAt(i)).setText(strs.get(i));
}
for (int i = strs.size(); i <tvCount; i++) {
holder.ll.getChildAt(i).setVisibility(View.GONE);
}
}
return convertView;
}
这样看来,最终的结果应该是,每一条都复用了一个数据最多的 item 的 view,其他的都隐藏掉了,这样可以实现不卡顿的效果。这个是同事帮我想的。
后来借鉴了一些微信点赞的仿写的例子,我觉得这个思路可以实现当前的效果,只是加载显示一些数据,可以重写一个 textView,将数据自定义绘制,比如需要绘制两条数据,那我就把 textView 的长度平均分成两份,将两条数据分别在每份中居中绘制即可。
public class MyTextView extends android.support.v7.widget.AppCompatTextView {
private ArrayList<String> data;
private Paint paint;
private int width;
private int height;
public MyTextView(Context context) {
super(context);
init();
}
public MyTextView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public MyTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
paint = new Paint();
paint.setColor(Color.BLACK);
paint.setTextSize(36);
}
public void setData(ArrayList<String> data) {
this.data = data;
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
width = getWidth();// 获取 textView 的长度
height = getHeight();// 获取 textView 的宽度
if (data != null && data.size() > 0) {
int num = data.size();
int partWidth = width / num;// 将 textView 平均分成 N 份
for (int i = 0; i < data.size(); i++) {
String str = data.get(i);
float textWidth = paint.measureText(str);
canvas.drawText(str, partWidth / 2 - textWidth / 2 + i * partWidth, paint.getFontSpacing(), paint);// 绘制文本
}
}
}
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
ArrayList<String> strs = data.get(position);
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(context).inflate(R.layout.item_my_listview, parent, false);
holder.myTextView = (MyTextView) convertView.findViewById(R.id.myTextView);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.myTextView.setData(strs);
return convertView;
}
最终看来,卡顿的现象应该是 addView 操作成,所以,避免 addView 是最好的。
当然肯定有更好的方法,只是我还没有想到,如果大家有更好的方法,希望可以多多交流。