在Recyclerview或Listview中添加多个标题.随机

Question

如何在RecyclerView或listview中添加多个标题或分隔符.随机突出显示在下图中:

RecyclerView中的多个标题基于日期 - 演示图像

Answer 1

在Items的构造函数中创建一个列表:

private ArrayList<Item> list;

...
public AdapterMain() {
    list.add(new HeaderItem());
    list.add(new NormalItem());
    list.add(new HeaderItem());
    list.add(new NormalItem());
}


public Item getItem(int position) {
    return list.get(position);
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
    if (viewType == Item.TYPE_NORMAL) {
        View v = inflater.inflate(R.layout.adapter_normal, viewGroup, false);
        return new NormalViewHolder(v);
    } else if (viewType == Item.TYPE_HEADER) {
        View v = inflater.inflate(R.layout.adapter_header, viewGroup, false);
        return new HeaderViewHolder(v);
    }
    return null;
}


@Override
public int getItemViewType(int position) {
    return list.get(position).getItemType();
}

@Override
public int getItemCount() {
    return list.size();
}

public abstract class Item {
    public static final int TYPE_HEADER = 0;
    public static final int TYPE_NORMAL = 1;
    public abstract void bindToViewHolder(RecyclerView.ViewHolder holder);
    public abstract int getItemType();
}

实际的Header项:(还要生成NormalItem类和NormalViewHolder类)

public class HeaderItem extends Item {
    public HeaderItem() {
        super();
    }

    @Override
    public void bindToViewHolder(RecyclerView.ViewHolder viewholder) {
        HeaderItem holder = (HeaderItem) viewholder;
        holder.title.setText("Header");
    }

    @Override
    public int getItemType() {
        return Item.TYPE_HEADER;
    }
}

public class HeaderViewHolder extends RecyclerView.ViewHolder {
    TextView title;

    public HeaderViewHolder(View itemView) {
        super(itemView);
        title = itemView.findViewById(R.id.textview);
    }
}

Answer 2

您可以使用SectionedRecyclerViewAdapter库来实现它.它具有"部分"的概念,每个部分都可以有自己的标题.

在我看来,您需要按"日期"对呼叫进行分组.所以你可以像这样创建你的Section类:

class MySection extends StatelessSection {

    String date;
    List<Call> callList;

    public MySection(String date, List<Call> callList) {
        // call constructor with layout resources for this Section header, footer and items 
        super(R.layout.section_header, R.layout.section_footer,  R.layout.section_item);

        this.date = date;
        this.callList = callList;
    }

    @Override
    public int getContentItemsTotal() {
        return callList.size(); // number of items of this section
    }

    @Override
    public RecyclerView.ViewHolder getItemViewHolder(View view) {
        // return a custom instance of ViewHolder for the items of this section
        return new MyItemViewHolder(view);
    }

    @Override
    public void onBindItemViewHolder(RecyclerView.ViewHolder holder, int position) {
        MyItemViewHolder itemHolder = (MyItemViewHolder) holder;

        // bind your view here
        itemHolder.tvItem.setText(callList.get(position).getContactName());
    }

    @Override
    public RecyclerView.ViewHolder getHeaderViewHolder(View view) {
        return new SimpleHeaderViewHolder(view);
    }

    @Override
    public void onBindHeaderViewHolder(RecyclerView.ViewHolder holder) {
        MyHeaderViewHolder headerHolder = (MyHeaderViewHolder) holder;

        // bind your header view here
        headerHolder.tvItem.setText(date);
    }
}

然后使用您的章节设置RecyclerView:

// Create an instance of SectionedRecyclerViewAdapter 
SectionedRecyclerViewAdapter sectionAdapter = new SectionedRecyclerViewAdapter();

MySection mySection1 = new MySection("27 Mar, 2016", callList1);
MySection mySection2 = new MySection("28 Mar, 2016", callList2);

// Add your Sections
sectionAdapter.addSection(mySection1);
sectionAdapter.addSection(mySection2);

// Set up your RecyclerView with the SectionedRecyclerViewAdapter
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
recyclerView.setAdapter(sectionAdapter);