Android：ListView分类显示

来源：互联网发布：喀秋莎软件使用ppt 编辑：程序博客网时间：2024/05/22 02:08

今天和大家分享关于“listview的分类显示”。现在有比较多的应用都有这个效果，比如在android的ICS风格的“设置”选项里面就有这个效果，先看看效果：

ListView分类显示

实现这个效果比较简单，在填充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)的方法就可以。

下面介绍的实现方式是运用了工厂模式实现，下面是草图

ListView分类显示

新建了一个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 接口
 */
publicinterface ListItems {
 
    publicint getLayout();
     
    publicboolean isClickable();
     
    publicView 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 标签
 */
publicclass LabelItem implementsListItems {
 
    privateString mLabel;
    publicLabelItem(String label){
        mLabel = label;
    }
     
    @Override
    publicint getLayout() {
        returnR.layout.label_layout;
    }
 
    @Override
    publicboolean isClickable() {
        returnfalse;
    }
 
    @Override
    publicView getView(Context context, View convertView, LayoutInflater inflater) {
        convertView = inflater.inflate(getLayout(), null);
        TextView title = (TextView) convertView;
        title.setText(mLabel);
        returnconvertView;
    }
 
}

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 内容
 */
publicclass ContentItem implementsListItems {
 
    privateItem mItem;
    publicContentItem(Item item){
        mItem = item;
    }
     
    @Override
    publicint getLayout() {
        returnR.layout.content_layout;
    }
 
    @Override
    publicboolean isClickable() {
        returntrue;
    }
 
    @Override
    publicView 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());
        returnconvertView;
    }
}

在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
classPartAdapter extendsBaseAdapter {
 
        @Override
        publicint getCount() {
            returnmListItems.size();
        }
 
        @Override
        publicObject getItem(intposition) {
            returnmListItems.get(position);
        }
 
        @Override
        publiclong getItemId(intposition) {
            returnposition;
        }
         
        @Override
        publicboolean isEnabled(intposition) {
            returnmListItems.get(position).isClickable();
        }
 
        @Override
        publicView getView(intposition, View convertView, ViewGroup parent) {
            returnmListItems.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
    protectedvoid 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 =  newArrayList
   <listitems>     ();
         
        //初始化数据
        LabelItem label1 = newLabelItem("Label");
        mListItems.add(label1);
         
        Item item1 = newItem();
        item1.setResid(R.drawable.ic_launcher);
        item1.setTitle(getString(R.string.app_name));
        ContentItem content1 = newContentItem(item1);
        mListItems.add(content1);
         
        for(inti = 0; i < 3; i++) {
            LabelItem label = newLabelItem("类别"+ (i + 1));
            mListItems.add(label);
             
            for(intj = 0; j < 3; j++) {
                Item item = newItem();
                item.setResid(R.drawable.ic_launcher_biz);
                item.setTitle("Content"+ (i + 1));
                ContentItem content = newContentItem(item);
                mListItems.add(content);
            }
        }
         
        //设置adapter
        PartAdapter adapter = newPartAdapter();
        mListView.setAdapter(adapter);
    }
   </listitems>

0 0