Android ListView简单示例

笔者能力有限，不足之处望各位码友不吝赐教！

笔者使用的IDE是Android Studio，关于新建项目部分不再赘述。

先看需求：  

-将姓名、学号和性别信息等写入ListView； 

-如果是男生，添加一个ImageView。点击之后进入详细页面； 

-如果是女生，则不添加ImageView，点击之后进入详细页面； 

1.首先在LAUNCHER activity的布局文件中添加ListView

<ListViewandroid:id="@+id/list_view"  android:layout_width="match_parent"android:layout_height="match_parent"></ListView>

2.在MainActivity中添加ListView对象并初始化

ListView listView = (ListView) findViewById(id.list_view);

3.编写ListView的item

    按照需要，我们需要的item有两种：有无ImageView

    （1）boy_item_layout

<LinearLayout    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="80dp"    android:orientation="horizontal"    android:layout_margin="10dp" >    <ImageView        android:id="@+id/imageView"        android:layout_width="80dp"        android:layout_height="80dp"        app:srcCompat="@mipmap/ic_launcher"        android:layout_weight="0.03" />    <LinearLayout        android:orientation="vertical"        android:layout_marginRight="10dp"        android:layout_width="wrap_content"        android:layout_height="match_parent">        <TextView            android:text="@string/name_string"            android:textSize="25sp"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <TextView            android:layout_weight="1"            android:gravity="bottom"            android:text="@string/student_number_string"            android:textSize="25sp"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />    </LinearLayout>    <LinearLayout        android:orientation="vertical"        android:layout_width="wrap_content"        android:layout_height="match_parent">        <TextView            android:textSize="25sp"            android:id="@+id/student_name"            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <TextView            android:id="@+id/student_number"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="bottom"            android:textSize="25sp" />    </LinearLayout>    <TextView        android:id="@+id/sex"        android:gravity="center_horizontal|center_vertical"        android:text="@string/sex_string"        android:textSize="30sp"        android:layout_weight="1"        android:layout_width="0dp"        android:layout_height="match_parent" /></LinearLayout>

    （2）girl_item_layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        android:layout_width="match_parent"        android:layout_height="80dp"        android:orientation="horizontal"        android:layout_margin="10dp" >        <LinearLayout            android:orientation="vertical"            android:layout_marginRight="10dp"            android:layout_width="wrap_content"            android:layout_height="match_parent">            <TextView                android:text="@string/name_string"                android:textSize="25sp"                android:layout_width="wrap_content"                android:layout_height="wrap_content" />            <TextView                android:layout_weight="1"                android:gravity="bottom"                android:text="@string/student_number_string"                android:textSize="25sp"                android:layout_width="wrap_content"                android:layout_height="wrap_content" />        </LinearLayout>        <LinearLayout            android:orientation="vertical"            android:layout_width="wrap_content"            android:layout_height="match_parent">            <TextView                android:textSize="25sp"                android:id="@+id/student_name"                android:layout_width="wrap_content"                android:layout_height="wrap_content" />            <TextView                android:id="@+id/student_number"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="bottom"                android:textSize="25sp" />        </LinearLayout>        <TextView            android:id="@+id/sex"            android:gravity="center_horizontal|center_vertical"            android:text="@string/sex_string"            android:textSize="30sp"            android:layout_weight="1"            android:layout_width="0dp"            android:layout_height="match_parent" />    </LinearLayout>

4.为ListView编写Adapter类，主要用于ListView渲染数据

    自定义的Adapter类主要继承BaseAdapter，重写其中的几个方法即可

    在这之前：

            （1）由于信息不止一个，所以需要用到List对象来储存Bean对象

            （2）自定义layout时需要用到LayoutInflater对象，该对象初始化时需要用到该Activity的Context对象

            （3）关于Bean类，该类提供几个字段即可，有无访问器都可。（这里为了简单明了，就没有提供）

            （4）ViewHolder类，该自定义类主要储存我们需要渲染的item组件，此处不再详细介绍，网上有很多资料 
        -自定Bean类InfoBean

public class InfoBean {    public String name;    public String student_number;    public String sex;    public String phone_number;}

        -ViewHolder类

 public static class ViewHolder{        public TextView name;        public TextView sex;        public TextView student_number;        public ImageView img;    }

关于需要的方法和继承自BaseAdapter需要重写方法：

    （1）构造器 初始化context、list和layoutinflater。

