概述

• 簡介

  • CABasicAnimation是抽象類CAPRopertyAnimation的子類，可以直接使用
    
  • CABasicAnimation又稱基本動畫，從fromValue到toValue按照指定的動畫屬性執行動畫
    

• 注意事項

  • 一個動畫對象可以同時添加到多個圖層上
    
  • 對動畫的配置必須放在動畫添加到圖層之前，否則不會呈現指定的動畫效果

基本動畫常用的屬性

• CABasicAnimation的屬性

  • fromValue（id），執行動畫屬性的起始值。若不指定，則以該屬性當前的值作為fromValue
    
  • toValue（id），執行動畫屬性的目的值
    
  • byValue（id），步進值
    

• CAMediaTiming協議的屬性

  • duration(CFTimeInterval)，單次動畫的執行時間
    
  • repeatCount(float)，重復次數
    
  • autoreverses(BOOL)，是否恢復到動畫開始狀態（以動畫的方式）

基本動畫的執行步驟

• 創建CABasicAnimation動畫對象
  
• 指定執行動畫的keyPath屬性
  
• 設置動畫起始值與目的值
  
• 配置動畫的其他屬性
  
• 將動畫添加到要執行動畫的圖層上

通過基本動畫模擬心跳

• 實現步驟

  • 通過storyboard創建需要執行動畫的控件，并擁有它們

    @property (weak, nonatomic) IBOutlet UIView *redView;@property (weak, nonatomic) IBOutlet UIImageView *imageView;

  • 添加動畫

    - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{	//創建基本動畫屬性	CABasicAnimation *animation = [CABasicAnimation animation];	//指定執行動畫的keyPath屬性	animation.keyPath = @"transform.scale";	//設置動畫的起始值與目的值	animation.fromValue = @1.0;	animation.toValue = @0.8;	/****配置動畫的行為****/	//以動畫的方式回復到fromValue	animation.autoreverses = YES;	//單次動畫的執行時間，據說每分鐘心跳72次	animation.duration = 60 / 72;	//動畫的重復次數	animation.repeatCount = MAXFLOAT;	//取消動畫反彈效果	animation.removedOnCompletion = NO;	animation.fillMode = kCAFillModeForwards;	//將動畫添加到圖層上	[self.redView.layer addAnimation:animation forKey:nil];	[self.imageView.layer addAnimation:animation forKey:nil];	}

  • 執行效果如圖：

    

  • 若不設置fromValue值，程序將會有Bug，即多次點擊屏幕時動畫停止，如圖

    

    • 原因：若不指定fromValue，則以該屬性當前的值作為fromValue
      

  • 若不取消反彈效果，動畫結束，會瞬間回到fromValue狀態，如圖

    

  • 若指定autoreverses為YES，會以動畫方式回到fromValue狀態，如圖