iOS 基本动画、关键帧动画、利用缓动函数实现物理动画效果

 更新时间:2016年10月30日 10:25:22   投稿:lqh  
这篇文章主要介绍了iOS 基本动画、关键帧动画、利用缓动函数实现物理动画效果的相关资料,需要的朋友可以参考下

iOS基本动画/关键帧动画/利用缓动函数实现物理动画效果

先说下基本动画部分

基本动画部分比较简单, 但能实现的动画效果也很局限

使用方法大致为:

#1. 创建原始UI或者画面

#2. 创建CABasicAnimation实例, 并设置keypart/duration/fromValue/toValue

#3. 设置动画最终停留的位置

#4. 将配置好的动画添加到layer层中

举个例子, 比如实现一个圆形从上往下移动, 上代码:

//设置原始画面
  UIView *showView        = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
  showView.layer.masksToBounds  = YES;
  showView.layer.cornerRadius  = 50.f;
  showView.layer.backgroundColor = [UIColor redColor].CGColor;
  [self.view addSubview:showView];
  
  //创建基本动画
  CABasicAnimation *basicAnimation = [CABasicAnimation animation];
  
  //设置属性
  basicAnimation.keyPath      = @"position";
  basicAnimation.duration     = 4.0f;
  basicAnimation.fromValue     = [NSValue valueWithCGPoint:showView.center];
  basicAnimation.toValue      = [NSValue valueWithCGPoint:CGPointMake(50, 300)];
  
  //设置动画结束位置
  showView.center = CGPointMake(50, 300);
  
  //添加动画到layer层
  [showView.layer addAnimation:basicAnimation forKey:nil];

接下来说下关键帧动画

其实跟基本动画差不多, 只是能设置多个动画路径  使用方法也类似, 大致为

#1. 创建原始UI或者画面

#2. 创建CAKeyframeAnimation实例, 并设置keypart/duration/values 相比基本动画只能设置开始和结束点, 关键帧动画能添加多个动画路径点

#3. 设置动画最终停留的位置

#4. 将配置好的动画添加到layer层中

举个例子, 红色圆形左右晃动往下坠落 上代码:

//设置原始画面
  UIView *showView        = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
  showView.layer.masksToBounds  = YES;
  showView.layer.cornerRadius  = 50.f;
  showView.layer.backgroundColor = [UIColor redColor].CGColor;
  
  [self.view addSubview:showView];
  
  //创建关键帧动画
  CAKeyframeAnimation *keyFrameAnimation = [CAKeyframeAnimation animation];
  
  //设置动画属性
  keyFrameAnimation.keyPath       = @"position";
  keyFrameAnimation.duration       = 4.0f;
  
  keyFrameAnimation.values = @[[NSValue valueWithCGPoint:showView.center],
                 [NSValue valueWithCGPoint:CGPointMake(100, 100)],
                 [NSValue valueWithCGPoint:CGPointMake(50, 150)],
                 [NSValue valueWithCGPoint:CGPointMake(200, 200)]];
  
  //设置动画结束位置
  showView.center = CGPointMake(200, 200);
  
  //添加动画到layer层
  [showView.layer addAnimation:keyFrameAnimation forKey:nil];

最后是利用缓动函数配合关键帧动画实现比较复杂的物理性动画

先说说什么是缓动函数, 就是有高人写了一个库可以计算出模拟物理性动画(比如弹簧效果)所要的路径

Github地址: https://github.com/YouXianMing/EasingAnimation

具体有哪些动画效果可看库中的缓动函数查询表, 简单举个小球落地的效果

上代码:

//设置原始画面
  UIView *showView        = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
  showView.layer.masksToBounds  = YES;
  showView.layer.cornerRadius  = 50.f;
  showView.layer.backgroundColor = [UIColor redColor].CGColor;
  
  [self.view addSubview:showView];
  
  //创建关键帧动画
  CAKeyframeAnimation *keyFrameAnimation = [CAKeyframeAnimation animation];
  
  //设置动画属性
  keyFrameAnimation.keyPath       = @"position";
  keyFrameAnimation.duration       = 4.0f;
  
    //关键处, 在这里使用的缓动函数计算点路径
  keyFrameAnimation.values = [YXEasing calculateFrameFromPoint:showView.center
                             toPoint:CGPointMake(50, 300)
                              func:BounceEaseOut
                           frameCount:4.0f * 30];
  
  //设置动画结束位置
  showView.center = CGPointMake(50, 300);
  
  //添加动画到layer层
  [showView.layer addAnimation:keyFrameAnimation forKey:nil];

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • iOS实现聊天输入框功能

    iOS实现聊天输入框功能

    大家都经常使用微信聊天功能,在没事的时候就会想微信聊天输入框的实现过程,很无聊吧。今天小编抽空给大家分享iOS实现聊天输入框功能,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-02-02
  • 浅谈Unity中IOS Build Settings选项的作用

    浅谈Unity中IOS Build Settings选项的作用

    下面小编就为大家分享一篇浅谈Unity中IOS Build Settings选项的作用,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • IOS 解决推送本地国际化 loc-key 本地化失败的问题

    IOS 解决推送本地国际化 loc-key 本地化失败的问题

    本文主要介绍IOS 推送国际化问题,在开发 IOS 项目过程中对软件的国际化有的项目需求是需要的,这里给大家一个示例,有需要的小伙伴可以参考下
    2016-07-07
  • 提高iOS开发效率的小技巧与思路

    提高iOS开发效率的小技巧与思路

    很多人就会问学习iOS难不难啊?需要掌握哪些技能呢?有哪些技巧和方法呢?下面本文详细给大家阐述开发技巧与思路。
    2016-07-07
  • iOS My97DatePicker日历使用详解

    iOS My97DatePicker日历使用详解

    这篇文章主要为大家详细介绍了iOS My97DatePicker日历的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • iOS实现简易的导航栏颜色渐变实例代码

    iOS实现简易的导航栏颜色渐变实例代码

    很多APP 都有导航栏颜色渐变的效果,下面这篇文章主要给大家介绍了关于iOS如何实现简易的导航栏颜色渐变效果的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-10-10
  • IOS改变UISearchBar中搜索框的高度

    IOS改变UISearchBar中搜索框的高度

    这篇文章主要介绍了IOS改变UISearchBar中搜索框的高度的相关资料,需要的朋友可以参考下
    2016-01-01
  • iOS和JS交互教程之WKWebView-协议拦截详解

    iOS和JS交互教程之WKWebView-协议拦截详解

    这篇文章主要给大家介绍了关于iOS和JS交互教程之WKWebView-协议拦截的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • IOS内存泄漏检查方法及重写MLeakFinder

    IOS内存泄漏检查方法及重写MLeakFinder

    这篇文章主要介绍了IOS内存泄漏检查方法及如何重写MLeakFinder,帮助ios开发者维护自身程序,感兴趣的朋友可以了解下
    2021-04-04
  • IOS中UIWebView、WKWebView之JS交互

    IOS中UIWebView、WKWebView之JS交互

    本篇文章主要介绍了IOS中UIWebView、WKWebView之JS交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06

最新评论