源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

IOS 实现3D 浮动效果动画

  • 时间:2022-08-09 08:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:IOS 实现3D 浮动效果动画
涉及到的技术点 [list=1] [*]CATransform3DRotate[/*] [*]转换坐标系 [/*] [/list] 整体视图的层级结构 [list=1] [*]tvOSCardView[/*] [*]cardImageView[/*] [*]cardParallaxView [/*] [/list] 转换坐标系的代码
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;
[img]http://files.jb51.net/file_images/article/201609/2016920102329144.gif?2016820102345[/img] tvOSCardAnimation动画的运行结果 文/JoyceZhao(简书作者) 原文链接:http://www.jianshu.com/p/42770b5cee0d 著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部