我正在尝试创建一个简单的 iPhone 应用程序,该应用程序显示下面有反射的图片,并且我想使用 Core Animation 围绕 X 轴旋转图片。
我首先使用“基于视图的应用程序”模板创建了一个新的 iPhone 应用程序。我添加了一个“Picture.jpg”图像文件,然后将其添加到视图控制器:
- (void)awakeFromNib {
CGFloat zDistance = 1500.0f;
// Create perspective transformation
CATransform3D transform = CATransform3DIdentity;
transform.m34 = 1.0f / -zDistance;
// Create perspective transform for reflected layer
CATransform3D reflectedTransform = CATransform3DMakeRotation(M_PI, 1.0f, 0.0f, 0.0f);
reflectedTransform.m34 = 1.0f / -zDistance;
// Create spinning picture
CALayer *spinningLayer = [CALayer layer];
spinningLayer.frame = CGRectMake(60.0f, 60.0f, 200.0f, 300.0f);
spinningLayer.contents = (id)[UIImage imageNamed:@"Picture.jpg"].CGImage;
spinningLayer.transform = transform;
// Create reflection of spinning picture
CALayer *reflectionLayer = [CALayer layer];
reflectionLayer.frame = CGRectMake(60.0f, 360.0f, 200.0f, 300.0f);
reflectionLayer.contents = (id)[UIImage imageNamed:@"Picture.jpg"].CGImage;
reflectionLayer.opacity = 0.4f;
reflectionLayer.transform = reflectedTransform;
// Add layers to the root layer
[self.view.layer addSublayer:spinningLayer];
[self.view.layer insertSublayer:reflectionLayer below:spinningLayer];
// Spin the layers
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
anim.fromValue = [NSNumber numberWithFloat:0.0f];
anim.toValue = [NSNumber numberWithFloat:(2 * M_PI)];
anim.duration = 3.0f;
anim.repeatCount = 1e100f;
[spinningLayer addAnimation:anim forKey:@"anim"];
[reflectionLayer addAnimation:anim forKey:@"anim"];
}
这几乎可以工作。问题是主画面和反射的旋转并不完全同步。它非常接近完美,但图片底部和反射顶部的边缘相距几个像素。它们似乎相差几度。
在屏幕左侧,倒影似乎在画面“前面”,而在右侧,倒影在画面后面。换句话说,看起来顶部图像的底角被推向屏幕,而反射的顶角被拉向观看者。在图像旋转时查看图像的正面和背面都是如此。
如果我增加zDistance
,效果就不那么明显了。transform.m34
如果我通过将两层都保留为零来完全消除透视变换,那么图片和反射看起来完全同步。所以我不认为这个问题与时间同步问题有关。
我怀疑我的视角转换遗漏了一些东西,但我不确定如何确定出了什么问题。我想我基本上是在做这个相关的 Stack Overflow question中描述的相同的转换。
有人可以帮忙吗?