先上这一个阶段的结果图:
我们可以对比看到,我们的listview已经实现了单个item的显示,我们现在面临的问题是,如何显示两个(甚而是多个item呢?)
面对这个问题,其实是首先需要我们很理解单个item的listview的实现原理的。我们不难发现,其实,每一个item的布局是有一个单独的子项布局文件来进行描述的,我们这里需要另外一个item,那么一定就需要一个新的子项布局文件(其实就是一个imageview):
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ImageView
android:layout_marginLeft="140dip"
android:layout_marginTop="20dip"
android:layout_marginBottom="20dip"
android:id="@+id/image_point"
android:layout_height="10dip"
android:layout_width="10dip"
android:src="@drawable/blackpoint"
android:clickable = "true"
/>
</LinearLayout>
接下来同理,在考虑完i单个tem的结构之后,考虑它的内容,我们使用一个实体类来封装的,所以,由于内容是不同的,所以我们现在一定是需要定义一个新的实体类文件的:
package com.example.littled;
public class Point {
private int imageId;
public Point(int imageId)
{
this.imageId = imageId;
}
public int getImageId()
{
return imageId;
}
}
我们的数据传输,是需要适配器类作为接口的,这里我们不用ArrayAdapter了,我们使用android的BaseAdapter. 通过继承它,并重写方法来实现多个item的处理。这里的几个重写方法需要去理解和熟悉,其实最核心的就是swtch结构下的case选择结构,不同的item执行不同的适配处理!
package com.example.littled;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;
public class DayApater extends BaseAdapter {
//itemA类的type标志
private static final int TYPE_A = 0;
//itemB类的type标志
private static final int TYPE_B = 1;
private Context context;
//整合数据
private List<Object> data = new ArrayList<Object>();
public DayApater(Context context, ArrayList<Object> data) {
this.context = context;
this.data = data;
}
@Override
public int getItemViewType(int position) {
int result = 0;
if (data.get(position) instanceof Day) {
result = TYPE_A;
} else if (data.get(position) instanceof Point) {
result = TYPE_B;
}
return result;
}
/**
* 获得有多少中view type
* @return
*/
@Override
public int getViewTypeCount() {
return 2;
}
@Override
public int getCount() {
return data.size();
}
@Override
public Object getItem(int position) {
return data.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//创建两种不同种类的viewHolder变量
ViewHolder1 holder1 = null;
ViewHolder2 holder2 = null;
//根据position获得View的type
int type = getItemViewType(position);
if (convertView == null) {
//实例化
holder1 = new ViewHolder1();
holder2 = new ViewHolder2();
//根据不同的type 来inflate不同的item layout
//然后设置不同的tag
//这里的tag设置是用的资源ID作为Key
switch (type) {
case TYPE_A:
convertView = View.inflate(context, R.layout.day_item1, null);
holder1.week = (TextView) convertView.findViewById(R.id.leftup);
holder1.day = (TextView) convertView.findViewById(R.id.leftbottom);
holder1.detail = (TextView) convertView.findViewById(R.id.right);
convertView.setTag(R.id.tag_first, holder1);
break;
case TYPE_B:
convertView = View.inflate(context, R.layout.point_item, null);
holder2.img = (ImageView) convertView.findViewById(R.id.image_point);
convertView.setTag(R.id.tag_second, holder2);
break;
}
} else {
//根据不同的type来获得tag
switch (type) {
case TYPE_A:
holder1 = (ViewHolder1) convertView.getTag(R.id.tag_first);
break;
case TYPE_B:
holder2 = (ViewHolder2) convertView.getTag(R.id.tag_second);
break;
}
}
Object o = data.get(position);
//根据不同的type设置数据
switch (type) {
case TYPE_A:
Day a = (Day) o;
holder1.detail.setText(a.getDetail());
holder1.week.setText(a.getWeek());
holder1.day.setText(a.getDay());
break;
case TYPE_B:
Point b = (Point) o;
holder2.img.setImageResource(b.getImageId());
break;
}
return convertView;
}
/**
* item A 的Viewholder
*/
private static class ViewHolder1 {
TextView week;
TextView day;
TextView detail;
}
/**
* item B 的Viewholder
*/
private static class ViewHolder2 {
ImageView img;
}
}
最后就是在活动中来传入数据了,其实很好想,怎么才能交替显示两种item呢,我们可以每次都将它们及时的添加到一个ArrayList<Object>当中,穿入适配器处理,当然适配器的处理就是我们这个实现的核心!
package com.example.littled;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends Activity {
private ArrayList<Object> daylist = new ArrayList<Object>();
private ArrayList<Object> pointlist = new ArrayList<Object>();
private ArrayList<Object> data = new ArrayList<Object>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initDays();
DayApater adapter = new DayApater(MainActivity.this,data);
ListView listView = (ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
private void initDays()
{
Day day1 = new Day("SAT","1","我去超市来着...");
data.add(day1);
Day day2 = new Day("SUN","2","今天第一次和智恩吃意大利面。");
data.add(day2);
Day day3 = new Day("MON","3","路两边的树吸走了汽车尾气");
data.add(day3);
Day day4 = new Day("TUE","4","现在每天都能吃到猪排饭了,好开心啊");
data.add(day4);
Point point = new Point(R.drawable.blackpoint);
data.add(point);
data.add(point);
Day day5 = new Day("FRI","7","你,黑咖啡,芝士年糕,羽毛球,成功");
data.add(day5);
Day day6 = new Day("SAT","8","DGA 7 最爱");
data.add(day6);
}
}