OGeek|极客世界-中国程序员成长平台

标题: iOS UIView 动画 CATransform3DMakeRotation 混淆 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 20:43
标题: iOS UIView 动画 CATransform3DMakeRotation 混淆

我有一个 UIView 我正在尝试动画向下翻转，同时它的轴位于 View 的底部。例如:

为此，我尝试使用 UIView 动画:

[UIView animateWithDuration:3 delay:0 options:UIViewAnimationCurveEaseOut animations:^{

     // Flip Down
     top3.layer.anchorPoint = CGPointMake(0.5, 1.0);
     top3.layer.transform = CATransform3DMakeRotation(M_PI, 1, 0, 0);

 } completion:^(BOOL finished) {

     // Reset?
     //top3.transform = CGAffineTransformMakeScale(1, 1);

 }];

现在它没有按我想要的方式工作，看起来 View 动画远离用户而不是朝向用户。它似乎没有提供 3D 效果，使其在向下旋转时看起来更接近用户，如我的图像所示。我很肯定这是因为我不了解如何使用 CATransform3DMakeRotation。

问题:

• 如何使 View 在下降时看起来更靠近用户？比如像我的图片示例那样倾斜它？
• 当我设置我的 anchorPoint 时，它会向下移动我的 View ，我怎样才能防止这种情况并仍然设置我的 anchorPoint？
• 使用 UIView 动画，我可以使用缓动设置吗？ 在选项中使用 UIViewAnimationCurveEaseOut。
• 我可以使用重力设置吗？

---

Best Answer-推荐答案

• 您的问题并不完全清楚，但听起来您在动画过程中没有看到透视失真 - View 在旋转时保持矩形，对吧？要使 CALayer 以透视方式显示，它的 transform 需要设置 m34 元素，如 here 所述.
• 为了补偿 anchorPoint 移动 View 层，您需要更改 View 的原始位置。
• 是的。除了您正在使用的动画选项之外，还有几个动画选项，您可以像这样组合它们(例如): UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionAllowUserInteraction.
• Core Animation 并没有任何物理概念。根据您想要的效果，您可以通过将多个动画与特定的缓动设置链接在一起来实现它——例如，撞击固体表面的下落物体将在下降过程中使用“缓入”动画，然后是如果它随后反弹，则“缓和”。

关于iOS UIView 动画 CATransform3DMakeRotation 混淆，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8494184/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4