亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > C++ > 正文

詳解iOS的Core Animation框架中的CATransform3D圖形變換

2020-05-23 14:01:33
字體:
來源:轉載
供稿:網友

一、矩陣坐標
CATransform3D定義了一個變化矩陣,通過對矩陣參數的設置,我們可以改變layer的一些屬性,這個屬性的改變,可以產生動畫的效果。
CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz)
tx:X軸偏移位置,往下為正數。
ty:Y軸偏移位置,往右為正數。
tz:Z軸偏移位置,往外為正數。
例:
如果有2個圖層,一個是綠色的,一個是紅色的。先加載綠色,后加載紅色。
tx,ty的左右偏移先不說了。
如果綠色的tz為-10 ,紅色的tz為 0 效果如下。

iOS,CATransform3D,Core,Animation

如果綠色的tz為 0 ,紅色的tz為-10 效果如下。

iOS,CATransform3D,Core,Animation

對于tz來說,值越大,那么圖層就越往外(接近屏幕),值越小,圖層越往里(屏幕里)。
CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz);
t:就是上一個函數。其他的都一樣。
就可以理解為:函數的疊加,效果的疊加。
CATransform3D CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz);
sx:X軸縮放,代表一個縮放比例,一般都是 0 --- 1 之間的數字。
sy:Y軸縮放。
sz:整體比例變換時,也就是m11(sx)== m22(sy)時,若m33(sz)>1,圖形整體縮小,若0<1,圖形整體放大,若m33(sz)<0,發生關于原點的對稱等比變換。
當sx = 1,sy = 1時。如圖:

iOS,CATransform3D,Core,Animation

當sx = 0.5,sy = 0.5時。如圖:

iOS,CATransform3D,Core,Animation

CATransform3D CATransform3DScale (CATransform3D t, CGFloat sx, CGFloat sy, CGFloat sz)
t:就是上一個函數。其他的都一樣。
就可以理解為:函數的疊加,效果的疊加。
CATransform3D CATransform3DMakeRotation (CGFloat angle, CGFloat x, CGFloat y, CGFloat z);
旋轉效果。
angle:旋轉的弧度,所以要把角度轉換成弧度:角度 * M_PI / 180。
x:向X軸方向旋轉。值范圍-1 --- 1之間
y:向Y軸方向旋轉。值范圍-1 --- 1之間
z:向Z軸方向旋轉。值范圍-1 --- 1之間
例:向X軸旋轉60度。

iOS,CATransform3D,Core,Animation

向Y軸旋轉60度。

iOS,CATransform3D,Core,Animation

向Z軸旋轉60度。

iOS,CATransform3D,Core,Animation

向 X軸,Y軸都旋轉60度,就是沿著對角線旋轉。

iOS,CATransform3D,Core,Animation
可以通過X,Y,Z軸同時變化,來旋轉圖像。
CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z);
t:就是上一個函數。其他的都一樣。
就可以理解為:函數的疊加,效果的疊加。
CATransform3D CATransform3DInvert (CATransform3D t);
翻轉效果。

iOS,CATransform3D,Core,AnimationiOS,CATransform3D,Core,Animation

CGAffineTransform CATransform3DGetAffineTransform (CATransform3D t);
bool CATransform3DIsAffine (CATransform3D t);

仿射效果。
就是把一個 CATransform3D 對象轉換成一個 CGAffineTransform 對象。
也就是把 CATransform3D 矩陣 轉換成 CGAffineTransform 矩陣
變換函數同時提供了可以比較一個變換矩陣是否是單位矩陣,或者兩個矩陣是否相等。
bool CATransform3DIsIdentity (CATransform3D t);
bool CATransform3DEqualToTransform (CATransform3D a, CATransform3D b);

也可以通過修改數據結構和鍵值來設置變換效果。
struct CATransform3D
               {

                 CGFloat m11, m12, m13, m14;

                           CGFloat m21, m22, m23, m24;

                           CGFloat m31, m32, m33, m34;

                                  CGFloat m41, m42, m43, m44;
}

可以直接修改 其中的一個值,來達到相同的效果。
或者修改鍵值
[myLayer setValue:[NSNumber numberWithInt:0] forKeyPath:@"transform.rotation.x"];

二、CATransform3D中的屬性和方法
//初始化一個transform3D對象,不做任何變換
const CATransform3D CATransform3DIdentity;
//判斷一個transform3D對象是否是初始化的對象
bool CATransform3DIsIdentity (CATransform3D t);
//比較兩個transform3D對象是否相同
bool CATransform3DEqualToTransform (CATransform3D a, CATransform3D b);
//將兩個 transform3D對象變換屬性進行疊加,返回一個新的transform3D對象
CATransform3D CATransform3DConcat (CATransform3D a, CATransform3D b);

1、平移變換
//返回一個平移變換的transform3D對象 tx,ty,tz對應x,y,z軸的平移
CATransform3D CATransform3DMakeTranslation (CGFloat tx, CGFloat ty, CGFloat tz);
//在某個transform3D變換的基礎上進行平移變換,t是上一個transform3D,其他參數同上
CATransform3D CATransform3DTranslate (CATransform3D t, CGFloat tx, CGFloat ty, CGFloat tz);

