android listview加载不同布局及注意事项

这里写图片描述界面很丑,只为演示

这里介绍两种不同,第一种只是item布局不同,但是控件都是一样的。第二种则是布局和控件都不相同。

第一种:布局不同,控件相同
首先我们先创建两个布局,一个是listview_record_a,一个是listview_record_b,下面是各自的代码

listview_record_a

<?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="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/padding_left_right"
        android:layout_marginRight="@dimen/padding_left_right"
        android:layout_marginTop="@dimen/padding_left_right"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_record"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:padding="@dimen/padding_left_right"
            android:text="记录"
            android:textSize="@dimen/textsizi3" />

        <View
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:background="@color/grey" />

        <TextView
            android:id="@+id/tv_date"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical|right"
            android:padding="@dimen/padding_left_right"
            android:text="时间"
            android:textSize="@dimen/activity_text" />

    </LinearLayout>
</LinearLayout>

listview_record_b

<?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="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/padding_left_right"
        android:layout_marginLeft="@dimen/padding_left_right"
        android:layout_marginRight="@dimen/padding_left_right"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_record"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:padding="@dimen/padding_left_right"
            android:text="记录"
            android:textSize="@dimen/textsizi3" />

        <TextView
            android:id="@+id/tv_date"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical|right"
            android:padding="@dimen/padding_left_right"
            android:text="时间"
            android:textSize="@dimen/activity_text" />

    </LinearLayout>
</LinearLayout>

然后新建一个adapter类,继承自BaseAdapter,然后重写其中的方法,重写玩这些默认的方法后,我们还要自己重写两个方法

@Override
    public int getItemViewType(int position) {
        return Integer.parseInt(list.get(position).get("content3"));
    }

上面这个方法是用来区分布局的,它返回的是一个int类型的数,通过这个数来区分加载哪一个布局,从代码可以看出,这个区分的值我是从外面传入adapter中的。

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

这个方法表示你有几个布局,有两个就写2,类推。新写的方法就这两个,其他的和你们平时写的适配器一样。下面我将适配器的所有代码都贴出来。

package com.zhiziyun.dmptest.bot.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.zhiziyun.dmptest.bot.R;

import java.util.HashMap;
import java.util.List;

/**
 * Created by Administrator on 2017/11/24.
 */

public class CommunicationRecordAdapter extends BaseAdapter {
    private Context context;
    public static final int ITEM_A = 0;
    public static final int ITEM_B = 1;
    private LayoutInflater inflater;
    private List<HashMap<String, String>> list;

    public CommunicationRecordAdapter(Context context, List<HashMap<String, String>> list) {
        this.context = context;
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getItemViewType(int position) {
        return Integer.parseInt(list.get(position).get("content3"));
    }

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        int type = getItemViewType(position);

        ViewHold viewHold = null;
        if (convertView == null) {
            viewHold = new ViewHold();
            if (type == ITEM_A) {
                convertView = inflater.inflate(R.layout.listview_record_a, null);
            } else {
                convertView = inflater.inflate(R.layout.listview_record_b, null);
            }
            viewHold.text1 = convertView.findViewById(R.id.tv_record);
            viewHold.text2 = convertView.findViewById(R.id.tv_date);
            convertView.setTag(viewHold);
        } else {
            viewHold = (ViewHold) convertView.getTag();
        }
        viewHold.text1.setText(list.get(position).get("content1"));
        viewHold.text2.setText(list.get(position).get("content2"));
        return convertView;
    }

    public static class ViewHold {
        private TextView text1, text2;
    }
}

由于只是布局不同,里边的数据都相同,所以我们只需要在加载布局这里做判断,其余部分都不变,这比布局和数据都不同的情况要简单得多。

第二种:布局不同,数据也不同
如图2,一二行显示的是文字,第三行则是一个开关,同样的新建两个布局
list_item

<?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="vertical">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="测试"
        android:textSize="18sp" />

</LinearLayout>

list_item2

<?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="vertical">

    <ch.ielse.view.SwitchView
        android:id="@+id/sv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

我这里使用的SwitchView是第三方的,大家可以替换成其他的控件,然后新建一个adapter类,继承自BaseAdapter,然后重写其中的方法,重写玩这些默认的方法后,我们还要自己重写两个方法

@Override
    public int getItemViewType(int position) {
        return (int) list.get(position).get("state");
    }

上面这个方法是用来区分布局的,它返回的是一个int类型的数,通过这个数来区分加载哪一个布局,从代码可以看出,这个区分的值我是从外面传入adapter中的。

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

这个方法表示你有几个布局,有两个就写2,类推。新写的方法就这两个,其他的和你们平时写的适配器一样。下面我将适配器的所有代码都贴出来。

package com.test.dmptest.listviewlayout;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;

import ch.ielse.view.SwitchView;

/**
 * Created by Administrator on 2017/11/24.
 * 探针列表的adapter
 */

public class ListAdapter extends BaseAdapter {
    public static final int ITEM_A = 0;
    public static final int ITEM_B = 1;
    private Context context;
    private LayoutInflater inflater;
    private ArrayList<HashMap<String, Object>> list;

    public ListAdapter(Context context, ArrayList<HashMap<String, Object>> list) {
        this.context = context;
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getItemViewType(int position) {
        return (int) list.get(position).get("state");
    }

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

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        int type = getItemViewType(position);

        ViewHolder holder = null;
        ViewHolder2 holder2 = null;
        if (convertView == null) {
            switch (type) {
                case ITEM_A:
                    holder = new ViewHolder();
                    convertView = inflater.inflate(R.layout.list_item, null);
                    holder.text1 = convertView.findViewById(R.id.text);
                    convertView.setTag(holder);
                    break;
                case ITEM_B:
                    holder2 = new ViewHolder2();
                    convertView = inflater.inflate(R.layout.list_item2, null);
                    holder2.sv = convertView.findViewById(R.id.sv);
                    convertView.setTag(holder2);
                    break;
            }

        } else {
            switch (type) {
                case ITEM_A:
                    holder = (ViewHolder) convertView.getTag();
                    holder.text1.setText(list.get(position).get("content1").toString());
                    break;
                case ITEM_B:
                    holder2 = (ViewHolder2) convertView.getTag();
                    holder2.sv.setOpened(true);
                    break;
                default:
                    break;
            }

        }

        return convertView;
    }

    public class ViewHolder {
        private TextView text1;
    }

    public class ViewHolder2 {
        private SwitchView sv;
    }
}

由于布局里的控件也不同了,所以我们需要定义两个ViewHolder,然后引用控件和布局都要根据getItemViewType(position)来分别加载,其他的都没什么好说的。

然而,这里还有一个坑,当你下拉刷新或者下拉加载可能会报这个错误

java.lang.ArrayIndexOutOfBoundsException: length=2; index=2 

当然,跟着我写的都没有这个问题,出现上述错误的原因是:类型要从0开始,否则就会出错误,对应我的代码就是:

public static final int ITEM_A = 0;
public static final int ITEM_B = 1;

这两个值一定不能乱写,要从0开始。好了就说这么多………

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值