圖層的幾個(gè)坐標(biāo)系

對于iOS來說亭饵，坐標(biāo)系的（0休偶，0）點(diǎn)在左上角，就是越往下辜羊，Y值越大踏兜。越往右词顾，X值越大。

一個(gè)圖層的frame碱妆，它是position肉盹，bounds，anchorPoint和transform屬性的一部分疹尾。

設(shè)置一個(gè)新的frame將會(huì)相應(yīng)的改變圖層的position和bounds上忍，但是frame本身并沒有保存。

position：是一個(gè)CGPoint值纳本，它指定圖層相當(dāng)于它父圖層的位置窍蓝，該值基于父圖層的坐標(biāo)系。

bounds：是一個(gè)CGRect值繁成，指定圖層的大邢朋稀（bounds.size）和圖層的原點(diǎn)（bounds.origin），這個(gè)坐標(biāo)系是基于自身的巾腕。如果改變bounds的origin面睛，那么在該圖層的子圖層，坐標(biāo)會(huì)跟著改變尊搬。也就是說叁鉴，改變自身的坐標(biāo)系，本身在父圖層的位置不變佛寿，但它上的子圖層位置變化幌墓。

anchorPoint：是一個(gè)CGPoint值，它是指定了一個(gè)基于bounds的符合坐標(biāo)系的位置冀泻。錨點(diǎn)（anchor point）制定了bounds相對于position的值克锣，同時(shí)也作為一個(gè)變化時(shí)候的中心點(diǎn)。錨點(diǎn)使用空間坐標(biāo)系取值范圍是0-1之間的數(shù)腔长。默認(rèn)是0.5，也就是禿瓢的中心點(diǎn)验残，如果是（0捞附，0）那么，圖層向左上方移動(dòng)您没。如果是（1鸟召，1）就向右下方移動(dòng)。

看下面的兩個(gè)圖氨鹏，就能夠夠清晰的看出錨點(diǎn)變化所帶來的不一樣欧募。（此圖為Mac OS 坐標(biāo)系，如果是iOS仆抵，那么（0跟继，0）點(diǎn)在圖的左上方种冬。）

對于anchorPoint的解釋在ios中如圖：

下圖中的紅點(diǎn)位置就是 錨點(diǎn)的位置：默認(rèn)為（0.5，0.5）舔糖。在對圖像進(jìn)行變換時(shí)娱两，都是按照這個(gè)點(diǎn)來進(jìn)行縮放，偏移等金吗。

一旦修改錨點(diǎn)的位置為：（0十兢，0），那么圖像就會(huì)變成下圖摇庙。各種變換就會(huì)按照這個(gè)點(diǎn)來運(yùn)動(dòng)旱物。

所以說，在iOS系統(tǒng)中卫袒，錨點(diǎn)的坐標(biāo)系是：左上角為（0宵呛，0），右下角為（1玛臂，1）烤蜕。

根據(jù)此圖，在理解上面的定義迹冤，就直觀了一些讽营。

圖層的幾何變換

可以通過矩陣來改變一個(gè)圖層的幾何形狀。

CATransform3D 的數(shù)據(jù)結(jié)構(gòu)定義了一個(gè)同質(zhì)的三維變換（4x4 CGFloat值的矩陣）泡徙，用于圖層的旋轉(zhuǎn)橱鹏，縮放堪藐，偏移莉兰，歪斜和應(yīng)用的透視礁竞。

圖層的2個(gè)屬性指定了變換矩陣：transform 和 sublayerTransform捶朵。

transform ： 是結(jié)合 anchorPoint（錨點(diǎn)）的位置來對圖層和圖層上的子圖層進(jìn)行變化。

sublayerTransform：是結(jié)合anchorPoint（錨點(diǎn)）的位置來對圖層的子圖層進(jìn)行變化红碑，不包括本身。

CATransform3DIdentity 是單位矩陣泡垃，該矩陣沒有縮放析珊，旋轉(zhuǎn)羡鸥，歪斜，透視唾琼。該矩陣應(yīng)用到圖層上兄春，就是設(shè)置默認(rèn)值。

變換函數(shù)

CATransform3DMakeTranslation

官方文檔：

Returns a transform that translates by '(tx, ty, tz)'. t' = [1 0 0 0; 0 1 0 0; 0 0 1 0; tx ty tz 1].

CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz)锡溯。

做一個(gè)解釋赶舆，對于初學(xué)者來說，可能沒有看明白是什么意思祭饭。我詳細(xì)說下

對于CATransform3D來說芜茵，它是一個(gè)4x4 CGFloat的矩陣。

而上面給的值：[1 0 0 0; 0 1 0 0; 0 0 1 0; tx ty tz 1].

給豎起來后倡蝙。就發(fā)現(xiàn)：

1? ? 0? ? 0? ? 0

0? ? 1? ? 0? ? 0

0? ? 0? ? 1? ? 0

tx? ty? tz? 1

豎起來看就很明顯了九串。

CATransform3D 又是一個(gè)結(jié)構(gòu)。他有自己的一個(gè)公式寺鸥，可以進(jìn)行套用猪钮。

struct CATransform3D

