bounce回弹效果

对于拥有动态呈现效果的view来说,使用UIView(UIViewAnimationWithBlocks)的animateWithDuration系列方法完成回弹效果是最为简洁且增强用户体验的方式。

实现概要:

使用嵌套的Animation, 即将回弹分为两部分的动画,第二部分的动画在第一部分动画的completion中完成

实现细节:

将回弹效果分为两段动画:第一段为弹出效果,移动速度由慢到快,再由慢到快,使用选项 UIViewAnimationOptionCurveEaseInOut(UIAnimation默认选项),第二段为回弹的弹回效果,移动速度与第一段方法相反,移动速度由慢到快,最终停止,使用选项为UIViewAnimationOptionCurveEaseIn

代码示例

[UIView animateWithDuration: interval  animations:^{    animate code;  } completion: ^{      

          [UIView animateWithDuration: interval delay: delay  options:UIViewAnimationOptionCurveEaseIn  animation:^{ animation code }  completion:nil]

}]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 12,717评论 6 30
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 10,531评论 5 13
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 8,381评论 1 23
  • - (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent *...
    七里田间的守望者阅读 5,276评论 0 4
  • 先看看CAAnimation动画的继承结构 CAAnimation{ CAPropertyAnimation { ...
    时间不会倒着走阅读 5,622评论 0 1