iOS Developer

UIViewPropertyAnimator的动画使用

2017-05-27  本文已影响78人  管你爱不爱

1.弹出动画效果

ER7Rn2R.gif
/**
 弹出效果

 @param itemView 弹出的View
 @param center 弹出View的中心坐标
 */
- (void)appearMenuItem:(UIView *)itemView andCenter:(CGPoint)center {
    
    UIViewPropertyAnimator *animator = [[UIViewPropertyAnimator alloc] initWithDuration:0.25 curve:UIViewAnimationCurveEaseOut animations:^{
        itemView.center = center;
    }];
    [animator startAnimation];//animator.startAnimation(afterDelay:2.5)//可以延迟出现
}

2.弹跳效果

732yYfe.gif
/**
 弹跳效果

 @param itemView 弹跳的View
 @param center 弹跳View的中心坐标
 */
- (void)appearMenuItem:(UIView *)itemView andCenter:(CGPoint)center {
    
    UIViewPropertyAnimator *animator = [[UIViewPropertyAnimator alloc] initWithDuration:1 dampingRatio:0.4 animations:^{
        itemView.center = center;
    }];
    [animator startAnimation];//animator.startAnimation(afterDelay:2.5)//可以延迟出现
}

3.消失效果

Q3IjyuB.gif
/**
 消失效果

 @param itemView 消失的View
 @param center 消失View的中心坐标
 */
- (void)appearMenuItem:(UIView *)itemView andCenter:(CGPoint)center {
    
    UIViewPropertyAnimator *animator = [[UIViewPropertyAnimator alloc] initWithDuration:2 curve:UIViewAnimationCurveEaseOut animations:^{
        itemView.alpha = 0;
    }];
    [animator addAnimations:^{
        itemView.center = center;
    }];
    [animator startAnimation];
}
上一篇 下一篇

猜你喜欢

热点阅读