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 总结
673
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
