美文网首页JC专题
iOS 动画(1) - 移动

iOS 动画(1) - 移动

作者: WyattWang | 来源:发表于2016-03-22 21:25 被阅读310次

据说 iOS 动画分为 View AnimationsLayer Animations,至于为何,我暂且不知。下面所记动的内容,皆为我在看《iOS Animations by Tutorials》时自认为比较重要的内容,就让录下来了。

对于移动,可以组件的 center中的xy即可,分别对应水平移动和垂直移动。我们在设计界面的时候,各个组件放在可视区域的,在入场时,可以先将组件移动到界面之外,在运行显示界面时,再移进来。这中再加动画效果,就行了。

可以在viewWillAppear()里加入如下代码:

heading.center.x -= view.bounds.width
username.center.x -= view.bounds.width
password.center.x -= view.bounds.width

然后在viewDidAppear()中让组件以动画的方式入场:

UIView.animateWithDuration(0.5, delay: 0.4, options: [], animations: { () -> Void in
            self.password.center.x += self.view.bounds.width
            }, completion: nil)

不同的组件,可以调节入场时间,以使组件能在不同的时间点上进入,让动画显得更加自然。

相关文章

  • iOS 动画(1) - 移动

    据说 iOS 动画分为 View Animations和Layer Animations,至于为何,我暂且不知。下...

  • iOS 动画入门

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

  • 常见meta和link标签

    页面基本设置 http 信息设置 搜索引擎相关设置 移动端开发 移动开发基本设置 iOS 图标 iOS启动画面 其...

  • iOS动画总结(收集)

    iOS动画 1.iOS动画专题·UIView二维形变动画与CAAnimation核心动画 2.iOS动画总结(Co...

  • iOS核心动画高级技巧 - 8

    iOS核心动画高级技巧 - 1iOS核心动画高级技巧 - 2iOS核心动画高级技巧 - 3iOS核心动画高级技巧 ...

  • iOS动画介绍(可用于面试)

    iOS动画主要分3大类 单一动画有:渐变、缩放、旋转、移动 组合动画即同时执行多个动画(如两个Controller...

  • iOS动画-UIView Animation

    iOS动画-UIView Animation 众所周知动画效果在移动开发中是非常重要的,因为用户在使用app讲究两...

  • iOS动画相关知识——持续更新中

    1、 iOS动画进阶 - 手摸手教你写 Slack 的 Loading 动画2、iOS动画开发之一——UIView...

  • ios动画

    ios动画 ios动画2 ios动画3

  • iOS动画之UIView动画

    iOS动画 UIView动画 UIViewAnimationOptions参考 1. 基本动画 + (void)a...

网友评论

    本文标题:iOS 动画(1) - 移动

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