美文网首页iOS Developer
UIViewPropertyAnimator的动画使用

UIViewPropertyAnimator的动画使用

作者: 管你爱不爱 | 来源:发表于2017-05-27 17:23 被阅读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];
}

相关文章

网友评论

    本文标题:UIViewPropertyAnimator的动画使用

    本文链接:https://www.haomeiwen.com/subject/elbqfxtx.html