ListView 加载动态改变的 item

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 是最好的。
当然肯定有更好的方法，只是我还没有想到，如果大家有更好的方法，希望可以多多交流。