一起学Android之ListView

黄沙百战穿金甲,不破楼兰终不还。这篇文章主要讲述一起学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之间的关系,如下图所示:
一起学Android之ListView

文章图片

示例截图ListView效果图如下所示:
一起学Android之ListView

文章图片

示例源码xml布局源码如下:
1 < ListView 2android:id="@+id/lv_info" 3android:layout_width="match_parent" 4android:layout_height="match_parent" 5android:dividerHeight="2dp" 6android:divider="@color/colorDivider" 7android:choiceMode="singleChoice" 8android:listSelector="@color/colorSelected" 9/>

绑定数据源代码如下(包括增加header和footer):
1 mListView= (ListView) this.findViewById(R.id.lv_info); 2//1.初始化数据源 3lstInfo=new ArrayList< > (); 4for(int i=0; i< 20; i++){ 5lstInfo.add("Item=> "+i); 6} 7//2.构造适配器 8adapter=new ArrayAdapter< String> (MainActivity.this,android.R.layout.simple_list_item_1,lstInfo); 9//3.给ListView赋值 10//addHeaderView必须在setAdapter之前设置,否则不起作用 11TextView textView=new TextView(MainActivity.this); 12textView.setText("ListView的小例子"); 13textView.setTextSize(20); 14textView.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); 15mListView.addHeaderView(textView); 16mListView.setAdapter(adapter); 17Button btnMore=new Button(MainActivity.this); 18btnMore.setText("加载更多..."); 19textView.setTextSize(20); 20btnMore.setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); 21btnMore.setOnClickListener(new View.OnClickListener() { 22@Override 23public void onClick(View v) { 24int index=lstInfo.size(); 25for(int i=index; i< index+20; i++){ 26lstInfo.add("Item=> "+(i)); 27} 28adapter.notifyDataSetChanged(); 29} 30}); 31mListView.addFooterView(btnMore);

事件监听代码如下:
1 mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() { 2 3/** 4* 5* @param parent 表示控件的主体,此处表示ListView 6* @param view 表示当前被点击的项对应的控件 7* @param position 表示当前点击项的索引位置 8* @param id 被点击的行的id 9*/ 10@Override 11public void onItemClick(AdapterView< ?> parent, View view, int position, long id) { 12String s1 = parent.getItemAtPosition(position).toString(); 13Toast.makeText(MainActivity.this, "当前点击的是=> " + s1, Toast.LENGTH_SHORT).show(); 14} 15}); 16mListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() { 17 18/** 19* @param parent 表示控件的主体,此处表示ListView 20* @param view 表示当前被点击的项对应的控件 21* @param position 表示当前点击项的索引位置 22* @param id 被点击的行的id 23* @return 如果返回true 表示被处理,只响应长按事件,如果返回false,表示还会响应单击事件 24*/ 25@Override 26public boolean onItemLongClick(AdapterView< ?> parent, View view, int position, long id) { 27String s1=parent.getItemAtPosition(position).toString(); 28Toast.makeText(MainActivity.this,"当前长按的是=> "+s1,Toast.LENGTH_SHORT).show(); 29return true; 30} 31});

复杂列表当LisvView中的列表项有多个内容时,可以使用SimpleAdapter来实现多列显示。
示例效果图如下:
一起学Android之ListView

文章图片

步骤如下:

1. 定义一个listview_item.xml的列表项布局文件。
 
1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:layout_width="match_parent" 4android:layout_height="match_parent"> 5< TextView 6android:id="@+id/tv_name" 7android:layout_width="wrap_content" 8android:layout_weight="1" 9android:layout_height="wrap_content"/> 10< TextView 11android:id="@+id/tv_age" 12android:layout_weight="1" 13android:layout_width="wrap_content" 14android:layout_height="wrap_content"/> 15< TextView 16android:id="@+id/tv_love" 17android:layout_weight="1" 18android:layout_width="wrap_content" 19android:layout_height="wrap_content"/> 20 < /LinearLayout>

 
2. 代码中将适配器的和布局文件关联起来(采用List< Map< String ,Object> > 作为数据源)
1 mListView2= (ListView) this.findViewById(R.id.lv_info2); 2//1. 构造数据源 3List< Map< String ,Object> > lst=new ArrayList< Map< String ,Object> > (); 4for(int i=0; i< 20; i++){ 5Map< String ,Object> map=new HashMap< String,Object> (); 6map.put("colName","张三"+i); 7map.put("colAge",18+i); 8map.put("colLove","篮球"+i); 9lst.add(map); 10} 11//2. 构造适配器填充 12SimpleAdapter adapter=new SimpleAdapter(Main2Activity.this,lst, 13R.layout.listview_item, 14new String[]{"colName","colAge","colLove"}, 15new int[]{ R.id.tv_name,R.id.tv_age,R.id.tv_love}); 16//3. 绑定适配器 17mListView2.setAdapter(adapter);

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

备注【一起学Android之ListView】本文为入门级学习知识总结,如有不足之处,还请指正,谢谢。

    推荐阅读