Google map 上的 iOS 叠加 UI

Question

顶部和底部的条形图是用 ImageView 制作的，按钮和 Logo 是覆盖在 mapView 上的 View 的 subview ，如下所示:

我的具体问题是 MapView 正在吸收所有触摸事件，因此没有按钮工作。我通过在包含我所有重叠控件的 View 上启用用户交互来解决它，但它禁用了与 map 的所有交互。我还尝试将 ui 包装在一个用户无法与两个 subview (包含条形图)交互的 View 周围，这最终导致奇怪的表示错误和许多 NSLog 约束错误。

关于如何正确实现此布局的任何想法？如果用户尝试通过触摸灰色条与其进行交互，则该 map 不应该工作。

Answer 1

看起来您有一个包含所有叠加层元素的单一 View ，并且它位于 map View 上方，因此它将处理所有触摸，而不是您的 map View 。

基于此设计，我要做的是创建一个包含顶部部分的 View 和一个包含底部部分的 View 。然后，将它们放置在 map View 上方的位置，这将使中间的 map View 上方没有 View 。

在这里您可以看到，绿色部分是“顶部叠加层”，紫色部分是“底部叠加层”，没有 View 覆盖您希望用户能够与之交互的 map View 的中间部分。