public LvAdapter(Context context,List<InfoBean> list){        mContext = context;        mList = list;//储存这所有需要渲染的数据        mLayoutInflater = LayoutInflater.from(context);}

    （2）getCount 返回该ListView的数量

public int getCount() {        return mList.size();}

    （3）getItem 返回item的数据对象（比如你的list存的某一个Bean对象）

public Object getItem(int position) {        return mList.get(position);}

    （4）getItemId 返回item的编号，也相当于list的下标

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

    （5）getItemViewType 该方法根据list中的数据来确定需要渲染的layout类型          

public int getItemViewType(int position) {        if (mList.get(position).sex.equals("男"))            return ISBOY;//自定义的字段，方便操作，主要是避免使用“魔法数字” 下同        else            return ISGIRL;}

    （6）getViewTypeCount 该方法返回item的类型数量

public int getViewTypeCount() {        return 2;}

    （7）getView 该方法是最重要的，为每一个子item填充数据

import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import java.util.List;/** * Created by PCC on 2017/8/15. */public class LvAdapter extends BaseAdapter {    private List<InfoBean> mList;    private Context mContext;    private LayoutInflater mLayoutInflater;    private static final int ISGIRL = 1;    private static final int ISBOY = 0;    private int type = 0;    public LvAdapter(Context context,List<InfoBean> list){        mContext = context;        mList = list;        mLayoutInflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return mList.size();    }    @Override    public Object getItem(int position) {        return mList.get(position);    }    public LvAdapter() {        super();    }    @Override    public int getItemViewType(int position) {        if (mList.get(position).sex.equals("男"))            return ISBOY;        else            return ISGIRL;    }    @Override    public int getViewTypeCount() {        return 2;    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder viewHolder;        type = getItemViewType(position);        if (type == ISBOY) {            if (convertView == null){                convertView = mLayoutInflater.inflate(R.layout.boy_item_layout,null);//该数据是boy，故加载boy_item_layout                viewHolder  = new ViewHolder();                viewHolder.name = (TextView) convertView.findViewById(R.id.student_name);t                viewHolder.sex = (TextView) convertView.findViewById(R.id.sex);                viewHolder.img = (ImageView) convertView.findViewById(R.id.imageView);                viewHolder.student_number = (TextView)convertView.findViewById(R.id.student_number) ;                convertView.setTag(viewHolder);            }else {                viewHolder = (ViewHolder) convertView.getTag();            }        }else {            if (convertView == null){                convertView = mLayoutInflater.inflate(R.layout.girl_item_layout,null);                viewHolder  = new ViewHolder();                viewHolder.name = (TextView) convertView.findViewById(R.id.student_name);                viewHolder.student_number = (TextView) convertView.findViewById(R.id.student_number);//该数据是boy，故加载boy_item_layout                viewHolder.sex = (TextView) convertView.findViewById(R.id.sex);                convertView.setTag(viewHolder);            }else {                viewHolder = (ViewHolder) convertView.getTag();            }        }        viewHolder.name.setText(mList.get(position).name);        viewHolder.student_number.setText(mList.get(position).student_number);        viewHolder.sex.setText(mList.get(position).sex);        if (type == ISBOY)            viewHolder.img .setImageResource(R.mipmap.ic_launcher);        return convertView;    }    public static class ViewHolder{        public TextView name;        public TextView sex;        public TextView student_number;        public ImageView img;    }}

5.接下来写点击某个item后的详细页面

    写在前面：

            （1）两种类型的差别就是有无ImageView，该处做法是使用同一个details Activity来展示；girl就不填充ImageView即可

            （2）由于涉及到Activity间的跳转，但是传递的的信息较多(单个对象），此处使用单例模式模式比较方便（单例模式是将构造方法私有--保证只有一种方式能够获得对象实例，使在整个APP存活期间都存在，有且只有一个实例)。

    -Singleton

public class Singleton {    private static Singleton singleton ;    private static boolean hasInited = false;//是否实例化标记    private InfoBean mInfoBean;    private Singleton(){//将构造方法设置为私有    }    private static void init(){        singleton = new Singleton();    }    public static Singleton getInstance(){       if (!hasInited){           init();//实例化Singleton           hasInited = true;       }       return singleton;    }    //对象的访问器方法    public InfoBean getmInfoBean() {        return mInfoBean;    }    public void setmInfoBean(InfoBean mInfoBean) {        this.mInfoBean = mInfoBean;    }}

    -activity_details

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_margin="20dp"    android:gravity="center"    android:orientation="vertical"    tools:context="home.pcc.myapplication.Details">    <ImageView        android:id="@+id/image"        android:layout_width="80dp"        android:layout_height="80dp"        android:layout_margin="20dp" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center"        android:orientation="horizontal">        <LinearLayout            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:orientation="vertical">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:text="@string/name_string"                android:textSize="24sp" />            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:text="@string/sex_string"                android:textSize="24sp" />            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:text="@string/student_number_string"                android:textSize="24sp" />            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:text="@string/phone_string"                android:textSize="24sp" />        </LinearLayout>        <LinearLayout            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:orientation="vertical">            <TextView                android:id="@+id/details_name"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:textSize="24sp" />            <TextView                android:id="@+id/details_sex"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_margin="20dp"                android:textSize="24sp" />            <TextView                android:id="@+id/details_student_number"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginBottom="20dp"                android:layout_marginTop="20dp"                android:gravity="center"                android:textSize="24sp" />            <TextView                android:id="@+id/details_phone_number"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginBottom="20dp"                android:layout_marginTop="20dp"                android:textSize="24sp" />        </LinearLayout>    </LinearLayout></LinearLayout>

    -Details

import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.ImageView;import android.widget.TextView;public class Details extends AppCompatActivity {    private TextView studentName;    private TextView studentNumber;    private TextView phoneNumber;    private TextView sex;    private ImageView imageView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_details);//      初始化显示信息的组件        studentName = (TextView) findViewById(R.id.details_name);        studentNumber = (TextView) findViewById(R.id.details_student_number);        phoneNumber = (TextView) findViewById(R.id.details_phone_number);        sex = (TextView) findViewById(R.id.details_sex);        imageView = (ImageView) findViewById(R.id.image);        init();//渲染数据    }    public void init(){        InfoBean  infoBean = Singleton.getInstance().getmInfoBean();//从单例模式中获取对象        if (infoBean.sex.equals("男"))            imageView.setImageResource(R.mipmap.ic_launcher);//加载库中提供的图片        studentName.setText(infoBean.name);        phoneNumber.setText(infoBean.phone_number);        studentNumber.setText(infoBean.student_number);        sex.setText(infoBean.sex);    }}

6.接下来就是MainActivity，要实现点击item后跳转Activity就要用到onItemClick方法，此处实现了OnItemClickListener接口实现该方法

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener{    private ListView listView;    private List<InfoBean> mList;    private LvAdapter mAdapter;//自定义的Adapter类    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(layout.activity_main);        listView = (ListView) findViewById(id.list_view);        mList = new ArrayList<>();        initView();//给list加载数据        mAdapter = new LvAdapter(this,mList);        listView.setAdapter(mAdapter);//将数据渲染到预先设置好的LV中        listView.setOnItemClickListener(this);//添加点击事件    }    /**     * 初始化List     */    public void initView(){        String name = "测试",sex,number = "20150000000";        for (int i = 0; i < 10; i++){            if (i%2 == 0)                sex = "女";            else                sex = "男";            InfoBean mInfoBean  = new InfoBean();            mInfoBean.sex = sex;            mInfoBean.name = name;            mInfoBean.student_number = number+i;            mInfoBean.phone_number = "1520000000"+i;            mList.add(mInfoBean);        }    }    @Override    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {        Singleton.getInstance().setmInfoBean(mList.get(position));//将点击的子item的数据（InfoBean）对象存入单利中        Intent intent = new Intent(MainActivity.this,Details.class);//设置intent，表明需要跳转的Activity        startActivity(intent);    }}

效果图：

                    

    最后：

        页面的布局肯定需要修改，到这里就仁者见仁了。关于数据的来源就有很多方法了，可以通过访问接服务器获得数据解析json、xml；也可以将数据保存在本地的sqlite数据库中，app反复打开也不会丢失数据。后面会介绍如何使用自定义AlertDialog添加数据到本地Sqlite数据库中。

        ListView还可以实现一个OnItemLongClickListener接口，使得ListView更加灵活，比如长按item实现 删除信息、打开到编辑页面、跳出选择菜单实现即时联系等等。