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) {
}];
}