ios - 创建 Shazam 类型 UI ios Swift

Question

我正在尝试重新创建我在多个应用程序(主要是 Shazam)中看到的 UIView。屏幕的上半部分有一些交互按钮，下半部分看起来像一个带有自定义单元格的 tableView。当下半部分被平移/向上滑动时，tableView 会快速滚动到上半部分，就像 ScrollView 一样。

我已经研究了这几天并进行了试验。我已经接近了，但还不够。

我的最后一种方法是在其中包含一个 tableView 的 View 。平移 View 时， View 会移动到手指将其移动到的任何位置，但之后不会有任何速度。此外，当 tableView 被平移/向下滑动时，它不会将整个 View 向下移动。

在此之前，我尝试了一个占据整个屏幕长度的 scrollView。这给出了预期的效果，但按钮不可点击，您可以在按钮区域 ScrollView ，这是不希望的。

它是利用 ScrollViews 还是使用 tableView 以某种方式表现得非常像 ScrollView。

这是我想要重新创建的 Shazam UI/UX:顶部有交互式按钮，不会滚动。下半部分显示内容，滚动时会覆盖上半部分。

以下是我目前尝试过的方法:这是平移 View ，可以使用，但没有速度，tableView 也不会向下 ScrollView 。

非常感谢任何关于我可以从这里采取的方向的想法。我正在使用 swift 。

干杯

Answer 1

这种事情最好用 Collection View 和自定义布局来完成——您可以将一些项目的布局属性设置为绝对 View ，而其他项目则相对于滚动内容偏移量。

在 Advanced User Interfaces with Collection Views 中对此和其他技术进行了很好的(如果漫游)讨论。来自 WWDC 2014 的演讲。