ios animation 动画学习总结

一、前言

动画一直是 iOS 开发中很重要的一部分。设计良好,效果炫酷的动画往往能对用户体验的提升起到很大的作用,在这里将自己学习 iOS 动画的体会记录下来,希望能对别人有所帮助。

iOS 的动画框架,即 CoreAnimation,本身十分庞大和复杂,这里暂时分两个部分进行介绍,分别是 UIView 动画CALayer 动画

二、UIView Animation

2.1 简单动画

对于 UIView 上简单的动画,iOS 提供了很方便的函数:

animateWithDuration:animations:
  • 第一个参数是动画的持续时间,
  • 第二个参数是一个 block,在 animations block 中对 UIView 的属性进行调整,设置 UIView 动画结束后最终的效果,iOS 就会自动补充中间帧,形成动画。

可以更改的属性有:

  • frame
  • bounds
  • center
  • transform
  • alpha
  • backgroundColor
  • contentStretch

这些属性大都是 View 的基本属性,下面是一个例子,这个例子中的动画会同时改变 View 的 framebackgroundColoralpha

[UIView animateWithDuration:2.0 animations:^{
    myView.frame = CGRectMake(50, 200, 200, 200);
    myView.backgroundColor = [UIColor blueColor];
    myView.alpha = 0.7;
}];

其中有一个比较特殊的 transform 属性,它的类型是 CGAffineTransform,即 2D 仿射变换,这是个数学中的概念,用一个三维矩阵来表述 2D 图形的矢量变换。用 transform 属性对 View 进行:

  • 旋转
  • 缩放
  • 其他自定义 2D 变换

iOS 提供了下面的函数可以创建简单的 2D 变换:

  • CGAffineTransformMakeScale
  • CGAffineTransformMakeRotation
  • CGAffineTransformMakeTranslation

例如下面的代码会将 View 缩小至原来的 1/4 大小:

[UIView animateWithDuration:2.0 animations:^{
    myView.transform = CGAffineTransformMakeScale(0.5, 0.5);
}];

调节参数

完整版的 animate 函数其实是这样的:

animateWithDuration:delay:options:animations:completion:

可以通过 delay 参数调节让动画延迟产生,同时还一个 options 选项可以调节动画进行的方式。可用的 options 可分为两类:

一、控制过程

例如 UIViewAnimationOptionRepeat 可以让动画反复进行, UIViewAnimationOptionAllowUserInteraction 可以让允许用户对动画进行过程中同 View 进行交互(默认是不允许的)

二、控制速度

动画的进行速度可以用速度曲线来表示(参考这里),提供的选项例如 :

  • UIViewAnimationOptionCurveEaseIn 是先慢后快,
  • UIViewAnimationOptionCurveEaseOut 是先快后慢。

不同的选项直接可以通过“”操作进行合并,同时使用,例如:

UIViewAnimationOptionRepeat | UIViewAnimationOptionAllowUserInteraction

2.2 关键帧动画

上面介绍的动画中,我们只能控制开始和结束时的效果,然后由系统补全中间的过程,有些时候我们需要自己设定若干关键帧,实现更复杂的动画效果,这时候就需要关键帧动画的支持了。下面是一个示例:

[UIView animateKeyframesWithDuration:2.0 delay:0.0 options:UIViewKeyframeAnimationOptionRepeat | UIViewKeyframeAnimationOptionAutoreverse animations:^{

    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{
        self.myView.frame = CGRectMake(10, 50, 100, 100);
    }];

    [UIView addKeyframeWithRelativeStartTime: 0.5 relativeDuration:0.3 animations:^{
        self.myView.frame = CGRectMake(20, 100, 100, 100);
    }];

    [UIView addKeyframeWithRelativeStartTime:0.8 relativeDuration:0.2 animations:^{
        self.myView.transform = CGAffineTransformMakeScale(0.5, 0.5);
    }];
} completion:nil];

这个例子添加了三个关键帧,在外面的 animateKeyframesWithDuration 中我们设置了持续时间为 2.0 秒,这是真实意义上的时间,里面的 startTimerelativeDuration 都是相对时间。以第一个为例,startTime 为 0.0,relativeTime 为 0.5,这个动画会直接开始,持续时间为 2.0 X 0.5 = 1.0 秒,下面第二个的开始时间是 0.5,正好承接上一个结束,第三个同理,这样三个动画就变成连续的动画了。

2.3 View 的转换

iOS 还提供了两个函数,用于进行两个 View 之间通过动画换场:

  • transitionWithView:duration:options:animations:completion:
  • transitionFromView:toView:duration:options:completion:

需要注意的是,换场动画会在这两个 View 共同的父 View 上进行,在写动画之前,先要设计好 View 的继承结构。