例如:

    UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:imageView];
   
    UIImageView * newImageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    newImageView.image=[UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:newImageView];
    CATransform3D trans = CATransform3DMakeTranslation(10, 200, 0);
    newImageView.layer.transform =trans;

效果如下:

iOS,CATransform3D,Core,Animation

2、縮放變換
//x,y,z分別對應x軸,y軸,z軸的縮放比例
CATransform3D CATransform3DMakeScale (CGFloat sx, CGFloat sy, CGFloat sz);
//在一個transform3D變換的基礎上進行縮放變換,其他參數同上
CATransform3D CATransform3DScale (CATransform3D t, CGFloat sx, CGFloat sy, CGFloat sz);
例如:
UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:imageView];
   
    UIImageView * newImageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 300, 100, 100)];
    newImageView.image=[UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:newImageView];
    CATransform3D trans = CATransform3DMakeScale(2, 1, 1);
    newImageView.layer.transform =trans;

效果如下:

iOS,CATransform3D,Core,Animation

3、旋轉變換
//angle參數是旋轉的角度,為弧度制 0-2π
//x,y,z決定了旋轉圍繞的中軸,取值為-1——1之間,例如(1,0,0),則是繞x軸旋轉(0.5,0.5,0),則是繞x軸與y軸中
//間45度為軸旋轉,依次進行計算
CATransform3D CATransform3DMakeRotation (CGFloat angle, CGFloat x, CGFloat y, CGFloat z);
//在一個transform3D的基礎上進行旋轉變換,其他參數如上
CATransform3D CATransform3DRotate (CATransform3D t, CGFloat angle, CGFloat x, CGFloat y, CGFloat z);

例如:
UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:imageView];
   
    UIImageView * newImageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 300, 100, 100)];
    newImageView.image=[UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:newImageView];
    CATransform3D trans = CATransform3DMakeRotation(M_PI/2, 0, 0, 1);
    newImageView.layer.transform =trans;

效果如下:

iOS,CATransform3D,Core,Animation

另外,當我們有垂直于z軸的旋轉分量時,設置m34的值可以增加透視效果,也可以理解為景深效果,例如:

    UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    imageView.layer.transform = CATransform3DMakeRotation(M_PI/4, 0, 1, 0);
    [self.view addSubview:imageView];
   
    UIImageView * newImageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 300, 100, 100)];
    newImageView.image=[UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:newImageView];
    CATransform3D trans = CATransform3DIdentity;
    trans.m34 = -1/100.0;
    trans = CATransform3DRotate(trans, M_PI/4, 0, 1, 0); 
    newImageView.layer.transform =trans;

兩個imageView都進行了y軸的旋轉變換,第二個有透視效果,第一個沒有,運行如下:

iOS,CATransform3D,Core,Animation

4、旋轉翻轉變換
//將一個旋轉的效果進行翻轉
CATransform3D CATransform3DInvert (CATransform3D t);

例如:
    UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    imageView.layer.transform = CATransform3DMakeRotation(M_PI/4, 0, 0, 1);
    [self.view addSubview:imageView];
   
    UIImageView * newImageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 300, 100, 100)];
    newImageView.image=[UIImage imageNamed:@"屏幕快照 2015-12-06 下午3.27.15.png"];
    [self.view addSubview:newImageView];
    CATransform3D trans = CATransform3DMakeRotation(M_PI/4, 0, 0, 1);
    trans = CATransform3DInvert(trans);
   
    newImageView.layer.transform =trans;

