我正在努力让这样的东西发挥作用。这是优步应用程序。用户可以在背景 View 前面向上滑动另一个 View 。

背景 View 比较简单，已经做好了。将在顶部滑动的 View 将是一个 UITableView。我希望用户能够在应用程序启动时首先看到顶部的一点点，然后滑动一点它应该停在中间，然后在完全向上滑动后应该将它一直带到顶部，替换背景查看。

我看过的框架是适用于 iOS 的可拉式 View 。但它太旧了，没有任何好的动画。我也查看了 SWRevealViewController，但我不知道如何从下方向上滑动。

我也曾尝试使用一个按钮，这样当用户点击它时，表格 View Controller 就会以模态方式出现，覆盖垂直方向，但这不是我想要的。它需要识别手势。

非常感谢任何帮助。谢谢。

最佳答案

我知道这个问题已经有将近 2 年半的历史了，但以防万一有人通过搜索引擎找到这个问题:

我认为最好的选择是使用 UIViewPropertyAnimator。这里有一篇很棒的文章:http://www.swiftkickmobile.com/building-better-app-animations-swift-uiviewpropertyanimator/

编辑:

我设法得到一个使用 UIViewPropertyAnimator 的简单原型(prototype)，这是它的 GIF:

这是 Github 上的项目:https://github.com/Luigi123/UIViewPropertyAnimatorExample

基本上我有两个 UIViewController，主要的一个叫做 ViewController，第二个叫做 BottomSheetViewController。辅助 View 有一个 UIPanGestureRecognizer 使其可拖动，在识别器的回调函数中我做了 3 件事(在实际移动它之后):

①计算屏幕被拖动的百分比，
② 在辅助 View 中触发动画，
③ 通知主视图有关拖动操作，以便它可以触发它的动画。在本例中，我使用了 Notification，在 notification.userInfo 中传递百分比。

我不确定如何表达①，举个例子，如果屏幕是 500 像素高，用户将次 View 拖动到第 100 个像素，我计算出用户将它向上拖动了 20% .这个百分比正是我需要传递到 UIViewPropertyAnimator 实例中的 fractionComplete 属性的值。

⚠️ 需要注意的一件事是我无法让它与实际的导航栏一起工作，所以我使用了一个带有标签的“普通” View 。

我尝试通过删除一些实用功能(例如检查用户交互是否完成)来使代码更小，但这意味着用户可以停止在屏幕中间拖动并且应用程序根本不会使用react，所以我真的建议您在 github 存储库中查看完整代码。但好消息是，执行动画的整个代码大约有 100 行代码。

考虑到这一点，这是主屏幕 ViewController 的代码:

import UIKit
import MapKit
import NotificationCenter

class ViewController: UIViewController {
    @IBOutlet weak var someView: UIView!
    @IBOutlet weak var blackView: UIView!

    var animator: UIViewPropertyAnimator?

    func createBottomView() {
        guard let sub = storyboard!.instantiateViewController(withIdentifier: "BottomSheetViewController") as? BottomSheetViewController else { return }
        self.addChild(sub)
        self.view.addSubview(sub.view)
        sub.didMove(toParent: self)
        sub.view.frame = CGRect(x: 0, y: view.frame.maxY - 100, width: view.frame.width, height: view.frame.height)
    }

    func subViewGotPanned(_ percentage: Int) {
        guard let propAnimator = animator else {
            animator = UIViewPropertyAnimator(duration: 3, curve: .linear, animations: {
                self.blackView.alpha = 1
                self.someView.transform = CGAffineTransform(scaleX: 0.8, y: 0.8).concatenating(CGAffineTransform(translationX: 0, y: -20))
            })
            animator?.startAnimation()
            animator?.pauseAnimation()
            return
        }
        propAnimator.fractionComplete = CGFloat(percentage) / 100
    }

    func receiveNotification(_ notification: Notification) {
        guard let percentage = notification.userInfo?["percentage"] as? Int else { return }
        subViewGotPanned(percentage)
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        createBottomView()

        let name = NSNotification.Name(rawValue: "BottomViewMoved")
        NotificationCenter.default.addObserver(forName: name, object: nil, queue: nil, using: receiveNotification(_:))
    }
}

辅助 View 的代码(BottomSheetViewController):

import UIKit
import NotificationCenter

class BottomSheetViewController: UIViewController, UIGestureRecognizerDelegate {
    @IBOutlet weak var navBarView: UIView!

    var panGestureRecognizer: UIPanGestureRecognizer?
    var animator: UIViewPropertyAnimator?

    override func viewDidLoad() {
        gotPanned(0)
        super.viewDidLoad()

        let gestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(respondToPanGesture))
        view.addGestureRecognizer(gestureRecognizer)
        gestureRecognizer.delegate = self
        panGestureRecognizer = gestureRecognizer
    }

    func gotPanned(_ percentage: Int) {
        if animator == nil {
            animator = UIViewPropertyAnimator(duration: 1, curve: .linear, animations: {
                let scaleTransform = CGAffineTransform(scaleX: 1, y: 5).concatenating(CGAffineTransform(translationX: 0, y: 240))
                self.navBarView.transform = scaleTransform
                self.navBarView.alpha = 0
            })
            animator?.isReversed = true
            animator?.startAnimation()
            animator?.pauseAnimation()
        }
        animator?.fractionComplete = CGFloat(percentage) / 100
    }

    // MARK: methods to make the view draggable

    @objc func respondToPanGesture(recognizer: UIPanGestureRecognizer) {
        let translation = recognizer.translation(in: self.view)
        moveToY(self.view.frame.minY + translation.y)
        recognizer.setTranslation(.zero, in: self.view)
    }

    private func moveToY(_ position: CGFloat) {
        view.frame = CGRect(x: 0, y: position, width: view.frame.width, height: view.frame.height)
        let maxHeight = view.frame.height - 100
        let percentage = Int(100 - ((position * 100) / maxHeight))
        gotPanned(percentage)
        let name = NSNotification.Name(rawValue: "BottomViewMoved")
        NotificationCenter.default.post(name: name, object: nil, userInfo: ["percentage": percentage])
    }
}

关于ios - 如何在另一个 ViewController 前面将 UITableViewController 显示为向上滑动手势？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40755056/