iOS9 视图弹出的弹簧效果

iOS9 视图弹出的弹簧效果

Spring Animationring Animation）：

在IOS7开始，系统动画效果广泛应用Spring Animation：

[UIView animateWithDuration:4.0 // 动画时长
delay:0.0 // 动画延迟
usingSpringWithDamping:1.0 // 类似弹簧振动效果 0~1
initialSpringVelocity:5.0 // 初始速度
options:UIViewAnimationOptionCurveEaseInOut // 动画过渡效果
animations:^{
// code...
CGPoint point = _imageView.center;
point.y += 150;
[_imageView setCenter:point];
} completion:^(BOOL finished) {
// 动画完成后执行
// code...
[_imageView setAlpha:1];
}];

usingSpringWithDamping：它的范围为 0.0f 到 1.0f ，数值越小「弹簧」的振动效果越明显。

initialSpringVelocity：初始的速度，数值越大一开始移动越快。值得注意的是，初始速度取值较高而时间较短时，也会出现反弹情况。

转：Spring Animation 是线性动画或 ease-out 动画的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation，用户已经习惯了这种动画效果，因此使用它能使 App 让人感觉更加自然，用 Apple 的话说就是「instantly familiar」。此外，Spring Animation 不只能对位置使用，它适用于所有可被添加动画效果的属性。

#import "ViewController.h"

@interface ViewController ()

@property(nonatomic,
strong)UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super
viewDidLoad];
    
    UIImage *iamge = [UIImage
imageNamed:@"chengxuyuan.png"];
    
    CGSize size = iamge.size;
    NSLog(@"the size is %@",
NSStringFromCGSize(size));
    
    _imageView = [[UIImageView
alloc] initWithFrame:CGRectMake(100,
100, 100,
100)];
    
    _imageView.image = [UIImage
imageNamed:@"chengxuyuan.png"];
    
    [self.view
addSubview:_imageView];
    
    UITapGestureRecognizer *tapRecognizerRadar = [[UITapGestureRecognizer
alloc] initWithTarget:self
action:@selector(handleTapGestureRadar:)];
    [_imageView
addGestureRecognizer:tapRecognizerRadar];
    _imageView.userInteractionEnabled =
YES;

    CGAffineTransform fromTransform =
CGAffineTransformScale(_imageView.transform,
0.2, 0.2);
    [_imageView
setTransform:fromTransform];
//    CGAffineTransform toTransform = CGAffineTransformConcat(_imageView.transform,  CGAffineTransformInvert(_imageView.transform));
//    CGAffineTransform toTransform2 = CGAffineTransformScale(toTransform, 1.3, 1.3);
    
    [UIView
animateWithDuration:1.0
// 动画时长
                          delay:0.0
// 动画延迟
         usingSpringWithDamping:0.4
// 类似弹簧振动效果 0~1
          initialSpringVelocity:5.0
// 初始速度
                        options:UIViewAnimationOptionCurveEaseInOut
// 动画过渡效果
                     animations:^{
                         // code...
//                         CGPoint point = _imageView.center;
//                         point.y += 150;
//                         [_imageView setCenter:point];
                         [_imageView
setTransform:fromTransform];
                         _imageView.transform =
CGAffineTransformMakeScale(1.0f,
1.0f);
                         
                     } completion:^(BOOL finished) {
                         //
动画完成后执行
                         // code...
                         [_imageView
setAlpha:1];
                     }];
//

    

}

- (void)handleTapGestureRadar:(UITapGestureRecognizer *)sender {
    [UIView
animateWithDuration:0.35
animations:^{
//        _imageView.frame = self.view.bounds;
        _imageView.transform =
CGAffineTransformMakeScale(20.0f,
20.0f);
        _imageView.alpha =
0;
    } completion:^(BOOL finished) {
    }];
    
}