一起学Android之ListView

本文以一个小例子，简述Android开发中ListView的相关应用，仅供学习分享使用。

概述

ListView是一个显示可滚动项目列表的视图组（view group），列表项通过适配器（Adapter）将数组或者数据库查询等数据源中的数据插入到列表中，并将每一个项的内容转换到视图中显示出来。

数据填充步骤

1. 构建数据源，如数组，列表等。
2. 将数据源填充到适配器中。
3. 将适配器绑定到列表中。

涉及知识点

• android:dividerHeight 设置列表项分割线的高度。
• android:divider 设置分割线的颜色。
• android:listSelector 设置选中项的背景色。
• android:choiceMode 设置选择模式，如单选，多选等。
• ArrayAdapter 数据适配器，用于将数组类型的数据源填充到适配器。
• addHeaderView 增加Header视图，必须在setAdapter之前调用。
• addFooterView 增加尾部视图。
• setOnItemClickListener 设置列表项点击监听事件。
• setOnItemLongClickListener 设置列表项长按监听事件。事件有个返回值，如果返回true 表示被处理，只响应长按事件，如果返回false，表示还会响应单击事件。

UI结构

关于View和ViewGroup之间的关系，如下图所示：

示例截图

ListView效果图如下所示：

示例源码

xml布局源码如下：

 <ListView
         android:id="@+id/lv_info"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:dividerHeight="2dp"
         android:divider="@color/colorDivider"
         android:choiceMode="singleChoice"
         android:listSelector="@color/colorSelected"
         />

绑定数据源代码如下（包括增加header和footer）：

 mListView= (ListView) this.findViewById(R.id.lv_info);
         //1.初始化数据源
         lstInfo=new ArrayList<>();
         for(int i=0;i<20;i++){
             lstInfo.add("Item=>"+i);
         }
         //2.构造适配器
         adapter=new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,lstInfo);
         //3.给ListView赋值
         //addHeaderView必须在setAdapter之前设置，否则不起作用
         TextView textView=new TextView(MainActivity.this);
         textView.setText("ListView的小例子");
         textView.setTextSize(20);
         textView.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
         mListView.addHeaderView(textView);
         mListView.setAdapter(adapter);
         Button btnMore=new Button(MainActivity.this);
         btnMore.setText("加载更多...");
         textView.setTextSize(20);
         btnMore.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
         btnMore.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 int index=lstInfo.size();
                 for(int i=index;i<index+20;i++){
                     lstInfo.add("Item=>"+(i));
                 }
                 adapter.notifyDataSetChanged();
             }
         });
         mListView.addFooterView(btnMore);

事件监听代码如下：

 mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

             /**
              *
              * @param parent 表示控件的主体，此处表示ListView
              * @param view 表示当前被点击的项对应的控件
              * @param position 表示当前点击项的索引位置
              * @param id 被点击的行的id
              */
             @Override
             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                 String s1 = parent.getItemAtPosition(position).toString();
                 Toast.makeText(MainActivity.this, "当前点击的是=>" + s1, Toast.LENGTH_SHORT).show();
             }
         });
         mListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {

             /**
              * @param parent 表示控件的主体，此处表示ListView
              * @param view 表示当前被点击的项对应的控件
              * @param position 表示当前点击项的索引位置
              * @param id 被点击的行的id
              * @return 如果返回true 表示被处理，只响应长按事件，如果返回false，表示还会响应单击事件
              */
             @Override
             public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
                 String s1=parent.getItemAtPosition(position).toString();
                 Toast.makeText(MainActivity.this,"当前长按的是=>"+s1,Toast.LENGTH_SHORT).show();
                 return true;
             }
         });

复杂列表

当LisvView中的列表项有多个内容时，可以使用SimpleAdapter来实现多列显示。

示例效果图如下：

步骤如下：

1. 定义一个listview_item.xml的列表项布局文件。

 <?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/tv_name"
         android:layout_width="wrap_content"
         android:layout_weight="1"
         android:layout_height="wrap_content"/>
         <TextView
         android:id="@+id/tv_age"
         android:layout_weight="1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"/>
     <TextView
         android:id="@+id/tv_love"
         android:layout_weight="1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"/>
 </LinearLayout>

2. 代码中将适配器的和布局文件关联起来（采用List<Map<String ,Object>>作为数据源）

 mListView2= (ListView) this.findViewById(R.id.lv_info2);
         //1. 构造数据源
         List<Map<String ,Object>> lst=new ArrayList<Map<String ,Object>>();
         for(int i=0;i<20;i++){
             Map<String ,Object> map=new HashMap<String,Object>();
             map.put("colName","张三"+i);
             map.put("colAge",18+i);
             map.put("colLove","篮球"+i);
             lst.add(map);
         }
         //2. 构造适配器填充
         SimpleAdapter adapter=new SimpleAdapter(Main2Activity.this,lst,
                 R.layout.listview_item,
                 new String[]{"colName","colAge","colLove"},
                 new int[]{ R.id.tv_name,R.id.tv_age,R.id.tv_love});
         //3. 绑定适配器
         mListView2.setAdapter(adapter);

3. 点击事件，获取内容

 mListView2.setOnItemClickListener(new AdapterView.OnItemClickListener() {
             @Override
             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                 String s1 = parent.getItemAtPosition(position).toString();//此处返回的是键值对转换后的字符串
                 TextView tvName= (TextView) view.findViewById(R.id.tv_name);
                 TextView tvAge= (TextView) view.findViewById(R.id.tv_age);
                 TextView tvLove= (TextView) view.findViewById(R.id.tv_love);
                 String s2="Name=>"+tvName.getText()+"Age=>"+tvAge.getText()+"Love=>"+tvLove.getText();
                 Toast.makeText(Main2Activity.this, "当前点击的是s1=>" + s1+"S2=>"+s2, Toast.LENGTH_SHORT).show();
             }
         });

备注

本文为入门级学习知识总结，如有不足之处，还请指正，谢谢。