android菜鸟学习笔记14----Android控件(三) ListView的简单使用
MVC模式:
MVC的基本原理就是通过Controller连接View和Model。当View中所显示的数据发生变化时,会通知Controller,然后由Controller调用Model中的相关方法执行相应的数据修改操作。反之,当Model中的数据发生变化时,也会通知Controller,由Controller通知View更新显示内容。如此一来,就使得数据部分与视图部分相分离,任何一方发生改变都不会影响到另一方。
而在android中,MVC的一个常见应用就是ListView显示数据。V代表的就是显示控件;M代表的是各种数据源,可以是自己定义的List或者数组,也可以是数据库,文件等;C代表的是Adapter类,android中比较常见的adapter有:BaseAdapter,ArrayAdapter,SimpleAdapter等。
ListView通过setAdapter方法实现了其和一个Adapter对象的绑定,Adapter一般通过getView()方法返回当前列表项所要显示的View对象,完成了对Model中数据的读取。
当Model发生变化时,会调用BaseAdapter.notifyDataSetChanged()方法通知组件数据已然变化,此时Adapter就会调用getView()方法重新显示组件内容。
ListView:间接继承自抽象类AdapterView。
常见方法:
void setOnItemClickListener(AdapterView.OnItemClickListener listener)
void setOnItemLongClickListener(AdapterView.OnItemLongClickListener listener)
void setAdapter(ListAdapter adapter)
Adapter:是一个接口
主要的方法:
abstract int getCount() 返回要显示的item总数
abstract Object getItem(int position) 根据item索引返回该item
abstract long getItemId(int position) 返回item的id。
abstract View getView(int position, View convertView, ViewGroup parent)返回一个用来展示数据源中索引为position的View对象。
BaseAdapter是一个间接实现了Adapter接口的抽象类
自定义Adapter继承BaseAdapter时,需要提供上面四个方法的实现。主要要实现的是getCount()和geView()方法。
ArrayAdapter<T>, CursorAdapter, SimpleAdapter则直接继承自BaseAdapter,实现了其抽象方法。
ListView示例1:展示一个字符串数组中的各个字符串。
1 main_layout.xml: 2 3 <?xml version="1.0" encoding="utf-8"?> 4 5 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 6 7 android:layout_width="match_parent" 8 9 android:layout_height="match_parent" 10 11 android:orientation="vertical" > 12 13 <ListView 14 15 android:id="@+id/listview" 16 17 android:layout_width="wrap_content" 18 19 android:layout_height="wrap_content" 20 21 /> 22 23 </LinearLayout>
MainActivity.java:
1 public class MainActivity extends Activity { 2 3 4 5 private String[] strs; 6 7 @Override 8 9 protected void onCreate(Bundle savedInstanceState) { 10 11 // TODO Auto-generated method stub 12 13 super.onCreate(savedInstanceState); 14 15 setContentView(R.layout.main_layout); 16 17 strs = new String[]{"aaa","bbb","ccc","ddd","eee","fff","ggg","hhh","iii"}; 18 19 ListView lv = (ListView) findViewById(R.id.listview); 20 21 lv.setAdapter(new MyBaseAdapter()); 22 23 24 25 } 26 27 class MyBaseAdapter extends BaseAdapter{ 28 29 @Override 30 31 public int getCount() { 32 33 return strs.length; 34 35 } 36 37 @Override 38 39 public Object getItem(int position) { 40 41 // TODO Auto-generated method stub 42 43 return null; 44 45 } 46 47 @Override 48 49 public long getItemId(int position) { 50 51 return 0; 52 53 } 54 55 @Override 56 57 public View getView(int position, View convertView, ViewGroup parent) { 58 59 TextView tv = null; 60 61 tv = new TextView(MainActivity.this); 62 63 Log.i("listview", position+"get view"); 64 65 tv.setText(strs[position]); 66 67 tv.setTextSize(40); 68 69 tv.setTextColor(Color.RED); 70 71 return tv; 72 73 } 74 75 } 76 77 }
运行结果:
注意到,每次滚动屏幕显示新的item,或将滚出屏幕上方的item重新显示出来都会调用getItem()方法。而上面的代码中每次都会新建一个TextView,这样做是存在问题的。
getView(int position, View convertView, ViewGroup parent),其中参数convertView在允许的情况下,会保存旧的View实例,以便拿来复用。所以,可以利用该参数来优化上面的getView()实现。
代码修改如下:
1 public View getView(int position, View convertView, ViewGroup parent) { 2 3 4 5 TextView tv = null; 6 7 Log.i("listview", position+"get view"); 8 9 if(convertView == null){ 10 11 tv = new TextView(MainActivity.this); 12 13 } 14 15 else{ 16 17 tv = (TextView) convertView; 18 19 } 20 21 tv.setText(strs[position]); 22 23 tv.setTextSize(40); 24 25 tv.setTextColor(Color.RED); 26 27 return tv; 28 29 }
其实,若只是显示数组中的内容,直接使用ArrayAdapter会比较方便:
MainActivity.java修改如下:
1 private String[] strs; 2 3 @Override 4 5 protected void onCreate(Bundle savedInstanceState) { 6 7 // TODO Auto-generated method stub 8 9 super.onCreate(savedInstanceState); 10 11 setContentView(R.layout.main_layout); 12 13 strs = new String[]{"aaa","bbb","ccc","ddd","eee","fff","ggg","hhh","iii"}; 14 15 ListView lv = (ListView) findViewById(R.id.listview); 16 17 ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, strs); 18 19 lv.setAdapter(adapter); 20 21 22 23 }
运行结果:
其中android.R.layout.simple_list_item_1是系统自带的一个布局id。
一般来说,在ListView中显示的东西可能更加复杂点,只靠一个TextView肯定解决不了,这时,就可以为ListView中的item根据需要编写一个布局文件。
如:item_layout.xml:
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 3 android:layout_width="match_parent" 4 5 android:layout_height="match_parent" 6 7 android:orientation="horizontal" > 8 9 <ImageView 10 11 android:layout_width="wrap_content" 12 13 android:layout_height="wrap_content" 14 15 android:src="@drawable/hero" 16 17 /> 18 19 <TextView 20 21 android:id="@+id/tv_name" 22 23 android:layout_width="wrap_content" 24 25 android:layout_height="wrap_content" 26 27 android:textSize="35sp" 28 29 /> 30 31 </LinearLayout>
用于在线性布局中水平显示一个图片和一个字符串。
修改MyAdapter内部类的getView():
1 public View getView(int position, View convertView, ViewGroup parent) { 2 3 4 5 View view = null; 6 7 Log.i("listview", position+"get view"); 8 9 if(convertView == null){ 10 11 view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_layout, null); 12 13 } 14 15 else{ 16 17 view = convertView; 18 19 } 20 21 TextView tv = (TextView) view.findViewById(R.id.tv_name); 22 23 tv.setText(strs[position]); 24 25 return view; 26 27 }
运行结果:
另一种可能常用的Adapter是SimpleAdapter。
构造函数:SimpleAdapter(Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)
context指定上下文
data指定存放数据的list对象,list中存放的是Map对象。
resource指定item的布局文件id
from和to是有序的,两者中的元素必须一一对应,from中存放的是list中每个map对象中的key值,to存放的是显示对应key获取的值的控件的id。
如:item_layout.xml:
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 3 android:layout_width="match_parent" 4 5 android:layout_height="match_parent" 6 7 android:orientation="horizontal" > 8 9 <ImageView 10 11 android:id="@+id/iv" 12 13 android:layout_width="wrap_content" 14 15 android:layout_height="wrap_content" 16 17 /> 18 19 <TextView 20 21 android:id="@+id/tv_name" 22 23 android:layout_width="wrap_content" 24 25 android:layout_height="wrap_content" 26 27 android:textSize="35sp" 28 29 /> 30 31 </LinearLayout>
MainActivity.java中修改如下:
1 protected void onCreate(Bundle savedInstanceState) { 2 3 // TODO Auto-generated method stub 4 5 super.onCreate(savedInstanceState); 6 7 setContentView(R.layout.main_layout); 8 9 ListView lv = (ListView) findViewById(R.id.listview); 10 11 List<Map<String,Object>> data = new ArrayList<Map<String,Object>>(); 12 13 Map<String,Object> map = new HashMap<String, Object>(); 14 15 map.put("img", R.drawable.hero); 16 17 map.put("str", "aaa"); 18 19 data.add(map); 20 21 map = new HashMap<String, Object>(); 22 23 map.put("img", R.drawable.hero); 24 25 map.put("str", "bbb"); 26 27 data.add(map); 28 29 map = new HashMap<String, Object>(); 30 31 map.put("img", R.drawable.hero); 32 33 map.put("str", "ccc"); 34 35 data.add(map); 36 37 map = new HashMap<String, Object>(); 38 39 map.put("img", R.drawable.hero); 40 41 map.put("str", "ddd"); 42 43 data.add(map); 44 45 map = new HashMap<String, Object>(); 46 47 map.put("img", R.drawable.hero); 48 49 map.put("str", "eee"); 50 51 data.add(map); 52 53 54 55 SimpleAdapter sa = new SimpleAdapter(this, data, R.layout.item_layout, new String[]{"img","str"}, new int[]{R.id.iv,R.id.tv_name}); 56 57 lv.setAdapter(sa); 58 59 }
显示结果:
关于ListView的事件监听:
AdapterView中定义了几个设置事件监听的方法,如:
void setOnItemClickListener(AdapterView.OnItemClickListener listener)
void setOnItemLongClickListener(AdapterView.OnItemLongClickListener listener)
ListView间接继承了AdapterView,所以,要处理事件监听时,可以调用ListView中相关的方法。
注:如果调用了ListView的setOnClickListener()方法,会报如下错误:
java.lang.RuntimeException: Don't call setOnClickListener for an AdapterView. You probably want setOnItemClickListener instead
setOnItemClickListener()方法示例:
1 ListView lv = (ListView) findViewById(R.id.listview); 2 3 lv.setOnItemClickListener(new OnItemClickListener() { 4 5 @Override 6 7 public void onItemClick(AdapterView<?> parent, View view, 8 9 int position, long id) { 10 11 Log.i("listview","onClick"); 12 13 Log.i("listview",view.toString()); 14 15 Log.i("listview",position+""); 16 17 Log.i("listview",id+""); 18 19 TextView tv = (TextView) view.findViewById(R.id.tv_name); 20 21 Toast.makeText(MainActivity.this, tv.getText(), Toast.LENGTH_LONG).show(); 22 23 } 24 25 });
运行结果:
ListView先学到这,等学了数据库操作,也许会用到CursorAdapter等,用到时再学。