Android各种Adapter的用法
同样是一个ListView,可以用不同的
Adapter让它显示出来,比如说最常用的ArrayAdapter,SimpleAdapter,SimpleCursorAdapter,以及重写BaseAdapter等方法。
ArrayAdapter比较简单,但它只能用于显示文字。而SimpleAdapter则有很强的扩展性,可以自定义出各种效果,SimpleCursorAdapter则可以从数据库中读取数据显示在列表上,通过从写BaseAdapter可以在列表上加处理的事件等。
下面先来看看ArrayAdapter:
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
|
package
com.shang.test;
import
java.util.ArrayList;
import
android.app.Activity;
import
android.os.Bundle;
import
android.widget.ArrayAdapter;
import
android.widget.ListView;
/**
*
* @author shangzhenxiang
*
*/
public
class
TestArrayAdapterActivity
extends
Activity{
private
ListView mListView;
private
ArrayList<String> mArrayList =
new
ArrayList<String>();
@Override
protected
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.testarrayadapter);
mListView = (ListView) findViewById(R.id.myArrayList);
mListView.setAdapter(
new
ArrayAdapter<String>(
this
, android.R.layout.simple_expandable_list_item_1, getData()));
}
private
ArrayList<String> getData() {
mArrayList.add(
"测试数据1"
);
mArrayList.add(
"测试数据2"
);
mArrayList.add(
"测试数据3"
);
mArrayList.add(
"测试数据4"
);
mArrayList.add(
"测试数据5"
);
mArrayList.add(
"测试数据6"
);
return
mArrayList;
}
}
|
布局里面有个ListView就可以了:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<?xml version=
"1.0"
encoding=
"utf-8"
?>
<LinearLayout xmlns:android=
"http://schemas.android.com/apk/res/android"
android:orientation=
"vertical"
android:layout_width=
"match_parent"
android:layout_height=
"fill_parent"
>
<TextView
android:layout_width=
"match_parent"
android:layout_height=
"wrap_content"
android:text=
"@string/hello"
/>
<ListView
android:id=
"@+id/myArrayList"
android:layout_width=
"match_parent"
android:layout_height=
"wrap_content"
/>
</LinearLayout>
|
上面的代码中用到了ArrayAdapter的构造方法:
public ArrayAdapter (Context context, int textViewResourceId, T[] objects)
Api中是这么描述的:
其中Context为当前的环境变量,可以显示一行文字的一个布局文件,和一个List的集合,也就是数据源。
布局文件可以自己写,也可以用系统的,我这里是用的系统的。自己写的布局中包含一个TextView就可以了,当然系统中也有包含一个TextView的布局文件:就是 android.R.layout.simple_expandable_list_item_1,调用这个比较方便。
这里给出运行后的效果图:
下面说说SimpleCursorAdapter:
Api中是这么说的:An easy adapter to map columns from a cursor to TextViews or ImageViews defined in an XML file. You can specify which columns you want, which views you want to display the columns, and the XML file that defines the appearance of these views.
简单的说就是 方便把Cursor中得到的数据进行列表显示,并可以把指定的列映射到指定的TextView上。
我这里写的是从联系人中拿到数据并显示在列表上。代码如下:
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
|
package
com.shang.test;
import
android.app.Activity;
import
android.database.Cursor;
import
android.os.Bundle;
import
android.provider.Contacts.People;
import
android.widget.ListView;
import
android.widget.SimpleCursorAdapter;
/**
*
* @author shangzhenxiang
*
*/
public
class
TestSimpleCursorAdapter
extends
Activity {
private
ListView mListView;
private
Cursor mCursor;
private
SimpleCursorAdapter mAdapter;
@Override
protected
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.testsimplecursoradapter);
mListView = (ListView) findViewById(R.id.mySimpleCursorList);
mCursor = getContentResolver().query(People.CONTENT_URI,
null
,
null
,
null
,
null
);
startManagingCursor(mCursor);
mAdapter =
new
SimpleCursorAdapter(TestSimpleCursorAdapter.
this
, android.R.layout.simple_expandable_list_item_1, mCursor,
new
String[]{People.NAME},
new
int
[]{android.R.id.text1});
mListView.setAdapter(mAdapter);
}
}
|
mCursor = getContentResolver().query(People.CONTENT_URI, null, null, null, null);是先获得一个指向系统联系人的Cursor
startManagingCursor(mCursor);是指我们把Cursor交给这个Activity保管,这样Cursor便会和Activity同步,我们不用手动管理了。
simpleCursorAdapter API中是这样说的:
其中前面的2个参数跟ArrayAdapter中是一样的,第三个参数是传个来的参数, 其实也是数据源,后面的2个参数是2个数组,前一个是String【】类型的,而后一个是int【】类型的,说明前一个参数中的值对应的是从数据库中的字 段,后一个是布局文件中和这个字段对应的id,也就是说这个字段对应得值要显示在哪里(比如说我们这里查到的联系人中的NAME字段,要显示在一个对应的 TextView上面)。
这里我们具体看一下系统的布局,也就是我们这里的第二个参数的布局,便于理解,android.R.layout.simple_expandable_list_item_1.xml文件中是这么写的:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<?xml version=
"1.0"
encoding=
"utf-8"
?>
<!-- Copyright (C)
2006
The Android Open Source Project
Licensed under the Apache License, Version
2.0
(the
"License"
);
you may not use
this
file except in compliance with the License.
You may obtain a copy of the License at
http:
//www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an
"AS IS"
BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License
for
the specific language governing permissions and
limitations under the License.
-->
<TextView xmlns:android=
"http://schemas.android.com/apk/res/android"
android:id=
"@android:id/text1"
android:layout_width=
"match_parent"
android:layout_height=
"?android:attr/listPreferredItemHeight"
android:paddingLeft=
"?android:attr/expandableListPreferredItemPaddingLeft"
android:textAppearance=
"?android:attr/textAppearanceLarge"
android:gravity=
"center_vertical"
/>
|
注意他有一个id,这个id也是系统的id,这个布局中只有一个TextView,所以只能显示一个字段,我们这里显示的联系人的名字,
而最后的一个参数就是由这么写id组成的一个数据(如果有很多TextView的话)。比如说我们要显示很多字段,布局文件中就要写很多TextView,而每一个TextView都有一个ID,第三个参数中有多少个字段,第四个参数中就有多少个id,并一一对应。
我们来看一下运行效果图:
上面说到的2种方法都是显示的文字,比方说我们要显示图片怎么办呢,还要显示很多内容,还要按自己喜欢的布局排列怎么办呢,用SimpleAdapter,扩展性好,可以定义各种各样的布局。
代码如下:
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
55
|
package
com.shang.test;
import
java.util.ArrayList;
import
java.util.HashMap;
import
java.util.List;
import
android.app.Activity;
import
android.os.Bundle;
import
android.widget.ListView;
import
android.widget.SimpleAdapter;
/**
*
* @author shangzhenxiang
*
*/
public
class
TestSimpleAdapter
extends
Activity {
private
ListView mListView;
private
SimpleAdapter mAdapter;
private
List<HashMap<String, Object>> mHashMaps;
private
HashMap<String, Object> map;
@Override
protected
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.testsimpleadapter);
mListView = (ListView) findViewById(R.id.mySimpleList);
mAdapter =
new
SimpleAdapter(
this
, getData(), R.layout.simpleitem,
new
String[]{
"image"
,
"title"
,
"info"
},
new
int
[]{R.id.img, R.id.title, R.id.info});
mListView.setAdapter(mAdapter);
}
private
List<HashMap<String, Object>> getData() {
mHashMaps =
new
ArrayList<HashMap<String,Object>>();
map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_1);
map.put(
"title"
,
"G1"
);
map.put(
"info"
,
"google 1"
);
mHashMaps.add(map);
map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_2);
map.put(
"title"
,
"G2"
);
map.put(
"info"
,
"google 2"
);
mHashMaps.add(map);
map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_3);
map.put(
"title"
,
"G3"
);
map.put(
"info"
,
"google 3"
);
mHashMaps.add(map);
return
mHashMaps;
}
}
|
simpleAdapter的数据都是用HashMap构成的List,List里面的每一节对应的是ListView的没一行,这里先建一个HashMap构成的List,布局中有3个元素,ImageView,2个TextView,每个item项的布局文件如下:
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
|
<?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:layout_width=
"wrap_content"
android:id=
"@+id/img"
android:layout_margin=
"5px"
android:layout_height=
"wrap_content"
>
</ImageView>
<LinearLayout
android:id=
"@+id/linearLayout1"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:orientation=
"vertical"
>
<TextView
android:id=
"@+id/title"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:textColor=
"#ffffff"
android:textSize=
"22px"
></TextView>
<TextView
android:id=
"@+id/info"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:textColor=
"#ffffff"
android:textSize=
"13px"
></TextView>
</LinearLayout>
</LinearLayout>
|
所以有了HashMap构成的数组后,我们要在HashMap中加入数据,按顺序加入图片,title,info,一个HashMap就构成了ListView中的一个Item项,我们在看下API中是怎么描述simpleAdapter的:
第一个参数和第三个参数跟ArrayAdapter中的是一样的,第二个参数就是由HashMap组成的List,也就是数据源,而第5个参数也就是map中的key,最后一个参数就是map中key对应的值要显示在布局中的位置的id。
看下效果:
如果我们想在每个Item中加个button,而且点击button有对应的操作,那该怎么办呢。
这时我们可以重写baseAdapter,看代码:
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
package
com.shang.test;
import
java.util.ArrayList;
import
java.util.HashMap;
import
java.util.List;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.content.Context;
import
android.content.DialogInterface;
import
android.os.Bundle;
import
android.view.LayoutInflater;
import
android.view.View;
import
android.view.View.OnClickListener;
import
android.view.ViewGroup;
import
android.widget.BaseAdapter;
import
android.widget.Button;
import
android.widget.ImageView;
import
android.widget.ListView;
import
android.widget.TextView;
/**
*
* @author shangzhenxiang
*
*/
public
class
TestBaseAdapter
extends
Activity {
private
ListView mListView;
@Override
protected
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.baseadapterlist);
mListView = (ListView) findViewById(R.id.baselist);
mListView.setAdapter(
new
BaseListAdapter(
this
));
}
private
List<HashMap<String, Object>> getData() {
List<HashMap<String, Object>> maps =
new
ArrayList<HashMap<String,Object>>();
HashMap<String, Object> map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_1);
map.put(
"title"
,
"G1"
);
map.put(
"info"
,
"google 1"
);
maps.add(map);
map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_2);
map.put(
"title"
,
"G2"
);
map.put(
"info"
,
"google 2"
);
maps.add(map);
map =
new
HashMap<String, Object>();
map.put(
"image"
, R.drawable.gallery_photo_3);
map.put(
"title"
,
"G3"
);
map.put(
"info"
,
"google 3"
);
maps.add(map);
return
maps;
}
private
class
BaseListAdapter
extends
BaseAdapter
implements
OnClickListener {
private
Context mContext;
private
LayoutInflater inflater;
public
BaseListAdapter(Context mContext) {
this
.mContext = mContext;
inflater = LayoutInflater.from(mContext);
}
@Override
public
int
getCount() {
return
getData().size();
}
@Override
public
Object getItem(
int
position) {
return
null
;
}
@Override
public
long
getItemId(
int
position) {
return
0
;
}
@Override
public
View getView(
int
position, View convertView, ViewGroup parent) {
ViewHolder viewHolder =
null
;
if
(convertView ==
null
) {
viewHolder =
new
ViewHolder();
convertView = inflater.inflate(R.layout.testbaseadapter,
null
);
viewHolder.img = (ImageView) convertView.findViewById(R.id.img);
viewHolder.title = (TextView) convertView.findViewById(R.id.title);
viewHolder.info = (TextView) convertView.findViewById(R.id.info);
viewHolder.button = (Button) convertView.findViewById(R.id.basebutton);
convertView.setTag(viewHolder);
}
else
{
viewHolder = (ViewHolder) convertView.getTag();
}
System.out.println(
"viewHolder = "
+ viewHolder);
viewHolder.img.setBackgroundResource((Integer) getData().get(position).get(
"image"
));
viewHolder.title.setText((CharSequence) getData().get(position).get(
"title"
));
viewHolder.info.setText((CharSequence) getData().get(position).get(
"info"
));
viewHolder.button.setOnClickListener(
this
);
return
convertView;
}
class
ViewHolder {
ImageView img;
TextView title;
TextView info;
Button button;
}
@Override
public
void
onClick(View v) {
int
id = v.getId();
switch
(id) {
case
R.id.basebutton:
showInfo();
break
;
}
}
private
void
showInfo() {
new
AlertDialog.Builder(TestBaseAdapter.
this
).setTitle(
"my listview"
).setMessage(
"introduce...."
).
setPositiveButton(
"OK"
,
new
DialogInterface.OnClickListener() {
@Override
public
void
onClick(DialogInterface dialog,
int
which) {
// TODO Auto-generated method stub
}
}).show();
}
}
}
|
在看下item的布局文件:
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
|
<?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:layout_width=
"wrap_content"
android:id=
"@+id/img"
android:layout_margin=
"5px"
android:layout_height=
"wrap_content"
>
</ImageView>
<LinearLayout
android:id=
"@+id/linearLayout1"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:orientation=
"vertical"
>
<TextView
android:id=
"@+id/title"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:textColor=
"#ffffff"
android:textSize=
"22px"
></TextView>
<TextView
android:id=
"@+id/info"
android:layout_width=
"wrap_content"
android:layout_height=
"wrap_content"
android:textColor=
"#ffffff"
android:textSize=
"13px"
></TextView>
</LinearLayout>
<Button
android:id=
"@+id/basebutton"
android:text=
"more"
android:focusable=
"false"
android:layout_gravity=
"bottom|right"
android:layout_height=
"wrap_content"
android:layout_width=
"wrap_content"
/>
</LinearLayout>
|
listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特 别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样 return 1,就只显示一行。
如果我们要自定义适配器,那就要重写getView方法,getView()有三个参数,position表示将显示的是第几 行,covertView是从布局文件中inflate来的布局。我们写一个类来描述布局文件中的各个组件,比如ImageView,TextView 等,然后判断convertView是否为空,如果为空就从inflate中拿到布局,并新建一个ViewHolder,然后从convertView中 拿到布局中的各个组件,同时把ViewHolder放到tag中去,下次就不用重写new了,直接从tag中拿就可以了,然后把布局中的各个组件都设上对 应的值,这里的Position对应到含有HashMap的List中的position。
在实际的运行过程中会发现listView的每一行没有焦点了,这是因为Button抢夺了listView的焦点,只要布局文件中将Button设置为没有焦点就OK了。
看下运行效果:
[转自]http://my.oschina.net/u/658933/blog/372151