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

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

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

如果我使用viewWillTransitionToSize:withTransitionCoordinator:willTransitionToTraitCollection:withTransitionCoordinator:willRotateToInterfaceOrientation ,则在启动应用程序时不会调用它,并且在旋转设备时,在更新帧的新大小之前调用它。

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

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

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

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

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

下面我将概述如何使用CADisplayLink在动画的每一帧中更新属性,但有一种更简单的方法。 使用更新角半径的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 } } 

坦率地说,我不确定这个角落半径动画是否足以certificate这个显示链接(我必须使用命令 + T来减慢模拟器中的动画以理解差异),但这说明了基本思想。

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

 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()