benutzerdefinierte interaktive transition animation

Sehen WWDC 2013 video Benutzerdefinierte Übergänge Mit View-Controllern für die Diskussion der übergang zu delegieren, animation, Steuerung und Interaktion-controller. Siehe WWDC 2014 videos View-Controller Fortschritte in iOS 8 und Ein Blick In Die Präsentation-Controller für die Einführung in die Präsentation Controller (das sollte man auch verwenden).

Die grundlegende Idee ist, erstellen Sie eine transition delegate-Objekt, das identifiziert, was animation, Steuerung, Interaktion, Steuerung und Präsentation-controller wird verwendet für die benutzerdefinierte übergang:

class TransitioningDelegate: NSObject, UIViewControllerTransitioningDelegate {

    ///Interaction controller
    ///
    ///If gesture triggers transition, it will set will manage its own
    ///`UIPercentDrivenInteractiveTransition`, but it must set this
    ///reference to that interaction controller here, so that this
    ///knows whether it's interactive or not.

    weak var interactionController: UIPercentDrivenInteractiveTransition?

    func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return PullDownAnimationController(transitionType: .presenting)
    }

    func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return PullDownAnimationController(transitionType: .dismissing)
    }

    func presentationController(forPresented presented: UIViewController, presenting: UIViewController?, source: UIViewController) -> UIPresentationController? {
        return PresentationController(presentedViewController: presented, presenting: presenting)
    }

    func interactionControllerForPresentation(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
        return interactionController
    }

    func interactionControllerForDismissal(using animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
        return interactionController
    }

}

Du musst dann einfach angeben, dass eine custom-übergang benutzt wird und was den übergang zu delegieren, sollten verwendet werden. Sie können tun, dass beim instanziieren der Ziel-view-controller, oder Sie können festlegen, dass als Teil des init für die Ziel-view-controller, wie zum Beispiel:

class SecondViewController: UIViewController {

    let customTransitionDelegate = TransitioningDelegate()

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        modalPresentationStyle = .custom
        transitioningDelegate = customTransitionDelegate
    }

    ...
}

Die Animations-controller gibt die details der animation (wie zum animieren, Dauer verwendet werden für nicht-interaktive übergänge, etc.):

class PullDownAnimationController: NSObject, UIViewControllerAnimatedTransitioning {

    enum TransitionType {
        case presenting
        case dismissing
    }

    let transitionType: TransitionType

    init(transitionType: TransitionType) {
        self.transitionType = transitionType

        super.init()
    }

    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        let inView   = transitionContext.containerView
        let toView   = transitionContext.view(forKey: .to)!
        let fromView = transitionContext.view(forKey: .from)!

        var frame = inView.bounds

        switch transitionType {
        case .presenting:
            frame.origin.y = -frame.size.height
            toView.frame = frame

            inView.addSubview(toView)
            UIView.animate(withDuration: transitionDuration(using: transitionContext), animations: {
                toView.frame = inView.bounds
            }, completion: { finished in
                transitionContext.completeTransition(!transitionContext.transitionWasCancelled)
            })
        case .dismissing:
            toView.frame = frame
            inView.insertSubview(toView, belowSubview: fromView)

            UIView.animate(withDuration: transitionDuration(using: transitionContext), animations: {
                frame.origin.y = -frame.size.height
                fromView.frame = frame
            }, completion: { finished in
                transitionContext.completeTransition(!transitionContext.transitionWasCancelled)
            })
        }
    }

    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.5
    }
}

Den obigen animation-controller verarbeitet sowohl zu präsentieren und zu entlassen, aber wenn das dir zu kompliziert ist, Sie theoretisch könnte es aufgeteilt in zwei Klassen, eine für die Präsentation und eine für die Entlassung. Aber ich mag nicht zwei verschiedene Klassen so eng gekoppelt, so werde ich die Kosten tragen, die geringe Komplexität von animateTransition um sicherzustellen, dass es ist alles schön gekapselt in einer Klasse.

Jedenfalls, das nächste Objekt, das wir wollen, ist die Präsentation-controller. In diesem Fall, die Präsentation controller uns sagt, zu entfernen, die Ursprungs-view-controller ' s view aus der view-Hierarchie. (Wir tun dies, da in diesem Fall die Szene, die Sie gerade den übergang zu passiert, besetzen den gesamten Bildschirm, so gibt es keine Notwendigkeit zu halten die alte Ansicht in den view-Hierarchie.) Wenn Sie das hinzufügen jede andere zusätzliche Chrom (z.B. hinzufügen von DIMM - /Unschärfe-Ansichten, etc.), das würde gehören, in die Präsentation-controller.

