基于尺寸元素的设备旋转期间的动画变化将在旋转完成后

Question

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

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

如果我使用 viewWillTransitionToSize:withTransitionCoordinator: 或 willTransitionToTraitCollection:withTransitionCoordinator: 或 willRotateToInterfaceOrientation，它不会在应用程序启动时被调用，而在旋转设备时它会在框架出现之前被调用更新为新尺寸。

如果我使用 willAnimateRotationToInterfaceOrientation，它不会在应用程序启动时被调用，但在旋转设备时它会正确获取新的按钮框架。但此方法已被弃用。

那么问题来了，你可以使用什么方法来根据旋转完成后按钮的大小来设置按钮的属性，即在旋转完成之前调用？

请注意，每次方向更改都需要调用它，而不仅仅是大小 class 更改（旋转 iPad 不会更改大小 class）。我只需要支持iOS 8.0+.

这是我放置在方法中的代码，用于了解它是否获得正确的大小：

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

Answer 1

答案是使用 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)
}

应用程序启动时不会调用此方法，因此您还需要在 viewDidLoad 中调用 self.updateButtonsCornerRadius()。

Answer 2

下面我概述了如何使用 CADisplayLink 在动画的每一帧期间更新属性，但还有一种更简单的方法。使用更新角半径的 layoutSubviews 对按钮（或视图或其他）进行子类化：

class RoundedCornerView: UIView {

    override func layoutSubviews() {
        super.layoutSubviews()

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

}

然后，在动画过程中，随着帧大小的变化，角半径会自动更新：

正如 Joey 指出的那样，可以使用 viewWillTransitionToSize 通知新尺寸，然后使用 animateAlongsideTransition 将附加动画与主动画协调。

如果您想为 un-animatable 属性制作动画，例如圆角半径（无论如何在 block-based 动画中），您可以使用显示 link动画的持续时间。这有效地为旋转动画的每一帧调用了我们的方法。因此，我们将有一种方法可以查看表示层（它向您显示层的当前状态mid-animation）来动态调整角半径。你也可以为此使用 animateAlongsideTransition，但在这种情况下我们不使用 animation 闭包，而只是使用 completion 闭包来知道动画何时完成，因此可以停止显示 link:

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
    }
}

坦率地说，我不确定这个圆角半径动画是否足以证明此显示 link（我不得不使用 command+ 减慢模拟器中的动画速度T 以了解差异），但这说明了基本思想。

基于尺寸元素的设备旋转期间的动画变化将在旋转完成后

Animate changes during device rotation based on size element will be after rotation completes

screen-rotation

ios

swift

ios8

size-classes