Android 用ListView打造了一个独特的页面展示 , 简称ListView多布局

使用listview多布局会出现一点问题：

由于多个item布局给单一的item布局是不一样的，使用起来，contentview的复用会出现问题。

避免出现问题的有这几个方法：

1.重写 getViewTypeCount() – 该方法返回多少个不同的布局
2.重写 getItemViewType(int) – 根据position返回相应的Item
3.根据view item的类型，在getView中创建正确的convertView

（其实这个就是嵌套的时候比较复杂一点，好好观察，发现里面的规律，很快你不看代码就能把这个功能写出来，就是多了几个布局样式而已，嘘嘘，这个很实用啊，千万别告诉别人）

MainActivity

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.CheckBox;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {
    ListView listView;
    MyAdapter listAdapter;
    ArrayList<String> listString;

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

    public class MyAdapter extends BaseAdapter {
        Context mContext;
        LinearLayout linearLayout = null;
        LayoutInflater inflater;
        TextView tex;
        final int VIEW_TYPE = 3;
        final int TYPE_1 = 0;
        final int TYPE_2 = 1;
        final int TYPE_3 = 2;

        public MyAdapter(Context context) {
            // TODO Auto-generated constructor stub
            mContext = context;
            inflater = LayoutInflater.from(mContext);
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return listString.size();
        }

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

        //返回三个不同的布局
        @Override
        public int getViewTypeCount() {
            // TODO Auto-generated method stub
            return 3;
        }

        @Override
        public Object getItem(int arg0) {
            // TODO Auto-generated method stub
            return listString.get(arg0);
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }

        //创建正确的contentview复用
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            viewHolder1 holder1 = null;
            viewHolder2 holder2 = null;
            viewHolder3 holder3 = 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.listitem2, parent, false);
                        holder2 = new viewHolder2();
                        holder2.textView = (TextView) convertView.findViewById(R.id.textview2);
                        Log.e("convertView = ", "NULL TYPE_2");
                        convertView.setTag(holder2);
                        break;
                    case TYPE_3:
                        convertView = inflater.inflate(R.layout.listitem3, parent, false);
                        holder3 = new viewHolder3();
                        holder3.textView = (TextView) convertView.findViewById(R.id.textview3);
                        holder3.imageView = (ImageView) convertView.findViewById(R.id.imageview);
                        Log.e("convertView = ", "NULL TYPE_3");
                        convertView.setTag(holder3);
                        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;
                    case TYPE_3:
                        holder3 = (viewHolder3) convertView.getTag();
                        Log.e("convertView !!!!!!= ", "NULL TYPE_3");
                        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));

                    break;
                case TYPE_3:
                    holder3.textView.setText(Integer.toString(position));
                    holder3.imageView.setBackgroundResource(R.mipmap.ic_launcher);
                    break;
            }

            return convertView;
        }
    }

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

    class viewHolder2 {
        TextView textView;
    }

    class viewHolder3 {
        ImageView imageView;
        TextView textView;
    }


}

下面是四个xml布局：（多布局其实就是一个ListView ，里面存放了三个不同的布局，布局的个数可以根据自己的需求而定）

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
    android:layout_width="match_parent" android:layout_height="match_parent"
    tools:context="com.example.listview_more.MainActivity">
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        ></ListView>
</RelativeLayout>

（下面是三个不同的布局，我实现的是，一个布局就是一个不同的ListView条目，你可以根据自己的要求设置布局，用起来灵活，效果特效十足）

listitem1

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <TextView
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hahaahha"
        />
    <CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

listitem2

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1111111"
        />
</LinearLayout>

listitme3

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <TextView
        android:id="@+id/textview3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="888888888"
        />
    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>