이것이 Google의 최고 결과이기 때문에 제가 생각하는 것을 가장 제정신이라고 생각합니다. iOS 7+ 전환 API를 사용하는 것입니다. Swift 3을 사용하여 iOS 10에 대해 이것을 구현했습니다.
UINavigationController서브 클래스의 서브 클래스를 작성 UINavigationController하고 UIViewControllerAnimatedTransitioning프로토콜 을 준수하는 클래스의 인스턴스를 리턴하는 경우이를 두 개의보기 컨트롤러 사이의 애니메이션 방식과 결합하는 것은 매우 간단 합니다.
예를 들어 여기 내 UINavigationController하위 클래스가 있습니다.
class NavigationController: UINavigationController {
init() {
super.init(nibName: nil, bundle: nil)
delegate = self
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
extension NavigationController: UINavigationControllerDelegate {
public func navigationController(_ navigationController: UINavigationController, animationControllerFor operation: UINavigationControllerOperation, from fromVC: UIViewController, to toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
return NavigationControllerAnimation(operation: operation)
}
}
내가 UINavigationControllerDelegate자체로 설정 한 것을 볼 수 있고 , 서브 클래스의 확장 UINavigationControllerDelegate에서는 사용자 정의 애니메이션 컨트롤러 (예 :)를 반환 할 수 있는 메소드를 구현합니다 NavigationControllerAnimation. 이 사용자 정의 애니메이션 컨트롤러가 스톡 애니메이션을 대신합니다.
왜 NavigationControllerAnimation초기화를 통해 인스턴스에 작업을 전달하는지 궁금 할 것입니다 . 나는 프로토콜 NavigationControllerAnimation의 구현 UIViewControllerAnimatedTransitioning에서 작업이 무엇인지 (즉, '푸시'또는 '팝') 알 수 있도록 이렇게합니다. 이것은 내가 어떤 종류의 애니메이션을해야하는지 아는 데 도움이됩니다. 대부분의 경우 작업에 따라 다른 애니메이션을 수행하려고합니다.
나머지는 꽤 표준입니다. UIViewControllerAnimatedTransitioning프로토콜 에서 두 가지 필수 기능을 구현하고 원하는대로 애니메이션을 적용하십시오.
class NavigationControllerAnimation: NSObject, UIViewControllerAnimatedTransitioning {
let operation: UINavigationControllerOperation
init(operation: UINavigationControllerOperation) {
self.operation = operation
super.init()
}
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
return 0.3
}
public func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
guard let fromViewController = transitionContext.viewController(forKey: UITransitionContextViewControllerKey.from),
let toViewController = transitionContext.viewController(forKey: UITransitionContextViewControllerKey.to) else { return }
let containerView = transitionContext.containerView
if operation == .push {
// do your animation for push
} else if operation == .pop {
// do your animation for pop
}
}
}
각기 다른 유형의 작업 (예 : '푸시'또는 '팝')에 대해 뷰 컨트롤러와 뷰 컨트롤러가 서로 다르다는 것을 기억해야합니다. 푸시 조작 중에는 to view 컨트롤러가 푸시됩니다. 팝 작업 중에는 to view 컨트롤러가 전환되는 컨트롤러가되고 from view 컨트롤러가 팝 컨트롤러가됩니다.
또한 to뷰 컨트롤러는 containerView전환 컨텍스트에서 하위 뷰로 추가해야합니다 .
애니메이션이 완료되면를 호출해야합니다 transitionContext.completeTransition(true). 대화 형 전환을 수행하는 경우, 당신은 동적를 반환해야합니다 Bool으로 completeTransition(didComplete: Bool)전환이 애니메이션의 끝에 완료된 경우에 따라.
마지막으로 ( 선택 사항 읽기 ), 내가 작업했던 전환을 어떻게 수행했는지보고 싶을 수도 있습니다. 이 코드는 조금 더 해키이며 꽤 빨리 작성하여 훌륭한 애니메이션 코드라고 말하지는 않지만 여전히 애니메이션 부분을 수행하는 방법을 보여줍니다.
광산은 정말 간단한 전환이었습니다. UINavigationController가 일반적으로하는 것과 동일한 애니메이션을 모방하고 싶었지만 '다음 페이지 위에있는'애니메이션 대신 새로운 뷰와 동시에 이전 뷰 컨트롤러의 1 : 1 애니메이션을 구현하고 싶었습니다. 컨트롤러가 나타납니다. 이는 두 개의 뷰 컨트롤러가 서로 고정되어있는 것처럼 보이게하는 효과가 있습니다.
푸시 작업의 경우 먼저 toViewControllerx 축 오프 화면에서의 뷰 원점을 설정 하고을 서브 뷰로 추가하고이를 0 containerView으로 설정하여 화면에 애니메이션을 적용해야 origin.x합니다. 동시에 화면에서 화면을 꺼서 fromViewController보기를 움직이게합니다 origin.x.
toViewController.view.frame = containerView.bounds.offsetBy(dx: containerView.frame.size.width, dy: 0.0)
containerView.addSubview(toViewController.view)
UIView.animate(withDuration: transitionDuration(using: transitionContext),
delay: 0,
options: [ UIViewAnimationOptions.curveEaseOut ],
animations: {
toViewController.view.frame = containerView.bounds
fromViewController.view.frame = containerView.bounds.offsetBy(dx: -containerView.frame.size.width, dy: 0)
},
completion: { (finished) in
transitionContext.completeTransition(true)
})
팝 연산은 기본적으로 반대입니다. 추가 toViewController의 하위 뷰로서 containerView, 그리고 멀리 애니메이션 fromViewController당신이에서 애니메이션으로 오른쪽 toViewController왼쪽에서 :
containerView.addSubview(toViewController.view)
UIView.animate(withDuration: transitionDuration(using: transitionContext),
delay: 0,
options: [ UIViewAnimationOptions.curveEaseOut ],
animations: {
fromViewController.view.frame = containerView.bounds.offsetBy(dx: containerView.frame.width, dy: 0)
toViewController.view.frame = containerView.bounds
},
completion: { (finished) in
transitionContext.completeTransition(true)
})
전체 신속한 파일이있는 요지가 있습니다.
https://gist.github.com/alanzeino/603293f9da5cd0b7f6b60dc20bc766be