Listview Section 多个标题以及内容

Listview Section 多个标题以及内容

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

带图片的条目布局部分:

问题在于,如何在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生成出列表。代码:

在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要用系统自带的

上一篇:使用JS与jQuery实现文字逐渐出现特效


下一篇:Codeforces 396 E. Valera and Queries