类似QQ聊天界面,ListView的item显示不同布局

在项目中遇到一个需求，仿QQ的聊天，ListView的item显示不同布局，在这里显示3种自定义的布局

我给大家提供2种思路

1、如果布局接近，写一个把所有控件包含进去的大布局，只要隐藏就可以了。

2.、如果布局不统一，就是我接下来讲的方法了。



如图，我总共有三种布局。

其他都一样，最主要的是adapter中的代码。相信大家对baseadapter已经很熟悉了，但是这两个方法大家不经常用。

@Override
	public int getItemViewType(int position) {
		// TODO Auto-generated method stub
		type = Integer.parseInt(mresponseType.get(position));
		if (type == 0 ) {
			return retype = 0;
		} else if (type == 1) {
			return retype = 1;
		} else if (type == 2) {
			return retype = 2;
		} else if (type == 3) {
			return retype = 3;
		} 
		else {
			return retype = 0;
		}
	}

	@Override
	public int getViewTypeCount() {
		// TODO Auto-generated method stub
		//只有三种布局
		return 3;
	}

getViewTypeCount()是只有三种布局。

getItemViewType（）是服务器给我传回来的类型，我用一个变量接收它。

好了，接下来我们该怎么做了，那就是在getView()里边做工作了。

public View getView(int position, View convertView, ViewGroup arg2) {
		// TODO Auto-generated method stub
		viewHolder1 holder1 = null;
		viewHolder2 holder2 = null;
		viewHolder3 holder3 = null;
		if (convertView == null) {
			switch (retype) {
			case TYPE_1:
				convertView = LayoutInflater.from(mContext).inflate(
						R.layout.dynamic_type1, null);
				holder1 = new viewHolder1();
				//这里find你的控件
				convertView.setTag(holder1);
				break;
			case TYPE_2:
				convertView = LayoutInflater.from(mContext).inflate(
						R.layout.dynamic_type2, null);
				holder2 = new viewHolder2();
				//这里find你的控件
				convertView.setTag(holder2);
				break;
			case TYPE_3:
				convertView = LayoutInflater.from(mContext).inflate(
						R.layout.dynamic_type3, null);
				holder3 = new viewHolder3();
				//这里find你的控件
				convertView.setTag(holder3);
			}
		}else {
			switch (retype) {
			case TYPE_1:
				holder1 = (viewHolder1) convertView.getTag();
				break;
			case TYPE_2:
				holder2 = (viewHolder2) convertView.getTag();
				break;
			case TYPE_3:
				holder3 = (viewHolder3) convertView.getTag();
				break;
				
			}
		}
		switch (retype) {
		case TYPE_1:
			break;
			
		case TYPE_2:
			break;
		case TYPE_3:
			break;
		}
		return convertView;
	}

根据返回的布局类型，我们只需要用Viewholder来转换相对应的类型就可以了。

好了，到此就大功告成了。可以定制你自己想要的布局了

是不是很简单。下面是代码，大家需要可自行下载。

点我下载代码