基本動畫CABasicAnimation - 完成之后閃回初始狀態

基本動畫CABasicAnimation 結束之后，默認閃回初始狀態，那怎么解決呢？

 

position需要設備兩個屬性：

    // MARK: - 結束后不要閃回去
    anim.removedOnCompletion = NO;
    anim.fillMode = kCAFillModeForwards;

設置之后，不會再閃回去，但其實控件的位置並未改變，還在原來的位置，只是“顯示層”挪到了新位置。

可以通過動畫的代理方法來實現：

    // MARK: - 通過代理方法,修正按鈕的位置!
    // 這個代理寫在了NSObject的分類中，不需要尊守任何協議
    anim.delegate = self;

實現代理方法：

#pragma mark - 核心動畫的代理方法
// 核心動畫開始
- (void)animationDidStart:(CAAnimation *)anim {

    NSLog(@"核心動畫開始");
    
}

// 核心動畫結束
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    
//    NSLog(@"核心動畫結束!");
    // 在核心動畫結束后,將控件的真實位置挪過來!
    _btn.center = CGPointMake(150, 500);
    
    // 將layer中的動畫移除掉,保證不會閃了!
    [_btn.layer removeAllAnimations];
}

 

如果是transform.scale，transform.rotation，只需要設置anim.removedOnCompletion = NO;即可

 

 

常見屬性：

CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath:@"position.y"];

    basicAnimation.duration = 2;
    
    // 這三個屬性同時最多只能設置2個
    basicAnimation.fromValue = @100;
    basicAnimation.byValue = @50;
    basicAnimation.toValue = @500;
    
    basicAnimation.repeatCount = CGFLOAT_MAX;
    
    basicAnimation.removedOnCompletion = NO;
    basicAnimation.fillMode = kCAFillModeForwards;
    
    [_btn.layer addAnimation:basicAnimation forKey:nil];