2使用ListView显示信息列表
2-1 课程目标
课程目标:
1.理解ListView的基础使用:
2.熟练运用两种适配器:(ArrayAdapter,SimpleAdapter)
3.熟练运用两种监听器(OnScrollListener,OnItemClickListener)
4.熟练运用适配器数据的刷新(notifyDataChanged)
ListView-----列表显示
适配器:ArrayAdapter,SimpleAdapter
监听器:OnItemListenter---点击某一条目时触发
OnScrollisenter----当滚动页面时触发,滚动后需要刷新页面,触发适配器的数据刷新notifyDataChanged
2-2 ListView解析
ListView的常用属性
xml属性 | 说明 |
android:choiceMode | 设置Listview的选择行为 |
android:divider | 设置list列表项的分隔条(颜色、图片) |
android:dividerHeight | 设置分隔条的高复 |
android:entries | 制定一个数组资源,Android将根据该数组资源来生成ListView |
android:footerDividersEnabled | 如果设置为false,则不在footer View之前绘制分割条 |
android:headerDividersEnabled | 如果设置为false,则不在header View之后绘制分割条 |
2-3 解读适配器
2-4 使用ArrayAdapter
MainActivity.java
package com.example.andriod2_listview; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; public class MainActivity extends Activity { private ListView listView; private ArrayAdapter<String> arr_aAdapter; private SimpleAdapter simp_aAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView1); // 1.新建一个数据适配器 // ArrayAdapter(上下文,当前ListView加载的每一个列表项所对应的布局文件(Ctrl+ // 鼠标左击),数据源) // 2.适配器加载数据源 String[] arr_data = { "ABC", "DEF", "更国际化的萨菲立刻", "hkdfj", "djkl" }; arr_aAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arr_data); // 3.视图(listView)加载适配器 listView.setAdapter(arr_aAdapter); } }
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <ListView android:id="@+id/listView1" android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView> </LinearLayout>
(ArrayAdapter)数据适配器的实现过程:
1.新建适配器
arr_adapter=new ArrayAdapter<String>(上下文(this),
当前ListView加载的每一个列表项所对应的布局文件(android.R.layout.simple_list_item_1),
数据源(String[]arr_data={"1","2","3","4"}));
2.添加数据源到适配器(上一步已包含)
3.视图(ListView)加载适配器
listView.setAdapter(arr_adapter);
2-5 使用SimpleAdapter
MainActivity.java
package com.example.andriod2_listview; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; public class MainActivity extends Activity { private ListView listView; private ArrayAdapter<String> arr_aAdapter; private SimpleAdapter simp_aAdapter; private List<Map<String, Object>> dataList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView1); // 1.新建一个数据适配器 // ArrayAdapter(上下文,当前ListView加载的每一个列表项所对应的布局文件(Ctrl+鼠标左击),数据源) /* * android.R.layout.simple_list_item_1,安卓自带的 */ // SimpAdapter(context,data,resource,from,to) /* * context=上下文 data=数据源(List<? extends Map<String, ?>> * data)一个Map所组成的List集合 每一个Map都会去对应ListView列表中的一行 * 每一个Map(键-值对)中的键必须包含所有在from中所指定的键 resource:列表项的布局文件ID from:Map中的键名 * to:绑定数据视图中的ID,与from成对应关系 * * R.layout.item:自定义的文件布局,带图片和文字 */ // 2.适配器加载数据源 String[] arr_data = { "ABC", "DEF", "更国际化的萨菲立刻", "hkdfj", "djkl" }; arr_aAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arr_data); dataList = new ArrayList<Map<String, Object>>(); simp_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[] { "pic", "text" }, new int[] { R.id.pic, R.id.text }); // 3.视图(listView)加载适配器 // listView.setAdapter(arr_aAdapter); listView.setAdapter(simp_aAdapter); } private List<Map<String, Object>> getData() { // ListView包含多少个列表项完全是由数据源决定的。 for (int i = 0; i < 20; i++) { Map<String, Object> map = new HashMap<String, Object>(); map.put("pic", R.drawable.ic_launcher); map.put("text", "mkw" + i); // 不要忘记最后一步将Map值加入dataList中 dataList.add(map); } return dataList; } }
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" android:orientation="horizontal" > <ImageView android:id="@+id/pic" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:layout_marginLeft="15dp"/> <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="#000000" android:text="Demo" /> </LinearLayout>
ArrayAdapter与的SimpleAdapter不同点:
1.ArrayAdapter 的数据源是单一的数组;
SimpleAdatpter的数据源是一个map(Key-value)组成的一个List。
2-6 监听ListView列表项点击事件
监听器:是用户和系统之间的桥梁
适配器:程序和数据源之间的桥梁
public void onItemClickListener(AdapterView<?>parent,View view,int position当前点击的一个位置,long id){
String text=ListView.getItemAtPosition(position)+“”;
//获得当前位置的这行的内容+""转换成字符串形式
Toast.makeText(this,"position="+position+"text="+text,Toast.LENGTH_SHORT).show();
//打印toast,第一个参数上下文,第二个参数文本信息,第三个参数显示时长
}
MainActivity.java
package com.example.andriod2_listview; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.widget.AbsListView; import android.widget.AbsListView.OnScrollListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; import android.widget.Toast; public class MainActivity extends Activity implements OnItemClickListener, OnScrollListener { private ListView listView; private ArrayAdapter<String> arr_aAdapter; private SimpleAdapter simp_aAdapter; private List<Map<String, Object>> dataList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView1); // 1.新建一个数据适配器 // ArrayAdapter(上下文,当前ListView加载的每一个列表项所对应的布局文件(Ctrl+鼠标左击),数据源) /* * android.R.layout.simple_list_item_1,安卓自带的 */ // SimpAdapter(context,data,resource,from,to) /* * context=上下文 data=数据源(List<? extends Map<String, ?>> * data)一个Map所组成的List集合 每一个Map都会去对应ListView列表中的一行 * 每一个Map(键-值对)中的键必须包含所有在from中所指定的键 resource:列表项的布局文件ID from:Map中的键名 * to:绑定数据视图中的ID,与from成对应关系 * * R.layout.item:自定义的文件布局,带图片和文字 */ // 2.适配器加载数据源 String[] arr_data = { "ABC", "DEF", "更国际化的萨菲立刻", "hkdfj", "djkl" }; arr_aAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arr_data); dataList = new ArrayList<Map<String, Object>>(); simp_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[] { "pic", "text" }, new int[] { R.id.pic, R.id.text }); // 3.视图(listView)加载适配器 // listView.setAdapter(arr_aAdapter); listView.setAdapter(simp_aAdapter); // 不要忘记加载监听器 listView.setOnItemClickListener(this);// 条目的监听器 listView.setOnScrollListener(this);// 滚动加载的监听器 } private List<Map<String, Object>> getData() { // ListView包含多少个列表项完全是由数据源决定的。 for (int i = 0; i < 20; i++) { Map<String, Object> map = new HashMap<String, Object>(); if (i == 1) { map.put("pic", R.drawable.dingding); map.put("text", "666666666666"); } else { map.put("pic", R.drawable.donglirong); map.put("text", "mkw" + i); } // 不要忘记最后一步将Map值加入dataList中 dataList.add(map); } return dataList; } @Override public void onScroll(AbsListView arg0, int arg1, int arg2, int arg3) { // TODO Auto-generated method stub } @Override public void onScrollStateChanged(AbsListView arg0, int arg1) { // TODO Auto-generated method stub } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub String text = listView.getItemAtPosition(position) + ""; Toast.makeText(this, "position=" + position + " text=" + text, Toast.LENGTH_LONG).show(); } }
2-7 监听ListView滚动事件
package com.example.andriod2_listview; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.os.Bundle; import android.app.Activity; import android.util.Log; import android.view.Menu; import android.view.View; import android.widget.AbsListView; import android.widget.AbsListView.OnScrollListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; import android.widget.Toast; public class MainActivity extends Activity implements OnItemClickListener, OnScrollListener { private ListView listView; private ArrayAdapter<String> arr_aAdapter; private SimpleAdapter simp_aAdapter; private List<Map<String, Object>> dataList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView1); // 1.新建一个数据适配器 // ArrayAdapter(上下文,当前ListView加载的每一个列表项所对应的布局文件(Ctrl+鼠标左击),数据源) /* * android.R.layout.simple_list_item_1,安卓自带的 */ // SimpAdapter(context,data,resource,from,to) /* * context=上下文 data=数据源(List<? extends Map<String, ?>> * data)一个Map所组成的List集合 每一个Map都会去对应ListView列表中的一行 * 每一个Map(键-值对)中的键必须包含所有在from中所指定的键 resource:列表项的布局文件ID from:Map中的键名 * to:绑定数据视图中的ID,与from成对应关系 * * R.layout.item:自定义的文件布局,带图片和文字 */ // 2.适配器加载数据源 String[] arr_data = { "ABC", "DEF", "更国际化的萨菲立刻", "hkdfj", "djkl" }; arr_aAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arr_data); dataList = new ArrayList<Map<String, Object>>(); simp_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[] { "pic", "text" }, new int[] { R.id.pic, R.id.text }); // 3.视图(listView)加载适配器 // listView.setAdapter(arr_aAdapter); listView.setAdapter(simp_aAdapter); // 不要忘记加载监听器 listView.setOnItemClickListener(this);// 条目的监听器 listView.setOnScrollListener(this);// 滚动加载的监听器 } private List<Map<String, Object>> getData() { // ListView包含多少个列表项完全是由数据源决定的。 for (int i = 0; i < 20; i++) { Map<String, Object> map = new HashMap<String, Object>(); if (i == 1) { map.put("pic", R.drawable.dingding); map.put("text", "666666666666"); } else { map.put("pic", R.drawable.donglirong); map.put("text", "mkw" + i); } // 不要忘记最后一步将Map值加入dataList中 dataList.add(map); } return dataList; } @Override public void onScroll(AbsListView view, int scrollState, int arg2, int arg3) { // TODO Auto-generated method stub } @Override public void onScrollStateChanged(AbsListView view, int scrollState) { // TODO Auto-generated method stub switch (scrollState) { case SCROLL_STATE_FLING: Log.i("Main", "用户在手指离开屏幕之前,由于用力滑了一下,视图仍依靠惯性继续滑动"); Map<String, Object> map = new HashMap<String, Object>(); map.put("pic", R.drawable.ic_launcher); map.put("text", "wwwwwwwwwwwww"); dataList.add(map); simp_aAdapter.notifyDataSetChanged();
[onScrollStateChanged() 通过下拉刷新,增加Map项;
注意:
不要忘记添加notifyDataSetChanged()来通知UI,ListView项的增加
当下拉增加数据项后,通知UI线程去刷新] break; case SCROLL_STATE_IDLE: Log.i("Main", "视图已经停止滑动"); break; case SCROLL_STATE_TOUCH_SCROLL: Log.i("Main", "手指没有离开屏幕,视图正在滑动"); break; } } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub String text = listView.getItemAtPosition(position) + ""; Toast.makeText(this, "position=" + position + " text=" + text, Toast.LENGTH_LONG).show(); } }
2-8 总结