Listview Section 多个标题以及内容

其中日期标题部分视图布局：

view sourceprint?1 <?xml version=”1.0″ encoding=”utf-8″?>    

 <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”    

 android:orientation=”vertical” android:layout_width=”fill_parent”    

 android:layout_height=”10dip” android:background=”@drawable/section_background”>    

 <TextView android:id=”@+id/section_title”    

 android:layout_width=”fill_parent” android:layout_height=”match_parent” />    

 </LinearLayout>
 

带图片的条目布局部分：

<?xml version=”1.0″ encoding=”utf-8″?>    

 <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”    

 android:layout_width=”fill_parent” android:layout_height=”wrap_content”    

android:orientation=”horizontal” >    

 <ImageView android:id=”@+id/image” android:src=”@drawable/p”    

 android:layout_width=”wrap_content” android:layout_height=”wrap_content” />    

 <TextView android:id=”@+id/title” android:layout_width=”wrap_content”    

 android:layout_height=”wrap_content” />    

 </LinearLayout>   

问题在于，如何在ListView中既有标题条目又有内容条目。

这里用到了设计模式中的Iterator模式。在java代码中示例有Iterator，可以迭代ArrayList，HashSet等不同的数据结构对象。

ListElement是接口：

1. package com.easymorse.listview.customer;      
   
    import android.content.Context;    
   
    import android.view.LayoutInflater;    
   
   import android.view.View;    
   
    public interface ListElement {    
   
    public int getLayoutId();    
   
    public boolean isClickable();    
   
    public View getViewForListElement(LayoutInflater layoutInflater,    
   
    Context context, View view);    
   
   }
     

其中:

• getLayoutId()返回布局的值；
• isClickable()返回是否可点击；
• getViewForListElement()返回视图对象。

这个接口有两个实现：

• SectionListElement，用于实现标题条目；
• ContentListElement，用于实现内容条目。

见SectionListElement代码：

1. package com.easymorse.listview.customer;      
   
    import android.content.Context;    
   
    import android.view.LayoutInflater;    
   
    import android.view.View;    
   
    import android.widget.LinearLayout;    
   
    import android.widget.TextView;    
   
    public class SectionListElement implements ListElement {    
   
    private String text;    
   
   public void setText(String text) {    
   
    this.text = text;    
   
    }    
   
    @Override   
   
    public int getLayoutId() {    
   
    return R.layout.section;    
   
    }    
   
    @Override   
   
    public boolean isClickable() {    
   
    return false;    
   
    }       
   
    @Override   
   
   public View getViewForListElement(LayoutInflater layoutInflater,    
   
    Context context, View view) {    
   
    LinearLayout layout = (LinearLayout) layoutInflater.inflate(getLayoutId(), null);    
   
   TextView textView=(TextView) layout.findViewById(R.id.section_title);    
   
    textView.setText(text);    
   
    return layout;    
   
   }    
   
    }
    

见ContentListElement代码：

ListView需要ListAdapter的实现。在这里是直接集成BaseAdapter来实现的。用于交给ListView生成出列表。代码：

public class CustomerListAdapter extends BaseAdapter {
private Context context;    

 protected ArrayList<ListElement> resultList;    

 private LayoutInflater layoutInflater;    

 public CustomerListAdapter(Context context) {    

 super();    

 this.context = context;
 this.layoutInflater = (LayoutInflater) context    

 .getSystemService(“layout_inflater”);    

 this.resultList = new ArrayList<ListElement>();    

 }    

@Override   

 public int getCount() {    

 return this.resultList.size();    

 }    

@Override   

 public Object getItem(int position) {    

 return this.resultList.get(position);    

 }    

 @Override   

public long getItemId(int position) {    

 return position;    

}    

 @Override   

 public View getView(int position, View view, ViewGroup parent) {    

 return this.resultList.get(position).getViewForListElement(    

 layoutInflater, context, view);    

}    

 public void addList(List<ListElement> elements) {    

 this.resultList.addAll(elements);    

 }    

 @Override   

 public boolean isEnabled(int position) {    

 return this.resultList.get(position).isClickable();
 }    

 public void addSectionHeaderItem(String text) {    

 SectionListElement element = new SectionListElement();    

 element.setText(text);    

 this.resultList.add(element);    

 }    

}   

在Activity中创建CustomerListAdapter以及设置它的代码部分：

CustomerListAdapter adapter = new CustomerListAdapter(this);    

 adapter.addSectionHeaderItem(“2002-3-1″);    

 ArrayList<ListElement> elements = new ArrayList<ListElement>();    

 for (int i = 0; i < 5; i++) {    

ContentListElement element = new ContentListElement();    

 element.setTitle(“哈利波特第” + (i+1) + “集”);    

elements.add(element);    

}    

 adapter.addList(elements);    

adapter.addSectionHeaderItem(“2002-2-2″);    

 elements = new ArrayList<ListElement>();    

 for (int i = 0; i < 3; i++) {    

ContentListElement element = new ContentListElement();    

 element.setTitle(“指环王第” + (i+1) + “集”);    

elements.add(element);    

}    

 adapter.addList(elements);    

 this.setListAdapter(adapter);   

这里ListActivity，还需要注意两件事情，Activity要继承ListActivity。另外，在layout中：

ListView的id要用系统自带的

Listview Section 多个标题以及内容