同样,View 之间的转换也有很多选项可选,例如

  • UIViewAnimationOptionTransitionFlipFromLeft 从左边翻转,
  • UIViewAnimationOptionTransitionCrossDissolve 渐变等等。

三、CALayer Animation

UIView 的动画简单易用,但是能实现的效果相对有限,上面介绍的 UIView 的几种动画方式,实际上是对底层 CALayer 动画的一种封装。直接使用 CALayer 层的动画方法可以实现更多高级的动画效果。
更多内容详见: 《UIView Animation 动画学习总结》

原文链接:https://www.cnblogs.com/reyzhang/p/16645372.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ios animation 动画学习总结 - Python技术站

(0)
上一篇 2023年4月18日
下一篇 2023年4月18日

相关文章

  • iOS内存管理之MRC

    前言: 在iOS中,使用引用计数来管理OC对象内存一个新创建的OC对象引用计数默认是1,当引用计数减为0,OC对象就会销毁,释放其占用的内存空间。调用retain会让OC对象的引用计数+1,调用release会让OC对象的引用计数-1。 内存管理的经验总结 当调用alloc、new、copy、mutableCopy方法返回了一个对象,在不需要这个对象时,要调…

    IOS 2023年4月18日
    00
  • 盘点| 有哪些比较新的好用的React Native 开发工具?

    2015年,FaceBook首次开发并发布React Native框架,用于构建原始的移动应用程序。React Native的特点是使用JavaScript和React编写应用程序代码,而不是其他移动应用程序开发框架,同时利用iOS和Android平台的原始组件和API,从而实现更快、更有效的开发流程。今天就来跟大家分享 React Native 中一些新的…

    IOS 2023年4月25日
    00
  • 【IOS实用玩机技巧】爱思助手 IPA 签名功能常见问题汇总

      爱思助手 IPA 签名功能常见问题汇总 使用 Apple ID 签名 IPA 文件也就是常说的“个人签”,很多小伙伴在使用Apple ID签名时,有时候会出现证书申请失败,或者签名失败,这类报错信息。 以下汇总爱思助手 IPA 签名功能在使用时可能遇到的问题和解决办法。 1.安装已签名的软件需要越狱吗? 不需要。不论是使用证书签名还是使用 Apple I…

    IOS 2023年4月18日
    00
  • iOS16新特性 | 灵动岛适配开发与到家业务场景结合的探索实践

    作者:京东零售 姜海 灵动岛是苹果在iPhone 14 Pro和iPhone 14 Pro Max上首次提出的全新UI交互形式,创新性的让虚拟软件和硬件的交互变得更为流畅。当有来电、短信等通知时,灵动岛会变化形态,以便让用户能够更直观地接收到这些信息。 而在用户使用一些应用App,比如音乐,并将其切换到后台时,灵动岛也能以另一种形态来显示这些软件,还可以通过…

    IOS 2023年4月17日
    00
  • [Android开发学iOS系列] 和一个真正iOS开发的区别?

    和一个真正iOS开发的区别? 学习iOS的这段时间, 我一直在思考和感受着自己和一个真正做了几年iOS的dev之间的区别. 同时也在反向思考, 我自己和一个新学Android的人, 又有什么区别. 也许在技术转型中, 这些学习的思考和阵痛都是有共性和不可避免的.在此分享一下感受, 如果有人也有技术转型, 可以看到有些心路历程是不可避免的, 不必焦虑. 当然我…

    IOS 2023年4月17日
    00
  • Swift CustomStringConvertible 协议的使用

    目录 一、前言 二、使用场景 1. 整型类型的枚举使用 2. Class类型的使用 一、前言 先看一下Swift标准库中对CustomStringConvertible协议的定义 public protocol CustomStringConvertible { /// A textual representation of this instance. /…

    IOS 2023年4月22日
    00
  • iOS 审核浅谈:1.4.1、2.1、2.5.2、2.5.4、4.2.3、5.2.5

    整理下近期被 Apple 残忍虐待的成果。   ps: 可以提供一个视频链接,建议用微软的OneDrive 。审核员方便点。国内那些个地址都需要登录,需要登录才能看视频的场景,同样会被拒      Guideline 1.1 – Safety – Objectionable Content Guideline 1.1 – Safety – Objection…

    IOS 2023年4月18日
    00
  • iOS 深色模式适配

    要求:iOS13.0以上 重点:需要所有界面进行适配,工作量巨大,需要从项目开始就进行适配;H5界面无法进行适配   实现方式:System Colors(常用)、Semantic Colors(常用)、Dynamic Colors(常用)、Asset Catalog、Border colors、Dynamic Images   1.System Color…

    IOS 2023年4月17日
    00
合作推广
合作推广
分享本页
返回顶部