RecyclerView具有多个布局

时间:2015-06-15 11:50:14

标签: android android-recyclerview

我正在使用RecyclerView在CardView中显示文本,但我想在RecyclerView的顶部添加一个Header TextView,如下所示:

enter image description here

所以我制作了另一个布局文件" top_header.xml"只有一个TextView,但我不知道如何修改适配器以获得两个布局。

public class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder> {

List<AdapterData> mItems;

public Adapter() {
    super();
    mItems = new ArrayList<AdapterData>();
    AdapterData data = new AdapterData();
    data.setCode("dummytext");
    data.setResult("dummytext");
    mItems.add(data);

    data = new AdapterData();
    data.setCode("dummytext");
    data.setResult("dummytext");
    mItems.add(data);

    data = new AdapterData();
    data.setCode("dummytext");
    data.setResult("dummytext");
    mItems.add(data);

    data = new AdapterData();
    data.setCode("dummytext");
    data.setResult("dummytext");
    mItems.add(data);

    data = new AdapterData();
    data.setCode("dummytext");
    data.setResult("dummytext");
    mItems.add(data);

}

@Override
public int getItemViewType(int position) {
    int viewType = 0;
    return viewType;
}

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    if (viewType == 0) {
        return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.top_textview, parent, false));
    }

    return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_view_card_item, parent, false));
}

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {
    AdapterData data = mItems.get(position);
    viewHolder.code.setText(data.getCode());
    viewHolder.result.setText(data.getResult());

}


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


class ViewHolder1 extends RecyclerView.ViewHolder{
    public TextView header;

    public ViewHolder1(View itemView) {
        super(itemView);
        header = (TextView)itemView.findViewById(R.id.header_textview);

    }
}

class ViewHolder2 extends RecyclerView.ViewHolder{
    public TextView code;
    public TextView result;

    public ViewHolder2(View itemView) {
        super(itemView);
        code = (TextView)itemView.findViewById(R.id.sims_code);
        result = (TextView)itemView.findViewById(R.id.sims_result);

    }
}


}

3 个答案:

答案 0 :(得分:2)

您需要进行三项更改:

  1. getItemViewType()上实施RecyclerView.Adapter,根据提供的position为应用所需的每种视图类型返回一个唯一的整数。因此,您可以为标题返回一个值(可能是position 0),其他值则为其他所有值。

  2. 注意传递到viewType的{​​{1}}参数,并根据需要创建适当的onCreateViewHolder()。这反过来可能意味着您的标题和详细信息行应该有不同的RecyclerView.ViewHolder类。

  3. ViewHolder中,根据您获得的onBindViewHolder()的类型应用绑定逻辑,以便将适当的数据绑定到ViewHolder。您可以使用ViewHolder,或让instanceof类实现一个公共接口,或者使其工作的任何内容。

  4. This sample app演示ViewHolder部分标题,用于执行上述步骤。

答案 1 :(得分:0)

必须根据视图持有者视图创建不同类型的查看持有者并且还绑定数据。已经问过这个问题并在这里回答Recyclerview and handling different type of row inflation,它会对你有帮助

答案 2 :(得分:0)

如果您想添加多种类型的观看次数(超过2种类型),而不仅仅是header和&#34;正常&#34; itemCommonsWare answer是完美的。但是如果提到的两种类型(headeritem)对你来说足够了,答案可以简单得多(从实际的角度来看)。

您可以使用两个相对简单的库:

  1. RecyclerViewHeader - 超级简单易用,但使用了一点&#34; hacky&#34;方法,有时可能会导致问题。适用于相对简单的标题。

  2. HeaderRecyclerView - 适用于任何类型的标头。实现CommonsWare提到的方法来扩展两种类型的视图。比RecyclerViewHeader更难使用,但每天都难以使用。

  3. 披露 :我是RecyclerViewHeader的作者。我已经意识到它的缺陷,因此我并没有尝试将其作为一对一的解决方案进行推广,而是将其作为使适配器复杂化的有趣替代方案。 HeaderRecyclerView是一段很好的代码,可以简化您的工作。当RecyclerView标题变得复杂时,我自己使用它。