沃梦达 / IT编程 / 移动开发 / 正文

IOS 实现3D 浮动效果动画

沃梦达教程移动开发

2023-01-03

这篇文章主要介绍了IOS 实现3D 浮动效果动画的相关资料,需要的朋友可以参考下

涉及到的技术点

CATransform3DRotate
转换坐标系

整体视图的层级结构

tvOSCardView
cardImageView
cardParallaxView

转换坐标系的代码


CGFloat xFactor = MIN(1, MAX(-1, (touchPoint.x - (self.bounds.size.width / 2)) / (self.bounds.size.width / 2)));
CGFloat yFactor = MIN(1, MAX(-1, (touchPoint.y - (self.bounds.size.height / 2)) / (self.bounds.size.height / 2)));

cardImageView.layer.transform = [self transformWithM34:1.0 / -500 xf:xFactor yf:yFactor];
cardParallaxView.layer.transform = [self transformWithM34:1.0 / -250 xf:xFactor yf:yFactor];

CGFloat zFactor = 180 * atan(yFactor / xFactor) / M_PI + 90;