Use spring animation for presenting sheet

This commit is contained in:
Shadowfacts 2020-09-10 23:09:47 -04:00
parent 6926446c4e
commit 7ac34efeab
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
3 changed files with 20 additions and 10 deletions

View File

@ -11,7 +11,7 @@ import UIKit
class SheetContainerDismissAnimationController: NSObject, UIViewControllerAnimatedTransitioning { class SheetContainerDismissAnimationController: NSObject, UIViewControllerAnimatedTransitioning {
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
return 0.35 return 0.5
} }
func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
@ -36,7 +36,8 @@ class SheetContainerDismissAnimationController: NSObject, UIViewControllerAnimat
if let initialVelocity = fromVC.dismissAnimationInitialVelocity { if let initialVelocity = fromVC.dismissAnimationInitialVelocity {
let vector = CGVector(dx: initialVelocity, dy: 0) let vector = CGVector(dx: initialVelocity, dy: 0)
let parameters = UISpringTimingParameters(dampingRatio: 1, initialVelocity: vector) let damping = SheetContainerViewController.springDamping
let parameters = UISpringTimingParameters(dampingRatio: damping, initialVelocity: vector)
animator = UIViewPropertyAnimator(duration: duration, timingParameters: parameters) animator = UIViewPropertyAnimator(duration: duration, timingParameters: parameters)
} else { } else {
animator = UIViewPropertyAnimator(duration: duration, curve: .easeOut) animator = UIViewPropertyAnimator(duration: duration, curve: .easeOut)

View File

@ -11,7 +11,7 @@ import UIKit
class SheetContainerPresentationAnimationController: NSObject, UIViewControllerAnimatedTransitioning { class SheetContainerPresentationAnimationController: NSObject, UIViewControllerAnimatedTransitioning {
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval { func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
return 0.35 return 0.5
} }
func animateTransition(using transitionContext: UIViewControllerContextTransitioning) { func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
@ -31,22 +31,28 @@ class SheetContainerPresentationAnimationController: NSObject, UIViewControllerA
container.addSubview(dimmingView) container.addSubview(dimmingView)
container.addSubview(toVC.view) container.addSubview(toVC.view)
toVC.view.transform = CGAffineTransform(translationX: 0, y: toVC.initialConstant) let initialConstant = toVC.initialConstant
toVC.topConstraint.constant = toVC.view.bounds.height
toVC.view.layoutIfNeeded()
let duration = transitionDuration(using: transitionContext) let duration = transitionDuration(using: transitionContext)
UIView.animate(withDuration: duration, animations: { let damping = SheetContainerViewController.springDamping
let pointsPerSecond: CGFloat = 50
let velocity = pointsPerSecond / initialConstant
UIView.animate(withDuration: duration, delay: 0, usingSpringWithDamping: damping, initialSpringVelocity: velocity, options: []) {
// we animate the dimming view's frame so that it doesn't go under the content view, in case there's a transparent background // we animate the dimming view's frame so that it doesn't go under the content view, in case there's a transparent background
// we also extend the dimming view under any rounded corners the content view has // we also extend the dimming view under any rounded corners the content view has
dimmingView.frame = CGRect(x: 0, y: 0, width: dimmingView.bounds.width, height: toVC.initialConstant + toVC.content.view.layer.cornerRadius) dimmingView.frame = CGRect(x: 0, y: 0, width: dimmingView.bounds.width, height: initialConstant + toVC.content.view.layer.cornerRadius)
dimmingView.alpha = toVC.dimmingView.alpha dimmingView.alpha = toVC.dimmingView.alpha
toVC.view.transform = .identity toVC.topConstraint.constant = initialConstant
}, completion: { (finished) in toVC.view.layoutIfNeeded()
} completion: { (finished) in
dimmingView.removeFromSuperview() dimmingView.removeFromSuperview()
toVC.dimmingView.isHidden = false toVC.dimmingView.isHidden = false
toVC.view.frame = finalFrame toVC.view.frame = finalFrame
transitionContext.completeTransition(!transitionContext.transitionWasCancelled) transitionContext.completeTransition(!transitionContext.transitionWasCancelled)
}) }
} }

View File

@ -31,6 +31,8 @@ public extension SheetContainerViewControllerDelegate {
open class SheetContainerViewController: UIViewController { open class SheetContainerViewController: UIViewController {
internal static let springDamping: CGFloat = 0.75
public weak var delegate: SheetContainerViewControllerDelegate? public weak var delegate: SheetContainerViewControllerDelegate?
public let content: UIViewController public let content: UIViewController
@ -224,7 +226,8 @@ open class SheetContainerViewController: UIViewController {
if delegate?.sheetContainer(self, willSnapToDetent: springToDetent.0) ?? true { if delegate?.sheetContainer(self, willSnapToDetent: springToDetent.0) ?? true {
self.topConstraint.constant = springToDetent.1 self.topConstraint.constant = springToDetent.1
UIView.animate(withDuration: 0.35, delay: 0, usingSpringWithDamping: 0.75, initialSpringVelocity: springVelocity, animations: { let damping = SheetContainerViewController.springDamping
UIView.animate(withDuration: 0.35, delay: 0, usingSpringWithDamping: damping, initialSpringVelocity: springVelocity, animations: {
self.view.layoutIfNeeded() self.view.layoutIfNeeded()
self.dimmingView.alpha = lerp(springToDetent.1, min: self.topDetent.offset, max: self.bottomDetent.offset, from: self.maximumDimmingAlpha, to: self.minimumDimmingAlpha) self.dimmingView.alpha = lerp(springToDetent.1, min: self.topDetent.offset, max: self.bottomDetent.offset, from: self.maximumDimmingAlpha, to: self.minimumDimmingAlpha)
}, completion: { (finished) in }, completion: { (finished) in