CATransform3D介绍

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CATransform3D介绍相关的知识,希望对你有一定的参考价值。

参考技术A CATransform3D:和CGAffineTransform矩阵类似,它是一个4x4的矩阵构成,和CGAffineTransform的差别在于3D的平移和旋转多处了一个z参数,用于图层的旋转,缩放,偏移,歪斜和应用的透视。 2d仿射变换介绍
矩阵的意义如下:

一.API集合

二.一些API使用的简单介绍
没有做任何变换的参考图

1.位移

tx:x轴位置,设置为50,所有向右偏移了50.
ty:y轴位置,设置为50,所有向下偏移了50.
tz:z周位置,设置主要觉得他显示的位置,是否靠近屏幕,设置为-1,因为橘黄色的layer为0,所以远离,出现图中的效果。

2.缩放

上面的内容可以看出,我先把长和宽缩小了1倍,然后在整理放大了1.25倍。所有结果输出如上,图片放大了。

3.旋转

这里对橘黄色的背景设置了一个透明度

angle x y z 共同决定了 m11 ~ m33 之间的参数值。由于我没有找到一个算法和规律这里不进行说明,有兴趣的可以自行研究。

4.透视效果
a.m14 m24 m34 都能才生layer内容的变形(透视效果),m34只能在图片做了旋转后才有效果。
b.m14 m24 m34 在旋转的时候选设置和后设置,都会产生不同的效果。m14 m24 m34的值会影响旋转函数的设置值。
c.必须先设置 m34,然后再做旋转,不然不会产生效果
d.m14 m24 m34 的默认值是0,我们可以通过设置m34为-1.0 / d来应用透视效果,这里d代表了想象中视角和屏幕之间的距离,以像素为单位,d通常为500-1000,d正负都可以。
e.通常情况下m34配合旋转来使用透视效果。

5.灭点

当在透视角度绘图的时候,远离相机视角的物体将会变小变远,当远离到一个极限距离,它们可能就缩成了一个点,于是所有的物体最后都汇聚消失在同一个点。在做3d视图变换的时候,应该重这个点开始考虑。
当改变一个图层的position,你也改变了它的灭点,当你视图通过调整m34来让它更加有3D效果,应该首先把它放置于屏幕中央,然后通过平移来把它移动到指定位置(而不是直接改变它的position),这样所有的3D图层都共享一个灭点。

举例:CALayer有一个属性叫做sublayerTransform。它也是CATransform3D类型,但和对一个图层的变换不同,它影响到所有的子图层。通过在一个地方设置透视变换会很方便,同时它会带来另一个显著的优势:灭点被设置在容器图层的中点,从而不需要再对子图层分别设置了。这意味着你可以随意使用position和frame来放置子图层,而不需要把它们放置在屏幕中点,然后为了保证统一的灭点用变换来做平移。

可以看出2种效果不同,因为他们的灭点不同。

7.CALayer有一个叫做doubleSided的属性来控制图层的背面是否要被绘制

参考资料
学习demo

DBA的介绍

参考技术A

DBA是己二酸生产过程中副产品混合二元酸的简称,其中主要有机物成分为戊二酸(GA)、丁二酸(SA)、己二酸(ADA)。

以上是关于CATransform3D介绍的主要内容,如果未能解决你的问题,请参考以下文章

CATransform3D

层变换矩阵(CATransform3D 等)但带有 IBDesignable?

应用 CATransform3D 后的近似矩形?

使用 CATransform3D 性能不佳

CATransform3D 特效详解

围绕所有轴的 CATransform3D