使用水平滚动表视图时的滑动标题视图栏

Question

我正在构建一个应用程序，该应用程序在启用了分页并水平滚动的滚动视图中具有多个表视图。每个 tableview 都有一个标题。

我希望能够水平滚动，并在表格视图上方有一个栏（在导航栏下方显示表格视图的所有标题，并且以表格视图的另一种速度滚动。

我附上了两张截图，以帮助您理解我的意思。

1) 我有一个自定义的导航栏和一个过滤器按钮。我想保留它而不是碰它。

2) 我有一个栏（俱乐部 1、俱乐部 2、俱乐部 3，我希望能够水平滚动）。我们称之为“标题栏”

3) 我有表格视图，我也希望能够水平滚动。每个表格视图都有它的标题，我称之为“标题栏”

正如您在第二张图片中看到的，红色矩形内的内容是需要修复的。当我水平滚动时，我希望栏保持原位，表格视图的标题平滑自然地移动。

我现在正在做的事情是对每张桌子使用 HEADER VIEWS，而不是使用特殊的真实栏，这绝对不符合我的目的。

我想要的是一个显示标题并跟随我自然滚动的表格视图的栏，而不是贴在每个表格视图上的标题视图。我想要的例子是Zite 或Google Play Music on Android

感谢您的宝贵时间！ 如果有人有任何问题、解决方案或任何可以提供帮助的想法，请分享。再次感谢！

Answer 1

我给你的建议如下：

在此滚动视图旁边制作表格视图（我们称之为 containerScrollView），而无需此标头。然后，创建另一个滚动视图（我们称之为 headerScrollView），并将这个 headerScrollView 的高度设置为红色方块内的这个高度，并将其userInteractionEnabled 设置为NO。

现在，对于添加到 containerScrollView 的每个 tableView，您还要添加一个包含这些标签（俱乐部 1、俱乐部 2...）的 UIView。在委托方法 `scrollViewDidScroll' 中，您会知道 containerScrollView 是否被滚动，并以编程方式滚动 headerScrollView 以显示不同的数据。

Answer 2

在您的主容器视图中，您需要两个视图，而不仅仅是滚动视图。所以顶部视图是您的标题，底部较大的视图是滚动视图。当滚动视图页面时，您可以执行任何您想要的动画来更改标题，但该视图不会移动。事实上，你可以翻转它，让它看起来像垂直旋转 - 很漂亮。