ios - UIScrollView 重叠

Question

我正在构建一个简单的应用程序，您可以在其中使用纸娃娃之类的工具来描述您的外观。 Check out this image. 计划是有 4 个水平 ScrollView :第一个用于发型，第二个用于面部毛发，第 3 个用于顶部，第 4 个用于底部。我刚刚意识到 ScrollView 会重叠。例如。长发的底部与面部毛发的 ScrollView 以及顶部的 ScrollView 重叠。重叠 ScrollView 是否可以并且在技术上可行？假设长发 ScrollView 的下半部分位于面部毛发 ScrollView 的上半部分下方。无论如何我都会尝试一下，但也许有人对这个问题有一些经验。

Answer 1

你并不真的希望 ScrollView 重叠，因为我不认为滚动和触摸，但你可以让内容逃脱它所在的 View 的边界，甚至 ScrollView 给它重叠的外观。我看到的最大问题是，您可能需要更改 ScrollView 或 subview 的 zposition，以使长发在顶部或在下面塞短发等。

我建议 UICollectionViews 水平滚动。然后确保取消选中 Collection View 和任何单元格上的 Cliptobounds。添加 ImageView 时请确保取消选中 Clipstobounds。使其顶部对齐。 (您需要动态调整一些图像并增加或减小尺寸以使其看起来不错，但这是另一个问题)。 z 索引的意思是将 Collection View 放在前面，基于哪些 View 应该重叠或不重叠。附件是我所谈论内容的视频和 Storyboard的屏幕截图。我在视频中做的唯一一件事就是像这样将 subview 放在前面

extension UICollectionView{
open override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?)     {
    superview!.bringSubview(toFront: self)
  }
}

尽管这不是我在生产中会这样做的方式。我可能会把它动画化。

您可以看到图像下降了很多，但您可以做的是根据 Collection View 的大小将它们重新绘制为更小，这样它们就不会下降太多，并且那些应该保留在它们的图像中您可以将区域重新绘制为单元格的精确大小，或者动态更改 ImageView 的内容模式

视频here

我希望这更有意义。