今天和大家分享关于“listview的分类显示”。现在有比较多的应用都有这个效果,比如在android的ICS风格的“设置”选项里面就有这个效果,先看看效果:
实现这个效果比较简单,在填充listview的adapter的时候,我们都会通过继承BaseAdapter来写我们自己的adapter,listview里面的item是通过getView(int position, View convertView, ViewGroup parent) 实现。其实这边有实现预加载,你只要在getview方法里面打印出log信息就会发现,listview刚开始显示的时候getview不会返回所有的item,只是返回了前面几个,当你往下拖拽的时候getview方法会加载剩下的item。这样做的好处大家都知道,如果不这样做估计早就出现了内存泄漏了。
好吧,我们回到主题,实现分类显示只需要你把你显示的数据打包好。Listview里面的item都是通过getView来生成,所以可以这样,如果在getview里面生成item的时候,你返回两次convertView不就可以了吗?也就是说平时我们都是通过convertView来返回item,但是现在多了一个操作就是你根据自身打包的数据,如果当前返回的item是和之前显示的item不属于同一类就返回两次convertView。这样理解这个就好实现多了吧。注意的是像上面图上“Label”、“类别1”、“类别2”是不可点击的,只要实现BaseAdapter里面的isEnabled(int position)的方法就可以。
下面介绍的实现方式是运用了工厂模式实现,下面是草图
新建了一个ListItems接口:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
/***
* <span class="referer">@author</span> huangsm
* @date 2012-8-29
* <span class="referer">@email</span> huangsanm@gmail.com
* @desc 接口
*/
public
interface
ListItems {
public
int
getLayout();
public
boolean
isClickable();
public
View getView(Context context, View convertView, LayoutInflater inflater);
}
|
其中LabelItem和ContentItem分别是显示的“类别”和“内容”,他们分别实现ListItems接口。LabelItem实现:
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
|
/***
* <span class="referer">@author</span> huangsm
* @date 2012-8-29
* <span class="referer">@email</span> huangsanm@gmail.com
* @desc 标签
*/
public
class
LabelItem
implements
ListItems {
private
String mLabel;
public
LabelItem(String label){
mLabel = label;
}
@Override
public
int
getLayout() {
return
R.layout.label_layout;
}
@Override
public
boolean
isClickable() {
return
false
;
}
@Override
public
View getView(Context context, View convertView, LayoutInflater inflater) {
convertView = inflater.inflate(getLayout(),
null
);
TextView title = (TextView) convertView;
title.setText(mLabel);
return
convertView;
}
}
|
ContentItem的实现:
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
|
/***
* <span class="referer">@author</span> huangsm
* @date 2012-8-29
* <span class="referer">@email</span> huangsanm@gmail.com
* @desc 内容
*/
public
class
ContentItem
implements
ListItems {
private
Item mItem;
public
ContentItem(Item item){
mItem = item;
}
@Override
public
int
getLayout() {
return
R.layout.content_layout;
}
@Override
public
boolean
isClickable() {
return
true
;
}
@Override
public
View getView(Context context, View convertView, LayoutInflater inflater) {
convertView = inflater.inflate(getLayout(),
null
);
ImageView iv = (ImageView) convertView.findViewById(R.id.content_image);
iv.setImageResource(mItem.getResid());
TextView tv = (TextView) convertView.findViewById(R.id.content_text);
tv.setText(mItem.getTitle());
return
convertView;
}
}
|
在activity中实现就相对来说比较麻烦一些。定义一个以ListItems为泛型的list集合mListItems,作为填充adapter的数据源,然后在adapter里面处理就很简单:
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
|
class
PartAdapter
extends
BaseAdapter {
@Override
public
int
getCount() {
return
mListItems.size();
}
@Override
public
Object getItem(
int
position) {
return
mListItems.get(position);
}
@Override
public
long
getItemId(
int
position) {
return
position;
}
@Override
public
boolean
isEnabled(
int
position) {
return
mListItems.get(position).isClickable();
}
@Override
public
View getView(
int
position, View convertView, ViewGroup parent) {
return
mListItems.get(position).getView(mContext, convertView, mInflater);
}
}
|
接下来是初始化数据,需要注意的是LabelItem的初始化,不过这个动作可以在你打包数据的时候处理好,这样在activity里面就不会那么麻烦了
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
|
@Override
protected
void
onCreate(Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.part_listview);
mListView = (ListView) findViewById(R.id.part_list);
mContext =
this
;
mInflater = LayoutInflater.from(mContext);
mListItems =
new
ArrayList
<listitems> ();
//初始化数据
LabelItem label1 =
new
LabelItem(
"Label"
);
mListItems.add(label1);
Item item1 =
new
Item();
item1.setResid(R.drawable.ic_launcher);
item1.setTitle(getString(R.string.app_name));
ContentItem content1 =
new
ContentItem(item1);
mListItems.add(content1);
for
(
int
i =
0
; i <
3
; i++) {
LabelItem label =
new
LabelItem(
"类别"
+ (i +
1
));
mListItems.add(label);
for
(
int
j =
0
; j <
3
; j++) {
Item item =
new
Item();
item.setResid(R.drawable.ic_launcher_biz);
item.setTitle(
"Content"
+ (i +
1
));
ContentItem content =
new
ContentItem(item);
mListItems.add(content);
}
}
//设置adapter
PartAdapter adapter =
new
PartAdapter();
mListView.setAdapter(adapter);
}
</listitems>
|