原文网址:http://sunbofu.blog.51cto.com/6431507/1280441
Android中的listview目测是一个使用频率很高的组件,所以今天来总结一下listview的基础的用法。
一、最基本的绑定
java代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
package com.tmnw; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; public class MainActivity extends Activity { /*----ListView MVC实现----*/ // model List<String> data; // view ListView lv; // controller ArrayAdapter<String> adapter; int size = 1 ; // 初始化组件 private void initWidget() { lv = (ListView) findViewById(R.id.list); } // 初始化绑定数据 private void initData() { if (lv == null ) return ; // 第一步:获取数据源(model) data = new ArrayList<String>(); appendData(); // 第二步:new一个适配器(controller) // 参数1:Context // 参数2:listview的item布局 // 参数3:数据填充在item布局下的那个控件id // 参数4:填充的数据 adapter = new ArrayAdapter<String>( this , R.layout.simple_text, R.id.text1, data); // 第三步:给listview设置适配器(view) lv.setAdapter(adapter); } // 添加数据 private void appendData() { if (data == null ) return ; for ( int i = 0 ; i < 10 ; i++) { data.add( "" + size++); } } @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); initWidget(); initData(); } } |
xml代码:
activity_main.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:tools = "http://schemas.android.com/tools" android:layout_width = "match_parent" android:layout_height = "match_parent" android:orientation = "vertical" android:paddingBottom = "@dimen/activity_vertical_margin" android:paddingLeft = "@dimen/activity_horizontal_margin" android:paddingRight = "@dimen/activity_horizontal_margin" android:paddingTop = "@dimen/activity_vertical_margin" tools:context = ".MainActivity" > < ListView android:id = "@+id/list" android:layout_width = "match_parent" android:layout_height = "0dip" android:layout_weight = "1" > </ ListView > </ LinearLayout > |
simple_text.xml
1
2
3
4
5
6
7
|
<? xml version = "1.0" encoding = "utf-8" ?> < TextView xmlns:android = "http://schemas.android.com/apk/res/android" android:id = "@+id/text1" android:layout_width = "match_parent" android:layout_height = "wrap_content" android:padding = "5dp" android:textIsSelectable = "false" /> |
画面效果:
二、给ListView添加头和尾部
java代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
// 初始化组件 private void initWidget() { lv = (ListView) findViewById(R.id.list); header = getLayoutInflater().inflate(R.layout.simple_text, null ); ((TextView) header.findViewById(R.id.text1)).setText( "这是一个头部" ); footer = getLayoutInflater().inflate(R.layout.simple_text, null ); ((TextView) footer.findViewById(R.id.text1)).setText( "加载中..." ); } // 初始化绑定数据 private void initData() { if (lv == null ) return ; // 第一步:获取数据源(model) data = new ArrayList<String>(); appendData(); // 第二步:new一个适配器(controller) // 参数1:Context // 参数2:listview的item布局 // 参数3:数据填充在item布局下的那个控件id // 参数4:填充的数据 adapter = new ArrayAdapter<String>( this , R.layout.simple_text, R.id.text1, data); // 第三步:给listview设置适配器(view) // addHeaderView和addFooterView一定要有一个在setAdapter之前调用,或者2个都在setAdapter之前调用 lv.addHeaderView(header); lv.setAdapter(adapter); // 这里的参数null是数据,false说明是不能被选中的 lv.addFooterView(footer, null , false ); // 设置尾部无分割线,头部不想要分割线同理 lv.setFooterDividersEnabled( false ); } |
画面效果:
三、给ListView添加下滑加载中的一种实现方式
因为listview要滚动,所以给它添加滚动监听,为了书写简便,我让本Activity实现了OnScrollListener
1
|
public class MainActivity extends Activity implements OnScrollListener |
java代码:
先增加几个变量
1
2
|
Button scrollInfo; Thread currentThread; |
初始化组件代码修改下
1
2
3
4
5
6
|
lv = (ListView) findViewById(R.id.list); scrollInfo = (Button) findViewById(R.id.scroll_info); header = getLayoutInflater().inflate(R.layout.simple_text, null ); ((TextView) header.findViewById(R.id.text1)).setText( "这是一个头部" ); footer = getLayoutInflater().inflate(R.layout.simple_text, null ); ((TextView) footer.findViewById(R.id.text1)).setText( "加载中..." ); |
在onCreate中添加
1
|
lv.setOnScrollListener( this ); |
实现OnScrollListener方法:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
@Override public void onScrollStateChanged(AbsListView view, int scrollState) { switch (scrollState) { // 手指接触屏幕滑动 case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL: // 手指离开屏幕做惯性滑动 case OnScrollListener.SCROLL_STATE_FLING: // 当滑动要最后一行时加载数据 if (view.getLastVisiblePosition() == view.getCount() - 1 ) { // 可以通过网络加载数据等。 // 判断是否还是在加载中 if (currentThread == null || !currentThread.isAlive()) { // 添加listview尾部控件加载中 lv.addFooterView(footer, null , false ); // 启动线程加载数据 currentThread = new DataLoadThread(); currentThread.start(); } } break ; // 不滑动 case OnScrollListener.SCROLL_STATE_IDLE: break ; } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // firstVisibleItem:第一个显示的item位置 // visibleItemCount:当前显示的item个数 // totalItemCount:listview的item总个数 scrollInfo.setText( "first:" + firstVisibleItem + " visible:" + visibleItemCount + " total:" + totalItemCount); } |
添加加载数据的线程
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
// 模拟加载数据 class DataLoadThread extends Thread { @Override public void run() { try { Thread.sleep( 2000 ); appendData(); // 因为Android控件只能通过主线程(ui线程)更新,所以用此方法 runOnUiThread( new Runnable() { @Override public void run() { // 加载完毕,移除尾部控件 lv.removeFooterView(footer); // 当数据改变时调用此方法通知view更新 adapter.notifyDataSetChanged(); } }); } catch (InterruptedException e) { e.printStackTrace(); } } } |
画面效果:
四、给ListView添加item点击事件
为了书写简便,我让本Activity实现了OnItemClickListener
1
2
|
public class MainActivity extends Activity implements OnScrollListener, OnItemClickListener |
java代码:
然后实现其方法
1
2
3
4
5
6
7
8
9
|
@Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Toast.makeText( this , "position:" + position + " item:" + parent.getItemAtPosition(position).toString(), Toast.LENGTH_LONG).show(); } |
给listview添加监听
1
|
lv.setOnItemClickListener( this ); |
画面效果:
(模拟器出问题了使用了真机调试,没想到图片这么大,不过比模拟器快多了)
五、自定义适配器的使用
java代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
// 自定义基础适配器 class MyAdapter extends BaseAdapter { // listview显示的个数,如果有数据源有10条,而返回5,那么lv永远只能显示5条 // 所以最好就返回数据源的条数就好了 @Override public int getCount() { return data.size(); } // 获取item绑定的数据时调用 @Override public Object getItem( int position) { return data.get(position); } // itemId @Override public long getItemId( int position) { return position; } // lv显示几个item就会调用几次此方法,然后返回一个view对象显示 // position:位置 // convertView:如果lv不能显示全部的数据,那么滚动后会把从显示到不显示的View传进来复用 @Override public View getView( int position, View convertView, ViewGroup parent) { View view; if (convertView == null ) { view = getLayoutInflater().inflate(R.layout.simple_text, null ); } else { view = convertView; } TextView tv = (TextView) view.findViewById(R.id.text1); tv.setText(data.get(position)); // 隔行变色,可以随心所欲 if ((position & 1 ) == 1 ) { tv.setBackgroundResource(android.R.color.holo_green_light); } else { tv.setBackgroundResource(android.R.color.holo_red_light); } return view; } } |
然后修改一下setAdapter()
1
2
3
|
// adapter = new ArrayAdapter<String>(this, R.layout.simple_text, // R.id.text1, data); adapter = new MyAdapter(); |
画面效果: