CATransform3D中zPosition详解
来源:互联网 发布:ov7670摄像头资料数据 编辑:程序博客网 时间:2024/06/05 08:22
在ios开发中,很多时候会用到3d的动画效果来增强界面的感染力,但是往往成就一个美好的事物的时候是要付出很多代价的,本人就纠结在这个3d旋转上花了不少时间。
先来说下这个3d和2d的区别,大体上的区别就不去说了,众所周知的事情,这边着重来阐述下在整个UI界面的一些层次的布局:
(1)2d动画只会在一个平面上做变换,能够考虑的只有xy两个方向;
(3)3d动画除了看到的手机屏幕的这个平面外,还有一个垂直于手机屏幕的一个面(一下统称z),对于3d动画来说,这个z轴有着很大的作用。下面的文章会慢慢道来;
先来看个例子:
从上到下是橙色的view按照上沿向内旋转一定得角度而得到的,这个是么有问题的。接下来我们继续:
出现这样的效果,第一眼肯定会认为橙色的view比绿色的view先加到控制器上,但是事实恰恰相反,我是先加载绿颜色,再去加载橙色的,出现这样的效果是因为这个橙色的view的zPositon小于绿颜色的view的zPosition。
重点来了,我们需要设置这个zPosition。什么是zPosition?
所谓的zPosition就是上文所说的z轴,它的坐标标度是从屏幕内往屏幕外依次递增;
也就是说上图橙色的view的zPosition是要小于绿颜色的。现在若把绿色的zPosition设成小于红色的,会出项下面的样子:
为什么会变成这样?不要急,原因还是出在了zPosition上,由于橙色的zPosition值虽然设的比绿色的要大,但是由于这个值超出绿色的大小并没有超过转动后橙色在z轴上位移的大小,所以会这样,这个时候,我们只需要把这个值再设大一点知道超过位移的距离,如下图:
这样就ok了!
- CATransform3D中zPosition详解
- CATransform3D详解
- CATransform3D详解
- CATransform3D 详解
- CATransform3D详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- 9. CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- CATransform3D 特效详解
- jquery样式点击任意一个树展开合并
- hibernate flush与commit
- C# code review
- Nios II 开发之flash
- 支付宝接口资料下载
- CATransform3D中zPosition详解
- 6款程序员不得不爱的bootstrap模板
- Android开发应用中Activity详解
- android Zxing二维码扫描 竖屏切换问题的解决
- EBS系统克隆
- python字符串的encode和decode
- 赖兆红:如何构建低延时大数据系统平台!
- Android Zxing调整扫描区域 优化取图速度(调节扫描框大小)
- Webservice 访问 随笔记载