一起学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();
            }
        });

备注

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