Hi here is the code:
This code correctly rotate in 3D my "button" in this case by 49 degrees (rotationAngle).
Problem is that this is not animated.
How to make this code animate the rotation, instead of simply displaying the result?
Code Block let button = self.votingButtonsContainer[0] let layer = button.layer let rotationAngle: CGFloat = 49 var rotationAndPerspectiveTransform = CATransform3DIdentity rotationAndPerspectiveTransform.m34 = 1.0 / -500 rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, rotationAngle * .pi / 180.0, 0.0, 1.0, 0.0) layer.transform = rotationAndPerspectiveTransformThis code correctly rotate in 3D my "button" in this case by 49 degrees (rotationAngle).
Problem is that this is not animated.
How to make this code animate the rotation, instead of simply displaying the result?
I see at least 2 ways:
For the list of keyPaths:
https://stackoverflow.com/questions/44230796/what-is-the-full-keypath-list-for-cabasicanimation
with the right animations and completion handler
create a CoreAnimation with the transform keyPath
Code Block let trans = CABasicAnimation(keyPath: "transform"); trans.fromValue = [0.0, 0.0, 1.0, 0.0] // you may have to correct this trans.toValue = [rotationAngle * .pi / 180.0, 0.0, 1.0, 0.0] // That's my guess of the correct set of parameters button.layer.add(cotransor, forKey: "rotation") // I am not sure of the keyPath to useFor the list of keyPaths:
https://stackoverflow.com/questions/44230796/what-is-the-full-keypath-list-for-cabasicanimation
call animate on the view
Code Block UIView.animate(withDuration: 2.0, delay: 0.0, options: .curveEaseOut, animations: { /* TRANSFORM */ }, completion: { (done) in } )with the right animations and completion handler
