Listview中动态添加另外一种布局

Listview中填充数据是通过adapter适配器，已经填充好了的Listview，现在要添加另外一种布局的数据，如何实现？

本文将解决这一问题。

布局文件中放置一个listview，这里就不贴布局代码了。

首先创建一个数据源，通过for循环创建0到19的数据并将数据填充到arraylist集合中：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) this.findViewById(R.id.listview);
        arrListString = new ArrayList();
        for (int i = 0; i < 20; i++) {
            arrListString.add(Integer.toString(i));
        }
        listAdapter = new MyAdapter(this);
        listView.setAdapter(listAdapter);
    }

然后自定义一个数据适配器，主要重写getViewType方法，该方法通过position返回两种不同的属性值，后面通过判断该属性值来加载对应的布局。

目前实现的是：0,6,12等6的倍数是一种布局，其他位置是另外一种布局。

getViewType方法如下：

//每个convert view都会调用此方法，获得当前所需要的view样式
        @Override
        public int getItemViewType(int position) {          
            int p = position % 6;
            if (p == 0)
                return TYPE_1;            
            else if (p < 6)
                return TYPE_2;
            else
                return TYPE_1;
        }

然后在getview方法中通过判断TYPE的值，来加载不同的布局：

@Override
        public View getView(int position, View convertView, ViewGroup parent) {
            viewHolder1 holder1 = null;
            viewHolder2 holder2 = null;
            int type = getItemViewType(position);
            //无convertView，需要new出各个控件
            if (convertView == null) {
                Log.e("convertView = ", " NULL");
                //按当前所需的样式，确定new的布局
                switch (type) {
                    case TYPE_1:
                        convertView = inflater.inflate(R.layout.listitem1, parent, false);
                        holder1 = new viewHolder1();
                        holder1.textView = (TextView) convertView.findViewById(R.id.textview1);
                        holder1.checkBox = (CheckBox) convertView.findViewById(R.id.checkbox);
                        Log.e("convertView = ", "NULL TYPE_1");
                        convertView.setTag(holder1);
                        break;                    
                    case TYPE_2:
                        convertView = inflater.inflate(R.layout.listitem3, parent, false);
                        holder2 = new viewHolder2();
                        holder2.textView = (TextView) convertView.findViewById(R.id.textview3);
                        holder2.imageView = (ImageView) convertView.findViewById(R.id.imageview);
                        Log.e("convertView = ", "NULL TYPE_2");
                        convertView.setTag(holder2);
                        break;
                }
            } else {
                //有convertView，按样式，取得不同的布局
                switch (type) {
                    case TYPE_1:
                        holder1 = (viewHolder1) convertView.getTag();
                        Log.e("convertView !!!!!!= ", "NULL TYPE_1");
                        break;
                    case TYPE_2:
                        holder2 = (viewHolder2) convertView.getTag();
                        Log.e("convertView !!!!!!= ", "NULL TYPE_2");
                        break;
                }
            }

            //赋值
            switch (type) {
                case TYPE_1:
                    //holder1.textView.setText(Integer.toString(position));
                    holder1.checkBox.setChecked(true);
                    break;                
                case TYPE_2:
                    holder2.textView.setText(Integer.toString(position - position / 6 - 1));
                    holder2.imageView.setBackgroundResource(R.mipmap.ic_launcher);
                    break;
            }
            return convertView;
        }

然后重写getcount方法，返回的总数等于前面arraylist集合的总数+arraylist集合的总数/6（每6条插入一条新的样式）+1（第0个位置插入的新的样式），代码如下：

@Override
        public int getCount() {            
            return arrListString.size() + arrListString.size() / 6 + 1;
        }

这里如果想获取原来arraylist中的位置，比如播放对应视频，需要将position转换为未添加新样式时对应的position，转换方法也简单，一个逆过程：

public int getOriginalPosition(int position){
        int originalPosition = (int)(position - position / 6 - 1);
        if(position == 0){
            originalPosition = 0;
        }
        return originalPosition;
    }

完整代码如下：

package fable.twolayoutlistview;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.CheckBox;
import android.widget.ImageView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    ListView listView;
    MyAdapter listAdapter;
    ArrayList arrListString;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) this.findViewById(R.id.listview);
        arrListString = new ArrayList();
        for (int i = 0; i < 20; i++) {
            arrListString.add(Integer.toString(i));
        }
        listAdapter = new MyAdapter(this);
        listView.setAdapter(listAdapter);
    }

    class MyAdapter extends BaseAdapter {
        Context mContext;
        LayoutInflater inflater;
        final int TYPE_1 = 0;
        final int TYPE_2 = 1;

        public MyAdapter(Context context) {
            mContext = context;
            inflater = LayoutInflater.from(mContext);
        }

        @Override
        public int getCount() {
            return arrListString.size() + arrListString.size() / 6 + 1;
        }

        //每个convert view都会调用此方法，获得当前所需要的view样式
        @Override
        public int getItemViewType(int position) {
            int p = position % 6;
            if (p == 0)
                return TYPE_1;
            else if (p < 6)
                return TYPE_2;
            else
                return TYPE_1;
        }

        @Override
        public int getViewTypeCount() {
            return 2;
        }

        @Override
        public Object getItem(int arg0) {
            return arrListString.get(arg0);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            viewHolder1 holder1 = null;
            viewHolder2 holder2 = null;
            int type = getItemViewType(position);
            //无convertView，需要new出各个控件
            if (convertView == null) {
                Log.e("convertView = ", " NULL");
                //按当前所需的样式，确定new的布局
                switch (type) {
                    case TYPE_1:
                        convertView = inflater.inflate(R.layout.listitem1, parent, false);
                        holder1 = new viewHolder1();
                        holder1.textView = (TextView) convertView.findViewById(R.id.textview1);
                        holder1.checkBox = (CheckBox) convertView.findViewById(R.id.checkbox);
                        Log.e("convertView = ", "NULL TYPE_1");
                        convertView.setTag(holder1);
                        break;
                    case TYPE_2:
                        convertView = inflater.inflate(R.layout.listitem3, parent, false);
                        holder2 = new viewHolder2();
                        holder2.textView = (TextView) convertView.findViewById(R.id.textview3);
                        holder2.imageView = (ImageView) convertView.findViewById(R.id.imageview);
                        Log.e("convertView = ", "NULL TYPE_2");
                        convertView.setTag(holder2);
                        break;
                }
            } else {
                //有convertView，按样式，取得不同的布局
                switch (type) {
                    case TYPE_1:
                        holder1 = (viewHolder1) convertView.getTag();
                        Log.e("convertView !!!!!!= ", "NULL TYPE_1");
                        break;
                    case TYPE_2:
                        holder2 = (viewHolder2) convertView.getTag();
                        Log.e("convertView !!!!!!= ", "NULL TYPE_2");
                        break;
                }
            }

            //赋值
            switch (type) {
                case TYPE_1:
                    //holder1.textView.setText(Integer.toString(position));
                    holder1.checkBox.setChecked(true);
                    break;
                case TYPE_2:
                    holder2.textView.setText(Integer.toString(position - position / 6 - 1));
                    holder2.imageView.setBackgroundResource(R.mipmap.ic_launcher);
                    break;
            }
            return convertView;
        }
    }

    //各个布局的控件资源
    class viewHolder1 {
        CheckBox checkBox;
        TextView textView;
    }

    class viewHolder2 {
        ImageView imageView;
        TextView textView;
    }
}

手机上运行如图所示：