iOS中動(dòng)畫的類型

一. 實(shí)現(xiàn)動(dòng)畫基本步驟

  • 創(chuàng)建動(dòng)畫對(duì)象
  • 設(shè)置動(dòng)畫屬性
  • 把動(dòng)畫對(duì)象添加到某個(gè) CALayer 對(duì)象上
  • 需要停止動(dòng)畫:可以調(diào)用 remove 方法移除動(dòng)畫

二. iOS 中核心動(dòng)畫種類

  1. 基本動(dòng)畫(CABasicAnimation)

    • 平移動(dòng)畫
    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position"];
    // 動(dòng)畫持續(xù)1秒
    anim.duration = 1;
    // 因?yàn)镃GPoint是結(jié)構(gòu)體,所以用NSValue包裝成一個(gè)OC對(duì)
    anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(50, 50)];
    anim.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];
    [layer addAnimation:anim forKey:@"MyAnim"];
    // 通過(guò)MyAnim可以取回相應(yīng)的動(dòng)畫對(duì)象,比如用來(lái)中途取消動(dòng)畫
    
    • 縮放動(dòng)畫
    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
    

// 沒(méi)有設(shè)置fromValue說(shuō)明當(dāng)前狀態(tài)作為初始值
// 寬度(width)變?yōu)樵瓉?lái)的2倍,高度(height)變?yōu)樵瓉?lái)的1.5倍
anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(2, 1.5, 1)];
anim.duration = 1;
[layer addAnimation:anim forKey:nil];

```

* 旋轉(zhuǎn)動(dòng)畫
```objc
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
// 這里是以向量(1, 1, 0)為軸,旋轉(zhuǎn)π/2弧度(90°)
// 如果只是在手機(jī)平面上旋轉(zhuǎn),就設(shè)置向量為(0, 0, 1),即Z軸
anim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_2, 1, 1, 0)];
anim.duration = 1;
[layer addAnimation:anim forKey:nil];

// 1. 創(chuàng)建核心動(dòng)畫的對(duì)象
CABasicAnimation* anim = [[CABasicAnimation alloc] init];
// 2. 設(shè)置核心動(dòng)畫的操作
anim.keyPath = @"transform.rotation";
// 從哪
anim.fromValue = @(100);
// 到哪
anim.toValue = @(300);
anim.byValue = @(M_PI_4);
// 動(dòng)畫完畢以后不回到原來(lái)的位置
anim.fillMode = kCAFillModeForwards;
anim.removedOnCompletion = NO;
// 3. 添加到layer上
[self.layer addAnimation:anim forKey:nil];

```
  1. 關(guān)鍵幀動(dòng)畫(CAKeyframeAnimation)

    • 關(guān)鍵幀動(dòng)畫:有兩種形式
      • 第一種是values的形式,
      • 第二種是path路徑的形式;
  2. 組動(dòng)畫(CAAnimationGroup)

    • 組動(dòng)畫: CAAnimation的子類,可以保存一組動(dòng)畫對(duì)象,將CAAnimationGroup對(duì)象加入層后,組中所有動(dòng)畫對(duì)象可以同時(shí)并發(fā)運(yùn)行
    • 屬性解析:animations:用來(lái)保存一組動(dòng)畫對(duì)象的NSArray
      默認(rèn)情況下,一組動(dòng)畫對(duì)象是同時(shí)運(yùn)行的,也可以通過(guò)設(shè)置動(dòng)畫對(duì)象的beginTime屬性來(lái)更改動(dòng)畫的開始時(shí)間
  3. 轉(zhuǎn)場(chǎng)動(dòng)畫(CATransition)

    • 轉(zhuǎn)場(chǎng)動(dòng)畫: CAAnimation的子類,用于做轉(zhuǎn)場(chǎng)動(dòng)畫,能夠?yàn)閷犹峁┮瞥銎聊缓鸵迫肫聊坏膭?dòng)畫效果

除了核心動(dòng)畫之外另外還有

  • 圖片幀動(dòng)畫:具體如下UIImageView可以讓一系列的圖片在特定的時(shí)間內(nèi)按順序顯示

  • 相關(guān)屬性解析:

    • animationImages:要顯示的圖片(一個(gè)裝著UIImage的NSArray)
    • animationDuration:完整地顯示一次animationImages中的所有圖片所需的時(shí)間
    • animationRepeatCount:動(dòng)畫的執(zhí)行次數(shù)(默認(rèn)為0,代表無(wú)限循環(huán))相關(guān)方法解析:
// 動(dòng)畫的一些操作
- (void)startAnimating; 開始動(dòng)畫
- (void)stopAnimating;  停止動(dòng)畫
- (BOOL)isAnimating;  是否正在運(yùn)行動(dòng)畫

未完待續(xù).........

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,690評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌。在這里你可以看...
    F麥子閱讀 5,268評(píng)論 5 13
  • IOS動(dòng)畫+轉(zhuǎn)場(chǎng)動(dòng)畫 #import "ViewController.h" #import "secondView...
    iOS小開發(fā)閱讀 951評(píng)論 0 1
  • iOS動(dòng)畫篇之CoreAnimation動(dòng)畫 9月 22, 2016發(fā)布在Objective-C App如果想被大...
    白水灬煮一切閱讀 2,306評(píng)論 0 0
  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無(wú)非是以下四種:UIView動(dòng)畫,核心動(dòng)畫,幀動(dòng)畫,自定義轉(zhuǎn)場(chǎng)動(dòng)畫。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,318評(píng)論 1 23

友情鏈接更多精彩內(nèi)容