Android ListView实现多种Item布局

前言

有时,我们的ListView的Item布局并非都是一样的,比如,我们需要一个按拼音排序的列表,如下图:



有的同学可能会说,直接把两种布局放在一个Item布局中,在getView中隐藏不用的那个布局不就行了。这种方法确实能够实现,也没什么问题,但是如果布局种类不止两种,而是20种或者更多呢?显然每次加载所有布局是很不明智的,而且很可能会造成界面卡顿。
其实,Google早想到了这一点,并提供了解决方法。下面介绍如何用Google提供的方法实现ListView多种Item布局。

实现

建立Adapter类,继承BaseAdapter,并实现getItemViewType和getViewTypeCount方法。

public class ComListAdapter extends BaseAdapter {
    public static final int TYPE_TITLE = 0;
    public static final int TYPE_COMPANY = 1;
    private Context context;
    private String[] comNames;
    private String[] comIcons;

    public ComListAdapter(Context context, String[] comNames, String[] comIcons) {
        super();
        this.context = context;
        this.comNames = comNames;
        this.comIcons = comIcons;
    }

    @Override
    public int getCount() {
        return comNames.length;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public int getItemViewType(int position) {
        if (comNames[position].length() == 1) {
            return TYPE_TITLE;
        } else {
            return TYPE_COMPANY;
        }
    }

    @Override
    public int getViewTypeCount() {
        return 2;
    }

    @SuppressLint("InflateParams")
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TitleViewHolder titleHolder;
        ComViewHolder comHolder;
        switch (getItemViewType(position)) {
            case TYPE_TITLE:
                if (convertView == null) {
                    convertView = LayoutInflater.from(context).inflate(R.layout.choose_com_list_item_title, null);
                    titleHolder = new TitleViewHolder();
                    titleHolder.title = (TextView) convertView.findViewById(R.id.title);
                    convertView.setTag(titleHolder);
                } else {
                    titleHolder = (TitleViewHolder) convertView.getTag();
                }
                if (comNames[position].equals("★")) {
                    titleHolder.title.setText("常用快递");
                } else {
                    titleHolder.title.setText(comNames[position]);
                }
                break;
            case TYPE_COMPANY:
                if (convertView == null) {
                    convertView = LayoutInflater.from(context).inflate(R.layout.choose_com_list_item_com, null);
                    comHolder = new ComViewHolder();
                    comHolder.com = (TextView) convertView.findViewById(R.id.com);
                    comHolder.icon = (ImageView) convertView.findViewById(R.id.icon);
                    convertView.setTag(comHolder);
                } else {
                    comHolder = (ComViewHolder) convertView.getTag();
                }
                comHolder.com.setText(comNames[position]);
                int id = context.getResources().getIdentifier(comIcons[position],
                        "drawable", context.getPackageName());
                comHolder.icon.setImageResource(id);
                break;
        }
        return convertView;
    }

    class TitleViewHolder {
        TextView title;
    }

    class ComViewHolder {
        TextView com;
        ImageView icon;
    }
}

和我们平时写的Adapter没什么区别,只是需要复写上面两个方法,需要两个(或多个)ViewHolder和Item布局。

getViewTypeCount()返回布局种类的数量
getItemViewType(int position)返回当前Item布局类型,可以在这里实现我们的逻辑
getView中我们根据当前Item布局类型,加载对应的布局。

是不是很简单,唯一的缺点就是代码量会大大增加。

迁移自我的CSDN博客
2015.11.02

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,964评论 25 709
  • Android源码之ListView的适配器模式 Adapter Pattern适配器模式分为两种,即类适配器,对...
    cxm11阅读 4,262评论 1 30
  • 内容是博主照着书敲出来的,博主码字挺辛苦的,转载请注明出处,后序内容陆续会码出。 ListView虽然使用广泛,但...
    Blankj阅读 2,587评论 8 31
  • 为了入冬前还能 遇见 让天空一无所有吗 在天亮以前 岸边取火的人 眼神平静 遗忘何尝不是一条鱼 进入水中 我总是想...
    杨昊田阅读 332评论 7 11
  • 读书是自己充实,参学自得亦是自己充实。精神之充实之外体力要充实。充实即饱满,饱满则充溢,然后结果自然流露。…人要自...
    勉强家阅读 566评论 0 2