也许以前有人问过这个问题，但我似乎找不到准确的答案或解决方案。我开始使用 RecyclerView，并使用 LinearLayoutManager 实现它。现在我想添加自定义页眉和页脚项目，它们与我的 RecyclerView 中的其余项目不同。页眉和页脚不应该是粘性的，我希望它们与其余项目一起滚动。有人可以指出一些例子如何做到这一点或只是分享想法。我会非常感激。谢谢
问问题
81577 次
12 回答
56
在您的适配器中添加此类：
private class VIEW_TYPES {
public static final int Header = 1;
public static final int Normal = 2;
public static final int Footer = 3;
}
然后像这样覆盖以下方法：
@Override
public int getItemViewType(int position) {
if(items.get(position).isHeader)
return VIEW_TYPES.Header;
else if(items.get(position).isFooter)
return VIEW_TYPES.Footer;
else
return VIEW_TYPES.Normal;
}
现在在 onCreateViewHolder 方法中根据视图类型扩展您的布局：
@Override
public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
View rowView;
switch (i) {
case VIEW_TYPES.Normal:
rowView = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.normal, viewGroup, false);
break;
case VIEW_TYPES.Header:
rowView = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.header, viewGroup, false);
break;
case VIEW_TYPES.Footer:
rowView = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.footer, viewGroup, false);
break;
default:
rowView = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.normal, viewGroup, false);
break;
}
return new ViewHolder (rowView);
}
现在在 onBindViewHolder 方法中根据视图持有者绑定您的布局：
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
int viewType = getItemViewType(position);
switch(viewType) {
case VIEW_TYPES.Header: // handle row header
break;
case VIEW_TYPES.Footer: // handle row footer
break;
case VIEW_TYPES.Normal: // handle row item
break;
}
}
希望这能有所帮助。
于 2015-03-20T14:14:31.010 回答
30
这很容易使用 ItemDecorations 并且无需修改任何其他代码：
recyclerView.addItemDecoration(new HeaderDecoration(this,
recyclerView, R.layout.test_header));
预留一些绘图空间，将你想要绘制的布局充气，然后在预留的空间内进行绘制。
装饰代码：
public class HeaderDecoration extends RecyclerView.ItemDecoration {
private View mLayout;
public HeaderDecoration(final Context context, RecyclerView parent, @LayoutRes int resId) {
// inflate and measure the layout
mLayout = LayoutInflater.from(context).inflate(resId, parent, false);
mLayout.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
}
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
super.onDraw(c, parent, state);
// layout basically just gets drawn on the reserved space on top of the first view
mLayout.layout(parent.getLeft(), 0, parent.getRight(), mLayout.getMeasuredHeight());
for (int i = 0; i < parent.getChildCount(); i++) {
View view = parent.getChildAt(i);
if (parent.getChildAdapterPosition(view) == 0) {
c.save();
final int height = mLayout.getMeasuredHeight();
final int top = view.getTop() - height;
c.translate(0, top);
mLayout.draw(c);
c.restore();
break;
}
}
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
if (parent.getChildAdapterPosition(view) == 0) {
outRect.set(0, mLayout.getMeasuredHeight(), 0, 0);
} else {
outRect.setEmpty();
}
}
}
于 2015-11-01T01:33:12.563 回答
10
如果您只需要一个空白页眉和页脚，这里有一个非常简单的方法来实现这一点（用 Kotlin 编写）：
class HeaderFooterDecoration(private val headerHeight: Int, private val footerHeight: Int) : RecyclerView.ItemDecoration() {
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
val adapter = parent.adapter ?: return
when (parent.getChildAdapterPosition(view)) {
0 -> outRect.top = headerHeight
adapter.itemCount - 1 -> outRect.bottom = footerHeight
else -> outRect.set(0, 0, 0, 0)
}
}
}
这样称呼它：
recyclerView.addItemDecoration(HeaderFooterDecoration(headerHeightPx, footerHeightPx))
于 2019-07-23T20:14:24.007 回答
9
您可以使用此 GitHub] 库以RecyclerView最简单的方式将页眉或页脚添加到您的文件中。
您需要在项目中添加HFRecyclerView库，或者您也可以从 Gradle 中获取它：
compile 'com.mikhaellopez:hfrecyclerview:1.0.0'
该库基于@hister的一项工作
这是图像中的结果：
于 2016-02-18T13:30:49.327 回答
8
recyclerview:1.2.0 引入ConcatAdapter
ConcatAdapter 是一个新的 RecyclerView Adapter，可以线性组合多个 Adapter。
如何使用 ConcatAdapter？
将以下依赖项添加到您的build.gradle文件中
androidx.recyclerview:recyclerview:1.2.0-alpha04
然后，如果您有多个适配器，您可以使用轻松合并它们
MyAdapter adapter1 = ...;
AnotherAdapter adapter2 = ...;
ConcatAdapter merged = new ConcatAdapter(adapter1, adapter2);
recyclerView.setAdapter(merged);
对于上面的示例，ConcatAdapter 将呈现来自适配器 1 的项目，然后是适配器 2。
在这里您可以找到完整的文档。
在这里找到完整的工作样本。
阅读这篇文章了解更多信息。
在这里你可以找到源代码。
于 2020-04-03T09:10:44.030 回答
3
这里有一些用于 recyclerview 的标题项装饰
通过一些修改，您可以更改为页脚
public class HeaderItemDecoration extends RecyclerView.ItemDecoration {
private View customView;
public HeaderItemDecoration(View view) {
this.customView = view;
}
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
super.onDraw(c, parent, state);
customView.layout(parent.getLeft(), 0, parent.getRight(), customView.getMeasuredHeight());
for (int i = 0; i < parent.getChildCount(); i++) {
View view = parent.getChildAt(i);
if (parent.getChildAdapterPosition(view) == 0) {
c.save();
final int height = customView.getMeasuredHeight();
final int top = view.getTop() - height;
c.translate(0, top);
customView.draw(c);
c.restore();
break;
}
}
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
if (parent.getChildAdapterPosition(view) == 0) {
customView.measure(View.MeasureSpec.makeMeasureSpec(parent.getMeasuredWidth(), View.MeasureSpec.AT_MOST),
View.MeasureSpec.makeMeasureSpec(parent.getMeasuredHeight(), View.MeasureSpec.AT_MOST));
outRect.set(0, customView.getMeasuredHeight(), 0, 0);
} else {
outRect.setEmpty();
}
}
}
于 2016-10-12T17:54:11.863 回答
3
我建议不要自定义 rv 适配器。
保持原样...在您的 rv 项目布局中只需添加带有布局的页脚并设置可见性消失。
然后，当您到达适配器中的最后一项时...使其可见。
当您尝试此操作时，请确保将其添加到您的 rv 适配器。
@Override
public void onBindViewHolder(final PersonViewHolder personViewHolder, int i) {
if(i==List.size()) // Last item in recycle view
personViewHolder.tv_footer.setVisibility(VISIBLE);// Make footer visible now }
@Override
public int getItemViewType(int position) {
return position;
}
对标头执行相同的操作。这里 i==0 // 列表的第一项
对我来说最简单的解决方案。
于 2017-07-27T11:32:49.133 回答
2
于 2016-08-30T13:56:16.677 回答
2
点击这里。我做了 RecyclerView.Adapter 的扩展。易于添加页眉和页脚。
class HFAdapter extends HFRecyclerViewAdapter<String, HFAdapter.DataViewHolder>{
public HFAdapter(Context context) {
super(context);
}
@Override
public DataViewHolder onCreateDataItemViewHolder(ViewGroup parent, int viewType) {
View v = LayoutInflater.from(parent.getContext())
.inflate(R.layout.data_item, parent, false);
return new DataViewHolder(v);
}
@Override
public void onBindDataItemViewHolder(DataViewHolder holder, int position) {
holder.itemTv.setText(getData().get(position));
}
class DataViewHolder extends RecyclerView.ViewHolder{
TextView itemTv;
public DataViewHolder(View itemView) {
super(itemView);
itemTv = (TextView)itemView.findViewById(R.id.itemTv);
}
}
}
//add header
View headerView = LayoutInflater.from(this).inflate(R.layout.header, recyclerView, false);
hfAdapter.setHeaderView(headerView);
//add footer
View footerView = LayoutInflater.from(this).inflate(R.layout.footer, recyclerView, false);
hfAdapter.setFooterView(footerView);
//remove
hfAdapter.removeHeader();
hfAdapter.removeFooter();
于 2015-09-07T01:31:49.260 回答
2
另一种方法是将 header 和 reyclerview 包装在coordinatorlayout中：
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="0dp">
<View
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll" />
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
于 2018-07-16T13:45:13.350 回答
1
可能GroupAdapter是你想要的。
一个专门的 RecyclerView.Adapter，它显示来自 RecyclerView.Adapter 序列的数据。序列是静态的，但每个适配器可以在零个或多个项目视图中呈现。子适配器可以安全地使用 ViewType。另外，我们可以像ListView一样addHeaderView或者addFooterView。
于 2016-05-04T01:24:44.603 回答
1
您可以使用库SectionedRecyclerViewAdapter，它具有“Sections”的概念，其中 Section 具有页眉、页脚和内容（项目列表）。在您的情况下，您可能只需要一个部分，但您可以有很多：
1）创建一个自定义Section类：
class MySection extends StatelessSection {
List<String> myList = Arrays.asList(new String[] {"Item1", "Item2", "Item3" });
public MySection() {
// 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);
}
@Override
public int getContentItemsTotal() {
return myList.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(myList.get(position));
}
}
2) 为项目创建一个自定义 ViewHolder：
class MyItemViewHolder extends RecyclerView.ViewHolder {
private final TextView tvItem;
public MyItemViewHolder(View itemView) {
super(itemView);
tvItem = (TextView) itemView.findViewById(R.id.tvItem);
}
}
3) 使用 SectionedRecyclerViewAdapter 设置你的 ReclylerView
// Create an instance of SectionedRecyclerViewAdapter
SectionedRecyclerViewAdapter sectionAdapter = new SectionedRecyclerViewAdapter();
MySection mySection = new MySection();
// Add your Sections
sectionAdapter.addSection(mySection);
// Set up your RecyclerView with the SectionedRecyclerViewAdapter
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
recyclerView.setAdapter(sectionAdapter);
于 2016-03-05T21:57:46.440 回答