Na ja, in diesem Fall die Präsentation, die Steuerung ist ganz einfach:

class PresentationController: UIPresentationController {
    override var shouldRemovePresentersView: Bool { return true }
}

Schließlich werden Sie vermutlich wollen, eine Geste-Erkennung,:

• instanziiert die UIPercentDrivenInteractiveTransition;
• initiiert der übergang selbst;
• updates der UIPercentDrivenInteractiveTransition als Geste fortschreitet;
• entweder abgebrochen oder beendet den interaktiven übergang, wenn die Geste gemacht ist; und
• entfernt die UIPercentDrivenInteractiveTransition wenn es fertig ist (um sicherzustellen, dass es nicht über veraltete, so dass es nicht stören, alle nicht-interaktive übergänge, die Sie wünschen konnte zu tun, später ... ist dies eine subtile kleinen Punkt, der leicht übersehen werden).

Also die "Darstellung" Ansicht-controller haben könnte, eine Geste-Erkennung, vielleicht irgendwas wie:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let panDown = UIPanGestureRecognizer(target: self, action: #selector(handleGesture(_:)))
        view.addGestureRecognizer(panDown)
    }

    var interactionController: UIPercentDrivenInteractiveTransition?

    //pan down transitions to next view controller

    func handleGesture(_ gesture: UIPanGestureRecognizer) {
        let translate = gesture.translation(in: gesture.view)
        let percent   = translate.y / gesture.view!.bounds.size.height

        if gesture.state == .began {
            let controller = storyboard!.instantiateViewController(withIdentifier: "SecondViewController") as! SecondViewController
            interactionController = UIPercentDrivenInteractiveTransition()
            controller.customTransitionDelegate.interactionController = interactionController

            show(controller, sender: self)
        } else if gesture.state == .changed {
            interactionController?.update(percent)
        } else if gesture.state == .ended || gesture.state == .cancelled {
            let velocity = gesture.velocity(in: gesture.view)
            if (percent > 0.5 && velocity.y == 0) || velocity.y > 0 {
                interactionController?.finish()
            } else {
                interactionController?.cancel()
            }
            interactionController = nil
        }
    }

}

Würden Sie wahrscheinlich auch wollen, um dies zu ändern, so dass es erkennt nur nach unten-gesten (eher als jede alte Pfanne), aber ich hoffe das verdeutlicht die Idee.

Ist und Sie vermutlich wollen, dass die "vorgestellt" - view-controller, um eine gestik-Erkennung für Abweisung der Szene:

class SecondViewController: UIViewController {

    let customTransitionDelegate = TransitioningDelegate()

    required init?(coder aDecoder: NSCoder) {
        //as shown above
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        let panUp = UIPanGestureRecognizer(target: self, action: #selector(handleGesture(_:)))
        view.addGestureRecognizer(panUp)
    }

    //pan up transitions back to the presenting view controller

    var interactionController: UIPercentDrivenInteractiveTransition?

    func handleGesture(_ gesture: UIPanGestureRecognizer) {
        let translate = gesture.translation(in: gesture.view)
        let percent   = -translate.y / gesture.view!.bounds.size.height

        if gesture.state == .began {
            interactionController = UIPercentDrivenInteractiveTransition()
            customTransitionDelegate.interactionController = interactionController

            dismiss(animated: true)
        } else if gesture.state == .changed {
            interactionController?.update(percent)
        } else if gesture.state == .ended {
            let velocity = gesture.velocity(in: gesture.view)
            if (percent > 0.5 && velocity.y == 0) || velocity.y < 0 {
                interactionController?.finish()
            } else {
                interactionController?.cancel()
            }
            interactionController = nil
        }

    }

    @IBAction func didTapButton(_ sender: UIButton) {
        dismiss(animated: true)
    }

}

Sehen https://github.com/robertmryan/SwiftCustomTransitions für eine demonstration der obige code.

Sieht es so aus:

Aber, unterm Strich, benutzerdefinierte übergänge sind ein wenig kompliziert, so dass ich wieder verweisen Sie auf die original-videos. Stellen Sie sicher, Sie sehen Sie in einigen Details vor der Buchung Fragen. Die meisten Fragen werden wahrscheinlich beantwortet werden in diesen videos.