ios - CATransform3DMakeRotation 在动画过程中隐藏了一半的 UIView

Question

使用以下带有 CATransform3DMakeRotation 的 UIView 动画，一半的 UIView 将在变换期间消失并在完成时重新出现。只有当界面构建器的 View 层次结构中的 UIView 后面有一个 UIImageView 时才会发生这种情况。

[UIView animateWithDuration:1.0 delay:0.0 options:nil animations:^{
        myView.layer.transform = CATransform3DMakeRotation(M_PI,0.0,1.0,0.0);
    } completion:nil];

下面是interface builder中的 View 布局

下面是动画结果。

第二张图片是在任何动画发生之前，左半部分消失了。在它收缩然后长大超过中心点后，右侧(之前的左侧)重新出现，如第 4 幅图像所示。

当使用设置背景图片时

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"jeans.png"]];

动画按预期完成。

Answer 1

郑重声明，答案在我的评论中

imageView.layer.zPosition = -400;

或者你可以做

myView.layer.zPosition = 400; // or some number greater than width/2

看起来旋转 View 的一部分被背景 View 遮挡了。由于它围绕其中心点旋转，它的一部分进入负 z 空间，因此在背景后面。

于是从

------- imageView
------- myView

到

     / myView
    /
------- imageView
  /
 /