Swift语言实现地图坐标弹跳动画

 更新时间:2015年07月24日 14:31:44   作者:迷思的猫  
这篇文章主要介绍了用Swift语言实现地图坐标弹跳动画的方法主要应用iOS7来实现此功能,需要的朋友可以参考下

下面应用Swift语言做地图坐标实现弹簧跳动的效果,具体实现方法如下所示:

iOS动画大概分这几种:

CoreAnimation动画(基础)UIView动画(animateWithDuration开头的函数,带弹簧特效)UIDynamic动画(有物理引擎)

上次写弹跳动画,由于刚开始学,就用了最基础的CA动画,但是因为自己不会写KeyFrame,所以还引用了一个开源库来实现下坠的弹跳效果,这样固然是实现了需求,但是一点都不优雅——从iOS7开始,有了2、3两种动画,就不再需要用老的CA动画去一点一点拔了。做这个动画的正确姿势,应该是下面这样~

我们的需求仍然是这个弹跳的marker:

这次我用了2、3两种方式实现,效果如下:

一、UIView动画

之前使用CABasicAnimation实现,不仅代码多,还要用CATransaction控制回来的一趟callback。其实直接用iOS7的UIView动画就搞定了:

UIView.animateWithDuration(0.2, 
animations: 
{ self.marker.layer.position.y -= 30 },
completion: {(finished) in UIView.animateWithDuration(0.5, delay: 0,
usingSpringWithDamping: 0.2,
initialSpringVelocity: 5.0,
options: UIViewAnimationOptions.CurveEaseOut,
animations: {//弹性参数的调教,可以参见本文的“参考”部分 
self.marker.layer.position.y += 30 }, 
completion: nil)})

在上升过程中,直接在0.2s的时间中,向上移动30px;向下过程中,为了表示弹跳的效果,使用了Spring系列参数,做了一下调整之后,感觉效果还是挺有意思的。但是单纯使用这个有一个缺点:我们要的是类似于重力下坠,而非像一根弹簧一样弹到那个位置。注意那跟蓝色的比较线,我们实现的是左边的效果,在动画过程中,它会超过那根蓝色线条,所以其实是不符合需求的。

二、UIDynamic动画

UIDynamic动画是有物理引擎的动画,我们只需要设定这个“物体”的物理特性,iOS就会自动帮我们进行物理世界的动画运算。首先我们创建它的物理特性:

var animator : UIDynamicAnimator?override func viewDidLoad() { 
super.viewDidLoad() 
animator = UIDynamicAnimator(referenceView: view)}
override func viewDidAppear(animated: Bool) { 
let gravity = UIGravityBehavior(items: [marker2])//重力 
let elastic = UIDynamicItemBehavior(items: [marker2])//弹性 
elastic.elasticity = 0.6 let collision = UICollisionBehavior(items: [marker2])//边缘 
let endY = marker2.frame.origin.y + marker2.frame.height//
记录marker2的底部坐标 
collision.addBoundaryWithIdentifier("floor", fromPoint: CGPoint(x: 0, y: endY),
toPoint: CGPoint(x: UIScreen.mainScreen().bounds.width, y: endY))//在marker2的底部画一条线,从屏幕左边到屏幕右边 
animator!.addBehavior(collision) 
animator!.addBehavior(gravity) 
animator!.addBehavior(elastic)}


首先我们创建一个animator,然后创建关于marker2的重力、弹性、边缘三个属性,附加在animator上。于是这个marker2便有了物理特性。然后我们和以前一样把它抬高:

UIView.animateWithDuration(0.2, 
animations: { 
self.marker2.layer.position.y -= 30 }, 
completion: {(finished : Bool) in 
self.animator!.updateItemUsingCurrentState(self.marker2)//如果不update,则animator不知道它的位置被移动过了})

在动画完成后,让animator重新对它进行活动,就达到了文章开始的gif图中,第二个marker的弹跳效果。

文章到此为止,希望对大家有所帮助,谢谢。

相关文章

  • IOS 实现简单的弹幕功能

    IOS 实现简单的弹幕功能

    本文主要介绍IOS 实现弹幕功能,这里给大家一个实例来展现弹幕功能,有需要的小伙伴可以参考下
    2016-07-07
  • Swift仿微信语音通话最小化时后的效果实例代码

    Swift仿微信语音通话最小化时后的效果实例代码

    这篇文章主要介绍了Swift仿微信语音通话最小化时后的效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • Swift中的条件切换语句switch...case学习教程

    Swift中的条件切换语句switch...case学习教程

    这篇文章主要介绍了Swift中的条件切换语句switch...case学习教程,Swift中的switch...case支持的数据类型很多,非常之强大,需要的朋友可以参考下
    2016-04-04
  • swift依赖注入和依赖注入容器详解

    swift依赖注入和依赖注入容器详解

    这篇文章主要为大家介绍了swift依赖注入和依赖注入容器详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • Swift中重写和重载的使用与对比总结

    Swift中重写和重载的使用与对比总结

    这篇文章主要给大家介绍了关于Swift中重写和重载的使用方法,以及重写和重载的对比分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • swift实现随机背景色

    swift实现随机背景色

    这篇文章主要为大家详细介绍了swift实现随机背景色,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Swift教程之属性详解

    Swift教程之属性详解

    这篇文章主要介绍了Swift教程之属性详解,属性是描述特定类、结构或者枚举的值,计算属性存在于类、结构与枚举中,存储属性仅仅只在类与结构中,需要的朋友可以参考下
    2015-01-01
  • Swift开发之UITableView状态切换效果

    Swift开发之UITableView状态切换效果

    这篇文章主要介绍了Swift开发之UITableView状态切换效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • Swift使用CoreData时遇到的一些填坑记录

    Swift使用CoreData时遇到的一些填坑记录

    这篇文章主要给大家记录了在Swift使用CoreData时遇到的一些坑,以及介绍了CoreData在Swift 3.0中的一点改变,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-12-12
  • 详解Swift语言中的类与结构体

    详解Swift语言中的类与结构体

    这篇文章主要介绍了Swift语言中的类与结构体,是Swift入门学习中的基础知识,需要的朋友可以参考下
    2015-11-11

最新评论