Listview Section 多个标题以及内容

时间：2014-07-30 11:50:43 阅读：324 评论：0 收藏：0 [点我收藏+]

标签：android style blog http color java os io

bubuko.com,布布扣

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

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是接口：

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代码：

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 多个标题以及内容,布布扣,bubuko.com

Listview Section 多个标题以及内容

标签：android style blog http color java os io

原文地址：http://www.cnblogs.com/niray/p/3877479.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行