Swift 动画学习笔记
视频地址: http://www.swiftv.cn/course/i275v5lz
1,动画属性
position(位置),opacity(透明度,0 全透明,1 不透明),Scale(尺寸),Color,Rotate,3D
2,动画曲线
Linear(线性),EaseIn(慢开始),EaseOut(慢结束),EaseInEaseOut
3,CoreAnimation
1)创建球
let redBall = UIView(frame:CGRectMale(50,50,100,100))
redBall.backgroundColor = UIColor.redColor()
redBall.layer.cornerRadius = 50 //半圆
self.view.addSubView(redBall)
2)放大动画
UIView.animateWithDuration(0.5,delay:0,options:UIViewAnimationOptions.CurveEaseInOut,
animations:{()->void in
redBall.transform = CGAffineTransformMakeScale(2,2) //圆放大
},completion:nil)
3)组合动画和位移动画
UIView.animateWithDuration(0.5,delay:0,options:UIViewAnimationOptions.CurveEaseInOut,
animations:{()->void in
//redBall.transform = CGAffineTransformMakeScale(2,2)
redBall.transform = CGAffineTransformConcat(
CGAffineTransformMakeScale(2.0,2.0),
CGAffineTransformMakeTranslation(150,50));
redBall.backgroundColor = UIColor.greenColor()
},completion:nil)
4)弹性动画(加两个参数) spring Animation
UIView.animateWithDuration(
3,
delay:0,
usingSpringWithDamping:0.3, //阻力值
initialSpringVelocity:0, //弹性运动初始速度
options:UIViewAnimationOptions.allZeros,
animations:{()->void in
redBall.transform = CGAffineTransformMakeTranslation(200,0)
},
completion:nil)
4, JNWSpringAnimation
1) CAKeyframeAnimation 关键帧动画
多个关键帧组成动画
可以设置时间间隔
设置位移,缩放等动画属性
2)JNW支持的属性
.position,rotation,scale,corner,shadow,bounds等
3)导入JNW框架
a)获取JNW框架
https://github.com/jwilling/JNWSpringAnimation
b) 拖入项目中,修改版本差异
new group- 文件拖入-创建桥接头文件-加入#import"JNWSpringAnimation.h"
在NSValue+。。。中引入#import<UIKit/UIKit.h>
c)缩放动画
//创建JNW实例
let scale = JNWSpringAnimation(keyPath:"transform.scale")
//阻力
scale.damping = 6
***********************
IOS动画类型
IOS 上的动画实现有三种方式:
1,UIView动画
2,CATransition动画 。主要用于两个视图切换过渡的动画效果
3,CAAnimation动画.IOS核心动画,结合绘图可以实现灵活多变的动画效果
Swift 动画学习笔记的更多相关文章
- Android动画学习笔记-Android Animation
Android动画学习笔记-Android Animation 3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中 ...
- Unity Shader序列帧动画学习笔记
Unity Shader序列帧动画学习笔记 关于无限播放序列帧动画的一点问题 在学shader的序列帧动画时,书上写了这样一段代码: fixed4 frag(v2f i){ // 获得整数时间 flo ...
- 《从零开始学Swift》学习笔记(Day 29)——访问级别
Swift 2.0学习笔记(Day 29)——访问级别 原创文章,欢迎转载.转载请注明:关东升的博客 访问级别: Swift提供了3种不同访问级别,对应的访问修饰符为:public.internal和 ...
- 《从零开始学Swift》学习笔记(Day 13)——数据类型之整型和浮点型
Swift 2.0学习笔记(Day 13)——数据类型之整型和浮点型 原创文章,欢迎转载.转载请注明:关东升的博客 Swift提供8.16.32.64位形式的有符号及无符号整数.这些整数类型遵循 ...
- 《从零开始学Swift》学习笔记(Day5)——我所知道的标识符和关键字
Swift 2.0学习笔记(Day5)——我所知道的标识符和关键字 原创文章,欢迎转载.转载请注明:关东升的博客 好多计算机语言都有标识符和关键字,一直没有好好的总结,就是这样的用着,现在小小的整 ...
- 《从零开始学Swift》学习笔记(Day4)——用Playground工具编写Swift
Swift 2.0学习笔记(Day4)——用Playground工具编写Swift 原创文章,欢迎转载.转载请注明:关东升的博客 用Playground编写Swift代码目的是为了学习.测试算法.验证 ...
- 《从零开始学Swift》学习笔记(Day 3)——Swift 2.0之后增加的关键字
Swift 2.0学习笔记(Day 3)——Swift 2.0之后增加的关键字 原创文章,欢迎转载.转载请注明:关东升的博客 看了之前的学习笔记知道了什么是关键字,现在提示各位在Swift 2.0之后 ...
- 《从零开始学Swift》学习笔记(Day2)——使用Web网站编写Swift代码
Swift 2.0学习笔记——使用Web网站编写Swift代码 原创文章,欢迎转载.转载请注明:关东升的博客 Swift程序不能在Windows其他平台编译和运行,有人提供了一个网站swiftstub ...
- 《从零开始学Swift》学习笔记http(Day1)——我的第一行Swift代码
Swift 2.0学习笔记(Day1)——我的第一行Swift代码 原创文章,欢迎转载.转载请注明:关东升的博客 当第一次看到下面代码时我石化了,这些代码是什么东东?单词拼出来的? import Fo ...
随机推荐
- linux时间的查看与修改
1.查看时间和日期 date 2.设置时间和日期 将系统日期设定成1996年6月10日的命令 date -s 06/22/96 将系统时间设定成下午1点52分0秒的命令 date -s 13:52:0 ...
- RMAN命令
一.启动.关闭数据库 在RMAN中执行关闭和启动数据库的命令与SQL环境下一模一样.当然,在执行之前,你需要先连接到目标数据库,如例: C:\Documents and Settings\Admini ...
- PAT乙级 1007. 素数对猜想 (20)
1007. 素数对猜想 (20) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 让我们定义 dn 为:dn = ...
- MapReduce:详解Shuffle过程
Shuffle过程是MapReduce的核心,也被称为奇迹发生的地方.要想理解MapReduce, Shuffle是必须要了解的.我看过很多相关的资料,但每次看完都云里雾里的绕着,很难理清大致的逻辑, ...
- Spark实战2:Zeppelin的安装和SparkSQL使用总结
zeppelin是spark的web版本notebook编辑器,相当于ipython的notebook编辑器. 一Zeppelin安装 (前提是spark已经安装好) 1 下载https://zepp ...
- 数据库性能优化:SQL索引
SQL索引在数据库优化中占有一个非常大的比例, 一个好的索引的设计,可以让你的效率提高几十甚至几百倍,在这里将带你一步步揭开他的神秘面纱. 1.1 什么是索引? SQL索引有两种,聚集索引和非聚集索引 ...
- [转]Delphi多线程编程入门(一)
最近Ken在比较系统地学习Delphi多线程编程方面的知识,在网络上查阅了很多资料.现在Ken将对这些资料进行整理和修改,以便收藏和分享.内容基本上是复制粘贴,拼拼凑凑,再加上一些修改而来.各个素材的 ...
- 杭电1003 MAX SUN
Problem Description Given a sequence a[1],a[2],a[3]......a[n], your job is to calculate the max sum ...
- android 应用架构随笔一(架构搭建)
1.拷贝积累utils以及PagerTab类 2.定义BaseApplication类 3.定义BaseActivity类 4.改写MainActivity 5.定义布局文件 6.定义BaseFrag ...
- IMG图片和文字同行显示
只要设定img标签的vertical-align CSS属性就好了,代码如下: <img src="images/untitled.png" style="widt ...