Swift - 动画效果的实现方法总结(附样例)
- duration:动画从开始到结束的持续时间,单位是秒
- delay:动画开始前等待的时间
- options:动画执行的选项。里面可以设置动画的效果。可以使用UIViewAnimationOptions类提供的各种预置效果
- anmations:动画效果的代码块
- completion:动画执行完毕后执行的代码块
(2)UIView支持动画效果的属性
- frame:此属性包含一个矩形,即边框矩形,此值确定了当前视图在其父视图坐标系中的位置与尺寸
- bounds:也是矩形,边界矩形,它指的是视图在其自己的坐标系中的位置和尺寸,左上角坐标永远是(0,0)
- center:确定视图的中心点在其父视图坐标系中的位置坐标。即定义当前视图在父视图中的位置
- alpha:视图的透明度。(但视图完全透明时,不能响应触摸消息)
- backgroundColor:背景色
- transform:这是一种3×3的变化矩阵。通过这个矩阵我们可以对一个坐标系统进行缩放、平移、旋转以及这两者的任意组操作。
(3)Transform(变化矩阵)的四个常用的变换方法
- CGAffineTransformMake():返回变换矩阵
- CGAffineTransformMakeTranslation():返回平移变换矩阵
- CGAffineTransformMakeScale():返回缩放变换矩阵
- CGAffineTransformMakeRotation():返回旋转变换矩阵
(4)样例1:方块初始缩小为原始尺寸1/10。在1秒的动画中复原到完整大小,同时还伴随旋转效果。



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
import UIKit class ViewController : UIViewController { //游戏方格维度 var dimension: Int = 4 //数字格子的宽度 var width: CGFloat = 50 //格子与格子的间距 var padding: CGFloat = 6 //保存背景图数据 var backgrounds: Array < UIView >! override func viewDidLoad() { super .viewDidLoad() self .backgrounds = Array < UIView >() setupGameMap() playAnimation() } func setupGameMap() { var x: CGFloat = 50 var y: CGFloat = 150 for i in 0..<dimension { println (i) y = 150 for j in 0..<dimension { //初始化视图 var background = UIView (frame: CGRectMake (x, y, width, width)) background.backgroundColor = UIColor .darkGrayColor() self .view.addSubview(background) //将视图保存起来,以备后用 backgrounds.append(background) y += padding + width } x += padding+width } } func playAnimation() { for tile in backgrounds{ //先将数字块大小置为原始尺寸的 1/10 tile.layer.setAffineTransform( CGAffineTransformMakeScale (0.1,0.1)) //设置动画效果,动画时间长度 1 秒。 UIView .animateWithDuration(1, delay:0.01, options: UIViewAnimationOptions . TransitionNone , animations: { ()-> Void in //在动画中,数字块有一个角度的旋转。 tile.layer.setAffineTransform( CGAffineTransformMakeRotation (90)) }, completion:{ (finished: Bool ) -> Void in UIView .animateWithDuration(1, animations:{ ()-> Void in //完成动画时,数字块复原 tile.layer.setAffineTransform( CGAffineTransformIdentity ) }) }) } } override func didReceiveMemoryWarning() { super .didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } } |
(5)样例2:只有从小变大的效果
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
func playAnimation() { for tile in backgrounds{ //先将数字块大小置为原始尺寸的 1/10 tile.layer.setAffineTransform( CGAffineTransformMakeScale (0.1,0.1)) //设置动画效果,动画时间长度 1 秒。 UIView .animateWithDuration(1, delay:0.01, options: UIViewAnimationOptions . TransitionNone , animations: { ()-> Void in tile.layer.setAffineTransform( CGAffineTransformMakeScale (1,1)) }, completion:{ (finished: Bool ) -> Void in UIView .animateWithDuration(0.08, animations:{ ()-> Void in tile.layer.setAffineTransform( CGAffineTransformIdentity ) }) }) } } |
(6)样例3:方块从不透明到透明的效果
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
func playAnimation() { for tile in backgrounds{ tile.alpha = 0; //设置动画效果,动画时间长度 1 秒。 UIView .animateWithDuration(1, delay:0.01, options: UIViewAnimationOptions . CurveEaseInOut , animations: { ()-> Void in }, completion:{ (finished: Bool ) -> Void in UIView .animateWithDuration(1, animations:{ ()-> Void in tile.alpha = 1 }) }) } } |
二,使用beginAnimations和commitAnimations方法来实现动画
- beginAnimations:此方法开始一个动画块,调用commitAnimations结束一个动画块,并且动画块是允许嵌套的。
- commitAnimations:此方法用于结束一个动画块,动画是在一个独立的线程中运行的,动画在生效时,所有应用程序不会中断。
在beginAnimations和commitAnimations中间的代码中,我们可以设置各种动画的属性。比如持续时间,使用哪种预置的动画效果等。
(1)淡入,淡出,移动,改变大小动画
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
//淡出动画 UIView .beginAnimations( nil , context: nil ) UIView .setAnimationDuration(2.0) imageView.alpha = 0.0 UIView .commitAnimations() //淡入动画 UIView .beginAnimations( nil , context: nil ) UIView .setAnimationDuration(2.0) imageView.alpha = 1.0 UIView .commitAnimations() //移动动画 UIView .beginAnimations( nil , context: nil ) UIView .setAnimationDuration(2.0) imageView.center = CGPointMake (250, 250) UIView .setAnimationCurve( UIViewAnimationCurve . EaseOut ) //设置动画相对速度 UIView .commitAnimations() //大小调整动画 UIView .beginAnimations( nil , context: nil ) UIView .setAnimationDuration(2.0) imageView.frame = CGRectMake (100,180,50,50) UIView .commitAnimations() |
(2)两个视图切换的过渡动画
UIViewAnimationTransition定义了5种过渡动画类型:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
var redView: UIView = UIView (frame: CGRectMake (50,50,150,400)) redView.backgroundColor = UIColor .redColor() self .view.insertSubview(redView, atIndex: 0) var blueView: UIView = UIView (frame: CGRectMake (50,50,150,400)) blueView.backgroundColor = UIColor .blueColor() self .view.insertSubview(blueView, atIndex: 1) UIView .beginAnimations( nil , context: nil ) UIView .setAnimationDuration(4.0) UIView .setAnimationTransition( UIViewAnimationTransition . CurlUp , forView: self .view, cache: true ) self .view.exchangeSubviewAtIndex(1, withSubviewAtIndex: 0) UIView .commitAnimations() |
1
2
3
4
5
6
|
//将整个主视图面板实现一个翻转效果 UIView .beginAnimations( "animation" , context: nil ) UIView .setAnimationDuration(2) UIView .setAnimationCurve( UIViewAnimationCurve . EaseInOut ) UIView .setAnimationTransition( UIViewAnimationTransition . FlipFromLeft , forView: self .view, cache: false ) UIView .commitAnimations() |
Swift - 动画效果的实现方法总结(附样例)的更多相关文章
- Swift - 数组排序方法(附样例)
下面通过一个样例演示如何对数组元素进行排序.数组内为自定义用户对象,最终要实现按用户名排序,数据如下: 1 2 3 4 var userList = [UserInfo]() userList.app ...
- AS3 - 数组Array的几个常用方法(附样例)
AS3 - 数组Array的几个常用方法(附样例) 2015-03-30 10:39发布:hangge浏览:241 Flex/Flash开发中,经常会使用到数组,下面总结了一些数组的常用方法. 1 ...
- IOS开发-UIView之动画效果的实现方法(合集)
http://www.cnblogs.com/GarveyCalvin/p/4193963.html 前言:在开发APP中,我们会经常使用到动画效果.使用动画可以让我们的APP更酷更炫,最重要的是优化 ...
- CSS3 - 新单位vw、vh、vmin、vmax使用详解(附样例)
像 px.em 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位.CSS3 又引入了新单位:vw.vh.vmin.vmax.下面对它们做个详细介绍. 一.基本说明 1,vw.vh.vmi ...
- jquery 实现动画效果(各种方法)
1.show()和hide()和toggle()(这是show和hide的一个综合,一个按钮就实现显示和隐藏) 效果: 代码: <button type="button" c ...
- Swift - 本地消息的推送通知(附样例)
使用UILocalNotification可以很方便的实现消息的推送功能.我们可以设置这个消息的推送时间,推送内容等. 当推送时间一到,不管用户在桌面还是其他应用中,屏幕上方会都显示出推送消息. 1, ...
- Swift - 使用ALAssetsLibrary获取相簿里所有图片,视频(附样例)
1,ALAssetsLibrary介绍 (1)通过创建ALAssetsLibrary的实例可以访问系统Photos里的图片与视频.这里图片不仅包括相机拍摄的照片,还包括从iTunes导入的和从其他设备 ...
- Jquery属性选择器(同时匹配多个条件,与或非)(附样例)
1. 前言 为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 <!DOCTYPE htm ...
- [转]Jquery属性选择器(同时匹配多个条件,与或非)(附样例)
1. 前言 为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 1 2 3 4 5 6 7 8 ...
随机推荐
- TCP和UDP的"保护消息边界" (经典)
在socket网络程序中,TCP和UDP分别是面向连接和非面向连接的.因此TCP的socket编程,收发两端(客户端和服务器端)都要有一一成对的socket,因此,发送端为了将多个发往接收端的包,更有 ...
- Android项目实战手机安全卫士(01)
目录 项目结构图 源代码 运行结果 项目结构图 源代码 SplashActivity.java package com.coderdream.mobilesafe.activity; import a ...
- 【COCOS2D-HTML5 开发之三】演示样例项目附源代码及执行的GIF效果图
本站文章均为李华明Himi原创,转载务必在明显处注明:(作者新浪微博:@李华明Himi) 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocos2d- ...
- three.js 源代码凝视(十)Math/Line3.js
商域无疆 (http://blog.csdn.net/omni360/) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:商域无疆 - 本博客专注于 敏捷开发 ...
- poj 2891 Strange Way to Express Integers(中国剩余定理)
http://poj.org/problem?id=2891 题意:求解一个数x使得 x%8 = 7,x%11 = 9; 若x存在,输出最小整数解.否则输出-1: ps: 思路:这不是简单的中国剩余定 ...
- 复合文档的二进制存储格式研究[ole存储结构](word,xls,ppt...)[转]
复合文档文件格式研究 前 言 复合文档(Compound Document) 是一种不仅包含文本而且包括图形.电子表格数据.声音.视频图象以及其它信息的文档.可以把复合文档想象成一个所有者,它装着 ...
- 终于懂了:Delphi重定义消息结构随心所欲,只需要前4个字节是消息编号就行了(有了这个,就有了主动)
Delphi重定义消息结构随心所欲,只需要前4个字节是消息编号就行了,跟Windows消息虽然尽量保持一致,但其实相互没有特别大的关系.有了这个,就有了主动,带不带句柄完全看需要. 比如这个结构就带句 ...
- PHP $_SERVER
$_SERVER 是一个包括了诸如头信息(header).路径(path).以及脚本位置(script locations)等等信息的数组.这个数组中的项目由 Web server创建.不能保证每一个 ...
- URAL 1180. Stone Game (博弈 + 规律)
1180. Stone Game Time limit: 1.0 second Memory limit: 64 MB Two Nikifors play a funny game. There is ...
- Delphi中拖动无边框窗口的5种方法
1.MouseMove事件中加入: // ReleaseCapture;// Perform(WM_SYSCOMMAND, $F017 , 0); 2.MouseDown事件中加入: // POSTM ...