iOS 动画入门

作者: Roger1219 | 来源:发表于2016-02-28 23:03 被阅读618次

iOS 动画入门

两个基础动画:移动和弹簧效果

1. 定义

移动:控件从一个位置移到另一个位置
弹簧效果:控件到达终点后向外扩张,但受到相反方向的弹簧牵拉。

2. 实现

  1. 位移效果

<pre><code>
override func viewDidLoad() {
ratingButtonGreat.transform = CGAffineTransformMakeTranslation(0, 600)
//将控件ratingButtonGreat移到(0,600)
}
override func viewDidAppear(animated: Bool) {
UIView.animateWithDuration(0.4, delay: 0.0, options: [], animations: {
self.ratingButtonGreat.transform = CGAffineTransformIdentity }, completion: nil)
//0.4s 后执行闭包里的代码,CGAffineTransformIdentity 代表设计时这个控件的位置
</pre></code>

  1. 弹簧效果
    前面同1
    只是将
    <pre><code>
    UIView.animateWithDuration(0.4, delay: 0.0, options: [], animations: {
    </pre></code>
    换成
    <pre><code>
    UIView.animateWithDuration(0.4, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.3, options: [], animations: {
    </pre></code>

即可
其中usingSpringWithDamping代表弹簧劲度系数(0~1)
initialSpringVelocity代表向外弹出的初速度(0~1)

相关文章

  • iOS动画入门

    CoreAnimation动画入门NOV 1ST, 2015 6:16 PM 一.动画的基础分类 上述我们可以看到...

  • iOS 动画入门

    iOS 动画入门 两个基础动画:移动和弹簧效果 1. 定义 移动:控件从一个位置移到另一个位置弹簧效果:控件到达终...

  • ios动画

    ios动画 ios动画2 ios动画3

  • iOS动画

    iOS动画-从UIView动画说起iOS动画-Transform和KeyFrame动画iOS动画-layout动画...

  • 《iOS动画》读书笔记·内容层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·显示层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·前序

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·转场动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • iOS转场动画入门

    概述 本文内容是直接从github上找了一个demo,分析了下其源码实现,仅供入门参考,原始链接:https://...

  • iOS - 转场动画

    参考文章:iOS 转场动画一张图看懂 iOS 转场动画iOS自定义转场动画 iOS 转场动画探究(一)

网友评论

    本文标题:iOS 动画入门

    本文链接:https://www.haomeiwen.com/subject/xhkgkttx.html