IOS 3D 浮动效果动画 IOS 实现3D 浮动效果动画

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

IOS 3D 浮动效果动画 IOS 实现3D 浮动效果动画

JoyceZhao   2021-03-22 我要评论
想了解IOS 实现3D 浮动效果动画的相关内容吗,JoyceZhao在本文为您仔细讲解IOS 3D 浮动效果动画的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:IOS,3D,浮动效果动画,IOS,3D效果动画,IOS,3D动画,下面大家一起来学习吧。

涉及到的技术点

  1. CATransform3DRotate
  2. 转换坐标系

整体视图的层级结构

  1. tvOSCardView
  2. cardImageView
  3. 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;

tvOSCardAnimation动画的运行结果

文/JoyceZhao(简书作者)
原文链接:http://www.jianshu.com/p/42770b5cee0d
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们