html5模板网站,北京地产网站建设,南昌网站设计,网站的建站方案我们先来看以下两个动画的效果
上面的位移动画#xff0c;一个是普通的动画#xff0c;一个是spring动画#xff0c;可以明显的看出来#xff0c;spring动画在动画的前期更快一些#xff0c;给人的感觉干脆#xff0c;利落
以下是代码
- (void)normalAnimation
{[UIV…我们先来看以下两个动画的效果
上面的位移动画一个是普通的动画一个是spring动画可以明显的看出来spring动画在动画的前期更快一些给人的感觉干脆利落
以下是代码
- (void)normalAnimation
{[UIView animateWithDuration:1 animations:^{self.animationView.frame CGRectMake(10, 400, 50, 50);} completion:^(BOOL finished) {self.animationView.frame CGRectMake(10, 100, 50, 50);}];
}- (void)springAnimation
{[UIView animateWithDuration:1 delay:0 usingSpringWithDamping:1 initialSpringVelocity:0 options:UIViewAnimationOptionCurveLinear animations:^{self.animationView.frame CGRectMake(10, 400, 50, 50);} completion:^(BOOL finished) {self.animationView.frame CGRectMake(10, 100, 50, 50);}];
}
spring 动画的接口就是 [UIView animateWithDuration:1 delay:0 usingSpringWithDamping:1 initialSpringVelocity:0 options:UIViewAnimationOptionCurveLinear animations:^{ }];
app 中很多都是用的这个动画效果让人看起来很舒服
Spring Animation 前期速度增加得更快在动画时间一定的前提下给人感觉更加快速、干净。
我们可以通过这个图看下 此外Spring Animation 不只能对位置使用它适用于所有可被添加动画效果的属性
