具有固定列和标题的RecyclerView,以及可滚动的页脚
我正在尝试找到一种方法来为体育应用实现站立表(例如NBA Game Time排名),并具有固定的页眉,固定的第一列和页脚.我搜索了一些方法,但是最好的选择是这个项目( https://github.com/InQBarna/TableFixHeaders ),但它使用自己的视图而不是GridView的Recycler.有人知道这样的事还是知道我该如何开始(适配器或布局管理器)?
I am trying to find a way to implement a standing table for a sports app (like NBA Game Time standings), with a fixed header, fixed first column and a footer. I searched a bit on how to get it, but the best shot was this project (https://github.com/InQBarna/TableFixHeaders) but it uses its own view instead of Recycler of GridView. Do anyone knows something like this or knows how I can start with it (Adapter or LayoutManager)?
编辑(添加图像)
经过大量测试和搜索,我自己实现了此任务,将ListView
与内部HorizontalScrollView
s组合在一起.
After testing and searching a lot, I implemented by my own, combining a ListView
with inner HorizontalScrollView
s.
首先,我扩展了HorizontalScrollView
以向我报告滚动事件,并添加了一个侦听器:
First, I extended HorizontalScrollView
to report me the scroll event, adding a listener:
public class MyHorizontalScrollView extends HorizontalScrollView {
private OnScrollListener listener;
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (listener != null) listener.onScroll(this, l, t);
}
public void setOnScrollListener(OnScrollListener listener) {
this.listener = listener;
}
public interface OnScrollListener {
void onScroll(HorizontalScrollView view, int x, int y);
}
}
然后,我用LinearLayout
创建了布局,其中包含我的标头和Activity
(如果需要,可以为Fragment
)的ListView
.
Then, I created my layout with a LinearLayout
, containing my header and a ListView
for my Activity
(or Fragment
, if it's your need).
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include
android:id="@+id/header"
layout="@layout/header" />
<ListView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
列表中的每个项目都是LinearLayout
,其中包含TextView
(固定列)和HorizontalScrollView
.标题和行的布局如下:
Each item of my list is a LinearLayout
, with a TextView
(the fixed column) and a HorizontalScrollView
. The layout of both header and lines are the following:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
style="?android:attr/textAppearanceMedium"
android:background="#f00"
android:minWidth="40dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<View
android:layout_width="1px"
android:layout_height="match_parent"
android:background="@android:color/black" />
<net.rafaeltoledo.example.MyHorizontalScrollView
android:id="@+id/scroll"
android:scrollbars="none"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">
<!-- Childs, or columns -->
</LinearLayout>
</net.rafaeltoledo.example.MyHorizontalScrollView>
</LinearLayout>
诀窍是在EventBus
的帮助下滚动全部内容(我使用了 GreenRobot的)滚动水平滚动事件,并将所有滚动条移动为一个.我的事件对象包含来自侦听器类的相同数据(也许我可以使用侦听器对象本身?)
The trick is to scroll all With a help of a EventBus
(I used the GreenRobot's one) to fire the horizontal scroll event and move all scrollers as one. My event object contains the same data from the listener class (maybe I can use the listener object itself?)
public static class Event {
private final int x;
private final int y;
private final HorizontalScrollView view;
public Event(HorizontalScrollView view, int x, int y) {
this.x = x;
this.y = y;
this.view = view;
}
public int getX() {
return x;
}
public int getY() {
return y;
}
public HorizontalScrollView getView() {
return view;
}
}
列表适配器类接收一个侦听器,用于在每个项目的HorizontalScrollView
中进行设置.
The list adapter class receives a listener to set in the HorizontalScrollView
of each item.
public static class Adapter extends BaseAdapter {
private final Context context;
private MyHorizontalScrollView.OnScrollListener listener;
public Adapter(Context context, MyHorizontalScrollView.OnScrollListener listener) {
this.context = context;
this.listener = listener;
}
@Override
public int getCount() {
return 30;
}
@Override
public Object getItem(int position) {
return new Object();
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = LayoutInflater.from(getContext()).inflate(R.layout.header, parent, false);
MyHorizontalScrollView scroll = (MyHorizontalScrollView) convertView.findViewById(R.id.scroll);
scroll.setOnScrollListener(listener);
}
return convertView;
}
public Context getContext() {
return context;
}
}
在继续之前,我在EventBus中注册了MyHorizontalScrollView
,在每个版本的构造函数中添加了EventBus.getDefault().register(this)
,并向其添加了接收器方法:
Before continue, I registered MyHorizontalScrollView
to EventBus, adding EventBus.getDefault().register(this)
to each version of constructor, and added the receiver method to it:
public void onEventMainThread(MainActivity.Event event) {
if (!event.getView().equals(this)) scrollTo(event.getX(), event.getY());
}
,如果不是触发滚动事件的本身,它将滚动到接收的位置.
that will scroll to the received position, if was not itself that fired the scroll event.
最后,我在Activity
的onCreate()
方法中设置了所有内容:
And finally, I setted up everything in the onCreate()
method of my Activity
:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.list);
MyHorizontalScrollView.OnScrollListener listener = new MyHorizontalScrollView.OnScrollListener() {
@Override
public void onScroll(HorizontalScrollView view, int x, int y) {
Log.d("Scroll Event", String.format("Fired! %d %d", x, y));
EventBus.getDefault().post(new Event(view, x, y));
}
};
ListView listView = (ListView) findViewById(R.id.list);
ViewGroup header = (ViewGroup) findViewById(R.id.header);
header.getChildAt(0).setBackgroundColor(Color.WHITE);
header.setBackgroundColor(Color.BLUE);
((MyHorizontalScrollView) header.findViewById(R.id.scroll)).setOnScrollListener(listener);
listView.setAdapter(new Adapter(this, listener));
listView.addFooterView(getLayoutInflater().inflate(R.layout.footer, listView, false));
}
((请忽略一些奇怪的颜色,这是为了更好地查看正在发生的事情).
(Please ignore some weird coloring, it's for better viewing what's happening).
还有ta-daa,这是理想的结果!
And ta-daa, here is the desired result!