如何在ListView中添加多个头部视图

Question

我有一个自定义的适配器用于我的ListView，我想将项目名称作为工作请求的标题添加到其中。添加单个标题很好用，但是我不知道如何使用addHeaderView添加多个标题。我不明白应该在哪里放置setAdapter或者是否应该多次放置？

这是我的Java代码，用于单个标题，它可以正常工作：

mListView = (ListView)findViewById(R.id.dashboardList);
View header1 =  getLayoutInflater().inflate(R.layout.listview_header, null, false);
tv = (TextView) header1.findViewById(R.id.listHeader);
adapter = new MyCustomAdapter(MyDashboardActivity.this, R.layout.mydashboard_row, dashboardBean);
tv.setText("Project 1");
mListView.addHeaderView(header1, null, false);
for (int i=0; i < 7; i++) {
     dashboardBean.add(new DashboardBean(workRequests[i],status[i],actualHours[i]));
}
mListView.setAdapter(adapter);

现在，我尝试了以下两个标题：

mListView = (ListView)findViewById(R.id.dashboardList);
View header1 =  getLayoutInflater().inflate(R.layout.listview_header, null, false);
tv = (TextView) header1.findViewById(R.id.listHeader);
adapter = new MyCustomAdapter(MyDashboardActivity.this, R.layout.mydashboard_row, dashboardBean);
tv.setText("RxOffice");
mListView.addHeaderView(header1, null, false);
for (int i=0; i < 4; i++) {
     dashboardBean.add(new DashboardBean(workRequests[i],status[i],actualHours[i])); 
}

tv.setText(Project 2");

mListView.addHeaderView(header1, null, false);
for (int i=4; i < workRequests.length; i++) {
     dashboardBean.add(new DashboardBean(workRequests[i],status[i],actualHours[i]));
}
mListView.setAdapter(adapter);

但是这样做不起作用！它只给我提供了Project 2的标题和下面的所有7个条目。请问有人能告诉我哪里出了问题吗？我猜想与setAdapter有关。谢谢！

- Harsh

Answer 1

我认为你想要做的事情并不是通过你现在的方式实现。当你使用addHeaderView时，它会将你的ListAdapter包装在HeaderViewListAdapter中。我查看了这里的文档，它似乎意味着你可以有多个标题，但它们都在顶部（显然，是标题）。

听起来你实际上想要的是分隔符...

你可以使用CommonWare's MergeAdapter。它允许你按任何顺序插入适配器和视图，并将它们全部呈现为一个单一的适配器传递给列表视图。你只需要为每个内容区段提供标题和适配器，然后将其设置到你的列表视图中。

伪代码示例：

myMergeAdapter = new MergeAdapter(); 
myMergeAdapter.addView(HeaderView1); 
myMergeAdapter.addAdapter(listAdapter1); 
myMergeAdapter.addView(HeaderView2); 
myMergeAdapter.addAdapter(listAdapter2); 
setListAdapter(myMergeAdapter); 

- Barak

Answer 2

我使用由CommonsWare编写的自定义Section Adapter实现了多个标题的场景，您可以在ListView中创建类似书籍、游戏等的分组。请查看下面的代码。

区域适配器：

package com.medplan.db;

import java.util.ArrayList;
import java.util.List;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.BaseAdapter;




abstract public class SectionedAdapter extends BaseAdapter {

    String TAG = "========SectionedAdapter============";

abstract protected View getHeaderView(String caption,
                                      int index,
                                      View convertView,
                                      ViewGroup parent);

private List<Section> sections=new ArrayList<Section>();
private static int TYPE_SECTION_HEADER=0;

public SectionedAdapter() {
  super();
  sections.clear();


}

public void addSection(String caption, Adapter adapter) {

  sections.add(new Section(caption, adapter));
}


public void clear() {

    sections.clear();
    notifyDataSetChanged();
}


public Object getItem(int position) {
  for (Section section : this.sections) {
    if (position==0) {
      return(section);
    }

    int size=section.adapter.getCount()+1;

    if (position<size) {
      return(section.adapter.getItem(position-1));
    }

    position-=size;
  }

  return(null);
}

public int getCount() {
  int total=0;

  for (Section section : this.sections) {
    total+=section.adapter.getCount()+1; // add one for header
  }

  return(total);
}

public int getViewTypeCount() {
  int total=1;  // one for the header, plus those from sections

  for (Section section : this.sections) {
    total+=section.adapter.getViewTypeCount();
  }

  return(total);
}

public int getItemViewType(int position) {
  int typeOffset=TYPE_SECTION_HEADER+1; // start counting from here

  for (Section section : this.sections) {
    if (position==0) {
      return(TYPE_SECTION_HEADER);
    }

    int size=section.adapter.getCount()+1;

    if (position<size) {
      return(typeOffset+section.adapter.getItemViewType(position-1));
    }

    position-=size;
    typeOffset+=section.adapter.getViewTypeCount();
  }

  return(-1);
}

public boolean areAllItemsSelectable() {
  return(false);
}

public boolean isEnabled(int position) {
  return(getItemViewType(position)!=TYPE_SECTION_HEADER);
}

public View getView(int position, View convertView,
                    ViewGroup parent) {
  int sectionIndex=0;

  for (Section section : this.sections) {
    if (position==0) {
      return(getHeaderView(section.caption, sectionIndex,
                            convertView, parent));
    }

    int size=section.adapter.getCount()+1;

    if (position<size) {
      return(section.adapter.getView(position-1,convertView,parent));
    }

    position-=size;
    sectionIndex++;
  }

  return(null);
}

public long getItemId(int position) {
  return(position);
}

class Section {
  String caption = null;
  Adapter adapter = null;

  Section(String caption, Adapter adapter) {
    this.caption=caption;
    this.adapter=adapter;
  }
}
}

在Activity中创建Section适配器对象，参见以下代码：

final SectionedAdapter adapter =new SectionedAdapter()
                {

                      protected View getHeaderView(String caption, int index, View convertView,ViewGroup parent) 
                      {

                        result=(TextView)convertView;

                        if (convertView==null) 
                        {
                          result=(TextView)getLayoutInflater().inflate(R.layout.section_header,null);

                        }

                        result.setText(caption);
                       // temp=caption;
                       // ind=index;

                        return(result);
                      }
                    };

section_header.xml

<?xml version="1.0" encoding="utf-8"?>

<TextView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"  
    android:background="@color/black"
    android:textColor="#FFFFFF"
    android:ellipsize="end"
    android:textSize="11sp"
    style="?android:attr/listSeparatorTextViewStyle" />


<!--    android:background="#515050"-->

在Activity中添加如下所示的多个部分：

注意：userPic和medPic是ArrayList的名称。

adapter.addSection("section first", new EfficientAdapter(getApplicationContext(),usersPic)); 


adapter.addSection("section second", new EfficientAdapter(getApplicationContext(),medPic));

listview.setAdapter(adapter);

- RobinHood

---

我曾经了解过这个。我想知道是否可以不使用MergeAdapter来完成它。结果发现我做不到。谢谢。 - Harsh

Answer 3

我会用 ExpandableListView 解决这个问题。它不需要任何额外的库。

• 创建你的自定义适配器。
• 提供你的数据并填写你需要覆盖的方法。
• 在使用 ExpandableListView 设置适配器后：
  • 覆盖 groupItemClick，这样点击组时实际上不会展开视图。
  • 循环遍历适配器中的每个父项并将其展开。

- erkinyldz