5、CATransform3D與CGAffineTransform的轉換
CGAffineTransform是UIKit框架中一個用于變換的矩陣,其作用與CATransform類似,只是其可以直接作用于View,而不用作用于layer,這兩個矩陣也可以進行轉換,方法如下:
//將一個CGAffinrTransform轉化為CATransform3D
CATransform3D CATransform3DMakeAffineTransform (CGAffineTransform m);
//判斷一個CATransform3D是否可以轉換為CAAffineTransform
bool CATransform3DIsAffine (CATransform3D t);
//將CATransform3D轉換為CGAffineTransform
CGAffineTransform CATransform3DGetAffineTransform (CATransform3D t);


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品激情自拍| 亚洲日本成人网| 国产精品自产拍在线观看| 中文字幕亚洲欧美在线| 亚洲国产精品高清久久久| 欧美猛男性生活免费| 欧美性视频在线| 精品久久久久久| 国内外成人免费激情在线视频| 色伦专区97中文字幕| 韩国国内大量揄拍精品视频| 欧美高清在线播放| 神马国产精品影院av| 91极品女神在线| 亚洲欧美日韩一区二区三区在线| 欧美丰满老妇厨房牲生活| 68精品国产免费久久久久久婷婷| 亚洲午夜性刺激影院| 亚洲国产精品va在线观看黑人| 亚洲一区二区中文字幕| 亚洲视屏在线播放| 亚洲欧美日韩在线一区| 久久天天躁狠狠躁夜夜躁2014| 成人疯狂猛交xxx| 欧美精品videosex极品1| 国产精品黄页免费高清在线观看| 日本精品久久中文字幕佐佐木| 精品人伦一区二区三区蜜桃免费| 中文字幕精品在线视频| 在线观看91久久久久久| 91香蕉嫩草影院入口| 欧美在线xxx| 97国产精品视频| 丝袜一区二区三区| 91av国产在线| 亚洲国产精品99| 疯狂欧美牲乱大交777| 国产乱人伦真实精品视频| 亚洲精品电影网站| 国产中文日韩欧美| 97久久精品人搡人人玩| 欧美一级大片视频| 亚洲图片欧美日产| 中文字幕在线国产精品| 亚洲色图激情小说| 亚洲精品aⅴ中文字幕乱码| 91精品久久久久久久久不口人| 欧美日韩精品在线观看| 97超碰国产精品女人人人爽| 日韩精品视频三区| 久久精品视频中文字幕| 日韩大片在线观看视频| 国产精品久久不能| 国产一区二区三区丝袜| 中文综合在线观看| 国产精品一区二区女厕厕| 国产精品自产拍高潮在线观看| 日韩精品高清在线观看| 精品国产老师黑色丝袜高跟鞋| 九九九久久久久久| 国产精欧美一区二区三区| 在线不卡国产精品| 精品亚洲国产成av人片传媒| 中文字幕日韩电影| 国产精品久久久999| 日韩av最新在线| 97视频在线免费观看| 久久久国产一区二区| 日韩欧美在线中文字幕| 热门国产精品亚洲第一区在线| 国产精品揄拍500视频| 国产精品美女av| 欧美精品成人在线| 97精品欧美一区二区三区| 国产亚洲欧洲高清| 人妖精品videosex性欧美| 4438全国亚洲精品在线观看视频| 精品久久久久久久久久| 亚洲国产小视频在线观看| 亚洲激情成人网| 美女福利精品视频| 亚洲自拍欧美色图| 97久久精品人人澡人人爽缅北| 亚洲人成绝费网站色www| 欧美日产国产成人免费图片| 精品在线观看国产| 欧美日韩高清在线观看| 国产精品伦子伦免费视频| 国产日本欧美一区二区三区在线| 亚洲精品国产综合久久| 欧美夫妻性视频| 欧美极品欧美精品欧美视频| 亚洲美女性视频| 美女啪啪无遮挡免费久久网站| 亚洲视频一区二区| 97视频在线观看免费高清完整版在线观看| 欧美在线一级va免费观看| 久久精品人人爽| 日本一区二三区好的精华液| 国产成人精品亚洲精品| 国产亚洲成精品久久| 国产精品第10页| 欧美日韩在线观看视频小说| 欧美韩国理论所午夜片917电影| 欧美日韩国产色| 亚洲美女又黄又爽在线观看| 亚洲成年人影院在线| 亚洲成人a**站| 久久久久久久久电影| 亚洲高清一二三区| 红桃视频成人在线观看| 色噜噜狠狠狠综合曰曰曰88av| 日韩欧美国产激情| 国产精品第一第二| xxx欧美精品| 欧美高清视频在线播放| 欧美性生交xxxxx久久久| 亚洲女同精品视频| 亚洲深夜福利在线| 久久久久久免费精品| 国产精品视频久久| 精品亚洲va在线va天堂资源站| 欧美日韩免费在线观看| 91美女福利视频高清| 日韩精品在线观看网站| 成人免费网站在线观看| 亚洲性无码av在线| 日韩精品在线私人| 亚洲电影在线看| 久久99精品久久久久久青青91| 日韩精品中文字幕在线| 欧美精品情趣视频| 色香阁99久久精品久久久| 国内免费精品永久在线视频| 欧美福利视频网站| 精品久久久久久亚洲国产300| 久久亚洲私人国产精品va| 自拍偷拍亚洲在线| 一个色综合导航| 国产精品看片资源| 国产精品国产自产拍高清av水多| 亚洲精品一区二区在线| 性色av一区二区咪爱| 国产成一区二区| 国产成人免费av电影| 国产精品成人播放| 日韩视频免费在线观看| 高清日韩电视剧大全免费播放在线观看| 欧美最猛性xxxxx免费| 日韩欧美中文字幕在线观看| 欧美高清视频在线播放| 国产亚洲精品久久久久久| 26uuu亚洲伊人春色| 国产精品∨欧美精品v日韩精品| 欧美亚洲国产视频小说| 欧美精品少妇videofree| 欧美日韩国产123| 中文字幕亚洲色图| 性色av一区二区三区| 国产视频精品在线| 91久久国产婷婷一区二区| 久久天天躁夜夜躁狠狠躁2022| 欧美伊久线香蕉线新在线| 国语自产精品视频在线看抢先版图片|