我根据以下答案发布了一个库。
它模仿“快捷方式”应用程序覆盖。有关详细信息，请参见本文。
该库的主要组件是OverlayContainerViewController。它定义了一个视图控制器可以在其中上下拖动，隐藏或显示其下面内容的区域。
let contentController = MapsViewController()
let overlayController = SearchViewController()
let containerController = OverlayContainerViewController()
containerController.delegate = self
containerController.viewControllers = [
contentController,
overlayController
]
window?.rootViewController = containerController
实施OverlayContainerViewControllerDelegate以指定所需的槽口数量：
enum OverlayNotch: Int, CaseIterable {
case minimum, medium, maximum
}
func numberOfNotches(in containerViewController: OverlayContainerViewController) -> Int {
return OverlayNotch.allCases.count
}
func overlayContainerViewController(_ containerViewController: OverlayContainerViewController,
heightForNotchAt index: Int,
availableSpace: CGFloat) -> CGFloat {
switch OverlayNotch.allCases[index] {
case .maximum:
return availableSpace * 3 / 4
case .medium:
return availableSpace / 2
case .minimum:
return availableSpace * 1 / 4
}
}
先前的答案
我认为在建议的解决方案中没有解决一个重要问题：滚动和翻译之间的过渡。
您可能已经注意到，在Maps中，当tableView到达时contentOffset.y == 0，底部工作表将向上或向下滑动。
这一点很棘手，因为当平移手势开始平移时，我们不能简单地启用/禁用滚动。它将停止滚动，直到开始新的触摸为止。此处大多数建议的解决方案都是这种情况。
这是我尝试执行这项议案的尝试。
起点：地图应用
开始我们的调查，让我们直观地图的视图层次结构（开始仿真地图和选择Debug> Attach to process by PID or Name> Maps在Xcode 9）。
它并不能说明运动的原理，但是可以帮助我理解它的逻辑。您可以使用lldb和视图层次调试器。
我们的视图控制器堆栈
让我们创建Maps ViewController体系结构的基本版本。
我们从一个BackgroundViewController（我们的地图视图）开始：
class BackgroundViewController: UIViewController {
override func loadView() {
view = MKMapView()
}
}
我们将tableView放在专用的中UIViewController：
class OverlayViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
lazy var tableView = UITableView()
override func loadView() {
view = tableView
tableView.dataSource = self
tableView.delegate = self
}
[...]
}
现在，我们需要一个VC来嵌入叠加层并管理其转换。为了简化该问题，我们认为它可以将叠加层从一个静态点转换OverlayPosition.maximum为另一个静态点OverlayPosition.minimum。
目前，它只有一个公开的方法可以为位置变化设置动画，并且具有透明的视图：
enum OverlayPosition {
case maximum, minimum
}
class OverlayContainerViewController: UIViewController {
let overlayViewController: OverlayViewController
var translatedViewHeightContraint = ...
override func loadView() {
view = UIView()
}
func moveOverlay(to position: OverlayPosition) {
[...]
}
}
最后，我们需要一个ViewController来嵌入所有内容：
class StackViewController: UIViewController {
private var viewControllers: [UIViewController]
override func viewDidLoad() {
super.viewDidLoad()
viewControllers.forEach { gz_addChild($0, in: view) }
}
}
在我们的AppDelegate中，我们的启动顺序如下：
let overlay = OverlayViewController()
let containerViewController = OverlayContainerViewController(overlayViewController: overlay)
let backgroundViewController = BackgroundViewController()
window?.rootViewController = StackViewController(viewControllers: [backgroundViewController, containerViewController])
叠加翻译背后的困难
现在，如何翻译我们的叠加层？
大多数建议的解决方案都使用专用的平移手势识别器，但实际上我们已经有了一个：表格视图的平移手势。此外，我们需要保持滚动和翻译同步，并UIScrollViewDelegate拥有我们需要的所有事件！
天真的实现将使用第二个pan Gesture并尝试contentOffset在发生转换时重置表视图的：
func panGestureAction(_ recognizer: UIPanGestureRecognizer) {
if isTranslating {
tableView.contentOffset = .zero
}
}
但这行不通。tableView contentOffset在其自身的平移手势识别器动作触发时或在调用其displayLink回调时更新其。在这些识别符成功覆盖之后，我们的识别器不可能立即触发contentOffset。我们唯一的机会是要么参与布局阶段（通过layoutSubviews在滚动视图的每一帧覆盖滚动视图调用），要么响应didScroll每次contentOffset修改时调用的委托方法。让我们尝试一下。
翻译实施
我们向我们添加一个委托，OverlayVC以将scrollview的事件分派给我们的翻译处理程序OverlayContainerViewController：
protocol OverlayViewControllerDelegate: class {
func scrollViewDidScroll(_ scrollView: UIScrollView)
func scrollViewDidStopScrolling(_ scrollView: UIScrollView)
}
class OverlayViewController: UIViewController {
[...]
func scrollViewDidScroll(_ scrollView: UIScrollView) {
delegate?.scrollViewDidScroll(scrollView)
}
func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
delegate?.scrollViewDidStopScrolling(scrollView)
}
}
在我们的容器中，我们使用枚举跟踪翻译：
enum OverlayInFlightPosition {
case minimum
case maximum
case progressing
}
当前位置计算如下：
private var overlayInFlightPosition: OverlayInFlightPosition {
let height = translatedViewHeightContraint.constant
if height == maximumHeight {
return .maximum
} else if height == minimumHeight {
return .minimum
} else {
return .progressing
}
}
我们需要3种方法来处理翻译：
第一个告诉我们是否需要开始翻译。
private func shouldTranslateView(following scrollView: UIScrollView) -> Bool {
guard scrollView.isTracking else { return false }
let offset = scrollView.contentOffset.y
switch overlayInFlightPosition {
case .maximum:
return offset < 0
case .minimum:
return offset > 0
case .progressing:
return true
}
}
第二个执行翻译。它使用translation(in:)scrollView的平移手势的方法。
private func translateView(following scrollView: UIScrollView) {
scrollView.contentOffset = .zero
let translation = translatedViewTargetHeight - scrollView.panGestureRecognizer.translation(in: view).y
translatedViewHeightContraint.constant = max(
Constant.minimumHeight,
min(translation, Constant.maximumHeight)
)
}
当用户松开手指时，第三个动画将平移的结束动画化。我们使用速度和视图的当前位置来计算位置。
private func animateTranslationEnd() {
let position: OverlayPosition = // ... calculation based on the current overlay position & velocity
moveOverlay(to: position)
}
我们的叠加层的委托实现看起来像：
class OverlayContainerViewController: UIViewController {
func scrollViewDidScroll(_ scrollView: UIScrollView) {
guard shouldTranslateView(following: scrollView) else { return }
translateView(following: scrollView)
}
func scrollViewDidStopScrolling(_ scrollView: UIScrollView) {
// prevent scroll animation when the translation animation ends
scrollView.isEnabled = false
scrollView.isEnabled = true
animateTranslationEnd()
}
}
最后的问题：分派叠加层容器的触摸
现在翻译非常有效。但是，仍然存在最后一个问题：接触没有传递到我们的背景视图中。它们全部被叠加容器的视图拦截。我们无法设置isUserInteractionEnabled为，false因为它还会禁用表视图中的交互。该解决方案是在Maps应用中大量使用的解决方案PassThroughView：
class PassThroughView: UIView {
override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
let view = super.hitTest(point, with: event)
if view == self {
return nil
}
return view
}
}
它将自己从响应者链中删除。
在OverlayContainerViewController：
override func loadView() {
view = PassThroughView()
}
结果
结果如下：
您可以在此处找到代码。
如果您发现任何错误，请告诉我！请注意，您的实现当然可以使用第二个平移手势，特别是如果您在叠加层中添加标题时。
更新23/08/18
我们可以替换scrollViewDidEndDragging使用
willEndScrollingWithVelocity，而非enabling/ disabling滚动当用户结束拖动：
func scrollView(_ scrollView: UIScrollView,
willEndScrollingWithVelocity velocity: CGPoint,
targetContentOffset: UnsafeMutablePointer<CGPoint>) {
switch overlayInFlightPosition {
case .maximum:
break
case .minimum, .progressing:
targetContentOffset.pointee = .zero
}
animateTranslationEnd(following: scrollView)
}
我们可以使用spring动画，并在进行动画时允许用户交互，以使运动流程更好：
func moveOverlay(to position: OverlayPosition,
duration: TimeInterval,
velocity: CGPoint) {
overlayPosition = position
translatedViewHeightContraint.constant = translatedViewTargetHeight
UIView.animate(
withDuration: duration,
delay: 0,
usingSpringWithDamping: velocity.y == 0 ? 1 : 0.6,
initialSpringVelocity: abs(velocity.y),
options: [.allowUserInteraction],
animations: {
self.view.layoutIfNeeded()
}, completion: nil)
}
