android - 如何在 Android 中创建可滚动的轮播页面？

Question

我正在尝试为我的 Android 应用程序构建一个 UI，其中包含一个可垂直滚动的水平滚动轮播页面(类似于 Netflix 应用程序所做的)。这种行为是如何完成的？

一个基本的实现就足以让我开始。 UI 还有一些其他要求，我将在此处包含这些要求以供引用，因为它可能会影响我可以使用哪些类或库。

1) 轮播之间的垂直滚动应该是平滑的，但是当用户释放时，UI 应该“捕捉”到最近的轮播(因此用户总是在轮播行上，而不是在两个轮播之间)。

2) 轮播上的水平滚动应该是平滑的，但是当用户释放时，UI 应该“捕捉”到轮播中最近的项目。

3) 应该可以在轮播中的项目上覆盖附加信息

4) UI 应该适应任何屏幕尺寸。

5) 应该可以使用箭头键导航(对于无触摸屏设备)

6) 应该适用于各种 Android 版本(可能通过支持库)

7) 应该可以在 GPL 许可的开源应用中使用

可接受的答案不必满足所有这些要求。一个好的答案至少应该涉及导航多个轮播(而不是只有一个轮播)。

这是我所设想的基本模型(我很灵活，不必看起来像这样......重点只是为了澄清我在说什么——每一行都包含很多项目可以左右滚动，整个页面可以上下滚动)

Answer 1

主要思想

为了拥有灵活的设计和无限项，您可以创建一个 RecyclerView 作为 Root View ，并将 LinearLayoutManager.VERTICAL 作为LayoutManager。对于每一行，您可以放置​​另一个 RecyclerView 但现在将 LinearLayoutManager.HORIZONTAL 作为 LayoutManager。

结果

来源

Code

要求

1) Vertical scrolling between carousels should be smooth, but when user releases, the UI should "snap to" the closest carousel (so the user is always on a carousel row, not between two carousels).

2) Horizontal scrolling on a carousel should be smooth, but when user releases, the UI should "snap to" the closest item in the carousel.

为了实现这些，我使用了 OnScrollListener 并且当状态变为 SCROLL_STATE_IDLE 时，我检查顶部和底部 View 以查看其中哪些具有更多可见区域，然后滚动到该位置。对于每一行，我对每个行适配器的左 View 和右 View 都这样做。这样，您的轮播或行的一侧总是适合。例如，如果顶部安装了底部，则不安装，反之亦然。我认为如果你多玩一点，你可以做到这一点，但你必须知道窗口的尺寸并在运行时更改轮播的尺寸。

3) Should be possible to overlay additional information over an item in the carousel

如果您使用 RelativeLayout 或 FrameLayout 作为每个项目的 Root View ，您可以将信息放在彼此之上。如您所见，数字位于图像的顶部。

4) UI should be adaptable to any screen size.

如果您知道如何支持多种屏幕尺寸，您可以轻松做到这一点，如果您不知道请阅读文档。 Supporting Multiple Screens

5) Should be navigable with the arrow keys (for touchscreen-less devices)

使用下面的函数

mRecyclerView.scrollToPosition(position);

6) Should work on a wide range of Android versions (possibly through the support library)

导入android.support.v7.widget.RecyclerView；

7) Should be OK to use in an open-source app licensed under the GPL

好的

编码愉快!!