{

CGFloat? ? m11（x縮放）,? ? m12（y切變）,? ? ? m13（旋轉(zhuǎn)）,? ? m14（）;

CGFloat? ? m21（x切變）,? ? m22（y縮放）,? ? ? m23（） ? ? ? , ? ?m24（）;

CGFloat? ? m31（旋轉(zhuǎn)） ?, ? ?m32（ ） ? ? ? , ? ? ?m33（） ? ? ? , ? ?m34（透視效果，要操作的這個(gè)對象要有旋轉(zhuǎn)的角度胆建，否則沒有效果烤低。正直/負(fù)值都有意義）;

CGFloat? ? m41（x平移）,? ? m42（y平移）,? ? m43（z平移） ,? ? m44（）;

};

根據(jù)這個(gè)公式，就一目了然了笆载。

CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz)

的參數(shù)意思就是

tx:：x平移扑馁。? ty：y平移。? tz：z平移

換換函數(shù)：

CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz)

tx：X軸偏移位置凉驻，往下為正數(shù)腻要。

ty：Y軸偏移位置，往右為正數(shù)涝登。

tz：Z軸偏移位置雄家，往外為正數(shù)。

例：

如果有2個(gè)圖層胀滚，一個(gè)是綠色的咳短，一個(gè)是紅色的。先加載綠色蛛淋，后加載紅色。

tx篡腌，ty的左右偏移先不說了褐荷。

如果綠色的tz為-10 ，紅色的tz為 0 效果如下：

如果綠色的tz為 0 嘹悼，紅色的tz為-10 效果如下：

對于tz來說叛甫，值越大层宫，那么圖層就越往外（接近屏幕），值越小其监，圖層越往里（屏幕里）萌腿。

CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz);

t：就是上一個(gè)函數(shù)。其他的都一樣抖苦。

就可以理解為：函數(shù)的疊加毁菱，效果的疊加。

CATransform3D CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz);

sx：X軸縮放锌历，代表一個(gè)縮放比例贮庞，一般都是 0 --- 1 之間的數(shù)字。

sy：Y軸縮放究西。

sz：整體比例變換時(shí)窗慎，也就是m11（sx）== m22（sy）時(shí)，若m33（sz）>1卤材，圖形整體縮小遮斥，若0<1，圖形整體放大扇丛，若m33（sz）<0术吗，發(fā)生關(guān)于原點(diǎn)的對稱等比變換。

當(dāng)sx = 1晕拆，sy = 1時(shí)藐翎。如圖：

當(dāng)sx = 0.5，sy = 0.5時(shí)实幕。如圖：

CATransform3D CATransform3DScale (CATransform3D t, CGFloat sx, CGFloat sy, CGFloat sz)

t：就是上一個(gè)函數(shù)吝镣。其他的都一樣。

就可以理解為：函數(shù)的疊加昆庇，效果的疊加末贾。

CATransform3D CATransform3DMakeRotation (CGFloat angle, CGFloat x, CGFloat y, CGFloat z);

旋轉(zhuǎn)效果。

angle：旋轉(zhuǎn)的弧度整吆，所以要把角度轉(zhuǎn)換成弧度：角度 * M_PI / 180拱撵。

x：向X軸方向旋轉(zhuǎn)。值范圍-1 --- 1之間

y：向Y軸方向旋轉(zhuǎn)表蝙。值范圍-1 --- 1之間

z：向Z軸方向旋轉(zhuǎn)拴测。值范圍-1 --- 1之間

例： 向X軸旋轉(zhuǎn)60度。 ? ??

? ? ? ?向Y軸旋轉(zhuǎn)60度府蛇。 ? ? ? ?

? ? ? ?向Z軸旋轉(zhuǎn)60度集索。

向 X軸，Y軸都旋轉(zhuǎn)60度，就是沿著對角線旋轉(zhuǎn)务荆。

可以通過X妆距，Y，Z軸同時(shí)變化函匕，來旋轉(zhuǎn)圖像娱据。

CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z);

t：就是上一個(gè)函數(shù)。其他的都一樣盅惜。

就可以理解為：函數(shù)的疊加中剩，效果的疊加抠蚣。

CATransform3D CATransform3DInvert (CATransform3D t);

翻轉(zhuǎn)效果番舆。

未使用

使用

CGAffineTransform CATransform3DGetAffineTransform (CATransform3D t);

bool CATransform3DIsAffine (CATransform3D t);

仿射效果。

就是把一個(gè) CATransform3D 對象轉(zhuǎn)換成一個(gè) CGAffineTransform 對象衔掸。

也就是把 CATransform3D 矩陣 轉(zhuǎn)換成 CGAffineTransform 矩陣

變換函數(shù)同時(shí)提供了可以比較一個(gè)變換矩陣是否是單位矩陣,或者兩個(gè)矩陣是否相等蓬推。

bool CATransform3DIsIdentity (CATransform3D t);

bool CATransform3DEqualToTransform (CATransform3D a, CATransform3D b);

也可以通過修改數(shù)據(jù)結(jié)構(gòu)和鍵值來設(shè)置變換效果妆棒。

struct CATransform3D

{

CGFloat m11, m12, m13, m14；

CGFloat m21, m22, m23, m24沸伏；

CGFloat m31, m32, m33, m34糕珊；

CGFloat m41, m42, m43, m44；

}

可以直接修改 其中的一個(gè)值毅糟，來達(dá)到相同的效果红选。

或者修改鍵值

[myLayer setValue:[NSNumber numberWithInt:0] forKeyPath:@"transform.rotation.x"];