基于size元素的设备旋转期间的动画更改将在旋转完成后进行

Question

我有一个动态的按钮设置,可根据故事板中设置的自动布局约束自动调整宽度和高度.在纵向时,按钮具有相等的宽度和高度,因此框架是完全正方形的,当设备旋转到横向时,按钮变得更短更宽.我已经设置cornerRadius了按钮的图层,因此它们在纵向时是完美的圆形并且效果很好,但是当我旋转到横向时,角落半径看起来不再明显.我需要改变它,所以它变成了椭圆形.问题是,无论我在哪里尝试放置代码,我都无法获得旋转发生后按钮的正确宽度和高度.我希望在旋转设备时发生这种情况 - 不想等到旋转完成.理想情况下cornerRadius 在过渡动画时会为变化添加动画效果.

如果我使用viewWillLayoutSubviews或者viewDidLayoutSubviews,它在应用程序启动时正确获取按钮框架,但在旋转到横向时,在为新方向更新按钮的框架之前调用此方法,因此我无法计算正确的角半径.

如果我使用viewWillTransitionToSize:withTransitionCoordinator:或willTransitionToTraitCollection:withTransitionCoordinator:或者willRotateToInterfaceOrientation,当应用程序被启动,并在旋转架为新的大小更新之前,它被称为设备就不会被调用.

如果我使用willAnimateRotationToInterfaceOrientation,则在启动应用程序时不会调用它,但在旋转设备时它会正确获取新的按钮框.但是这种方法已被弃用.

所以问题是,您可以使用什么方法根据旋转完成时按钮的大小来设置按钮的属性,这是在旋转完成之前调用的？

请注意,需要为每个方向更改调用它,而不仅仅是大小类更改(旋转iPad不会更改大小类).我只需要支持iOS 8.0+.

这是我在方法中放置的代码,以确定它是否获得正确的大小:

println("\(button.frame.size.width) x \(button.frame.size.height)")

Answer 1

下面我概述了如何CADisplayLink在动画的每一帧中使用a 来更新属性,但有一种更简单的方法.使用layoutSubviews更新角半径的按钮(或视图或其他)进行子类化:

class RoundedCornerView: UIView {

    override func layoutSubviews() {
        super.layoutSubviews()

        layer.cornerRadius = min(bounds.width, bounds.height) / 2
    }

}

然后,在动画期间,随着帧大小的改变,角半径会自动更新:

正如Joey指出的那样,可以使用viewWillTransitionToSize新的大小通知,然后用于animateAlongsideTransition协调您的附加动画以及主动画.

如果要为不可设置动画的属性设置动画,例如角半径(无论如何都是基于块的动画),您可以在动画持续时间内使用显示链接.这有效地为旋转动画的每一帧调用我们的方法.因此,我们将有一个方法来查看表示层(它向您显示动画中间层的当前状态),以便动态调整角点半径.你也可以使用animateAlongsideTransition它,但animation在这种情况下我们不使用闭包,而只是使用completion闭包来知道动画何时完成,因此可以停止显示链接:

override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)

    let displayLink = CADisplayLink(target: self, selector: "handleDisplayLink:")
    displayLink.addToRunLoop(NSRunLoop.mainRunLoop(), forMode: NSRunLoopCommonModes)

    coordinator.animateAlongsideTransition(nil) { (context) -> Void in
        displayLink.invalidate()
    }
}

func handleDisplayLink(displayLink: CADisplayLink) {
    updateButtonsCornerRadius()
}

func updateButtonsCornerRadius() {
    for button in [button1, button2] {
        let presentationLayer = button.layer.presentationLayer() as CALayer
        let minDimension = min(presentationLayer.frame.size.width, presentationLayer.frame.size.height)
        button.layer.cornerRadius = minDimension / 2.0
    }
}

坦率地说,我不确定这个角半径动画是否足以证明这个显示链接(我不得不放慢模拟器中的动画用command+ T来欣赏差异),但这说明了基本的想法.

Answer 2

答案是使用viewWillTransitionToSize:withTransitionCoordinator:，将您的代码放在UIViewControllerTransitionCoordinator的animateAlongsideTransition:方法的动画闭包中。这将允许您根据旋转完成时的大小为更改设置动画。

override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)

    coordinator.animateAlongsideTransition({ (context: UIViewControllerTransitionCoordinatorContext!) -> Void in
        self.updateButtonsCornerRadius()
    }, completion: nil)
}

这种方法不叫当应用程序启动，但这样你要拨打self.updateButtonsCornerRadius()的viewDidLoad为好。