在 iOS 中，实现动画有两种方法。一个是统一的 animate，另一个是组合出现的 beginAnimations 和 commitAnimations。这三个方法都是类方法。
一、使用 animate 来实现动画
（1）此方法共有5个参数：
- withDuration：动画从开始到结束的持续时间，单位是秒
- 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秒的动画中复原到完整大小，同时还伴随旋转效果。
image.png
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()
backgrounds = Array<UIView>()
setupGameMap()
playAnimation()
}
/// 设置游戏视图
func setupGameMap()
{
var x: CGFloat = 50
var y: CGFloat = 150
for i in 0..<dimension {
print(i)
y = 150
for _ in 0..<dimension {
// 初始化view
let view = UIView(frame: CGRect(x: x, y: y, width: width, height: width))
view.backgroundColor = UIColor.gray
self.view.addSubview(view)
self.backgrounds.append(view)
y += padding + width
}
x += padding + width
}
}
/// 设置动画
func playAnimation()
{
for view in self.backgrounds {
// 现将视图的大小变成之前的十分之一
view.layer.setAffineTransform(CGAffineTransform(scaleX: 0.1, y: 0.1))
// 设置动画特效，动画时长1秒
UIView.animate(withDuration: 1, animations: {
//在动画中有一个角度的旋转
view.layer.setAffineTransform(CGAffineTransform(rotationAngle: 90))
}) { (finished: Bool) in
// 完成之后，用动画回复原状
UIView.animate(withDuration: 1) {
view.layer.setAffineTransform(CGAffineTransform.identity)
}
}
}
}
}
（5）样例2：只有从小变大的效果
/// 大小动画
func playAnimation2()
{
for view in self.backgrounds {
// 缩小到十分之一
view.layer.setAffineTransform(CGAffineTransform(scaleX: 0.1, y: 0.1))
UIView.animate(withDuration: 1, animations: {
view.layer.setAffineTransform(CGAffineTransform(scaleX: 1, y: 2))
}) { (finished: Bool) in
UIView.animate(withDuration: 1) {
view.layer.setAffineTransform(CGAffineTransform.identity)
}
}
}
}
（6）样例3：方块从不透明到透明的效果
/// 透明变化
func playAnimation3()
{
for view in self.backgrounds {
view.alpha = 0
UIView.animate(withDuration: 1, animations: {
view.alpha = 1
}) { (finished: Bool) in
}
}
}
二、使用 beginAnimations 和 commitAnimations 方法来实现动画
- beginAnimations：此方法开始一个动画块，调用 commitAnimations 结束一个动画块，并且动画块是允许嵌套的。
- commitAnimations：此方法用于结束一个动画块，动画是在一个独立的线程中运行的，动画在生效时，所有应用程序不会中断。
在 beginAnimations 和 commitAnimations 中间的代码中，我们可以设置各种动画的属性。比如持续时间，使用哪种预置的动画效果等。
beginAnimations 和 commitAnimations 这个方法在iOS13被废弃，苹果建议使用方法一
（1）淡入，淡出，移动，改变大小动画
func animations1()
{
//淡出动画
UIView.beginAnimations(nil, context: nil)
UIView.setAnimationDuration(2.0)
imageView.alpha = 0.0
UIView.commitAnimations()
}
func animations2()
{
//淡入动画
UIView.beginAnimations(nil, context: nil)
UIView.setAnimationDuration(2.0)
imageView.alpha = 1.0
UIView.commitAnimations()
}
func animations3()
{
//移动动画
UIView.beginAnimations(nil, context: nil)
UIView.setAnimationDuration(2.0)
imageView.center = CGPoint(x:250, y:250)
UIView.setAnimationCurve(.easeOut) //设置动画相对速度
UIView.commitAnimations()
}
func animations4()
{
//大小调整动画
UIView.beginAnimations(nil, context: nil)
UIView.setAnimationDuration(2.0)
imageView.frame = CGRect(x:100, y:180, width:50, height:50)
UIView.commitAnimations()
}
（2）两个视图切换的过渡动画
UIViewAnimationTransition定义了 5 种过渡动画类型：
- none：无过渡动画效果
- flipFromLeft：从左侧向右侧翻转
- flipFromRight：从右侧向左侧翻转
- curlUp：向上卷数翻页
- curlDown：向下翻页
import UIKit
class ViewController: UIViewController {
override func viewDidLoad()
{
super.viewDidLoad()
//创建一个按钮，用来点击播放动画
let button:UIButton = UIButton(type:.system)
button.frame=CGRect(x:10, y:20, width:100, height:30)
button.setTitle("播放动画", for:.normal)
button.addTarget(self,action:#selector(ViewController.play),
for:.touchUpInside)
self.view.addSubview(button)
//添加两个红蓝视图
let redView = UIView(frame: CGRect(x:50, y:50, width:150, height:400))
redView.backgroundColor = UIColor.red
self.view.insertSubview(redView, at: 0)
let blueView = UIView(frame: CGRect(x:50, y:50, width:150, height:400))
blueView.backgroundColor = UIColor.blue
self.view.insertSubview(blueView, at: 1)
}
//切换视图并播放动画
func play(){
UIView.beginAnimations(nil, context: nil)
UIView.setAnimationDuration(3.0)
UIView.setAnimationTransition(.curlUp, for: self.view, cache: true)
self.view.exchangeSubview(at: 1, withSubviewAt: 0)
UIView.commitAnimations()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
（3）页面或元件翻转效果
import UIKit
class ViewController: UIViewController {
override func viewDidLoad()
{
super.viewDidLoad()
//创建一个按钮，用来点击播放动画
let button = UIButton(type:.system)
button.frame = CGRect(x:10, y:20, width:100, height:30)
button.setTitle("播放动画", for:.normal)
button.addTarget(self,action:#selector(ViewController.play),
for:.touchUpInside)
self.view.addSubview(button);
}
//切换视图并播放动画
func play(){
//将整个主视图面板实现一个翻转效果
UIView.beginAnimations("animation", context: nil)
UIView.setAnimationDuration(2)
UIView.setAnimationCurve(.easeInOut)
UIView.setAnimationTransition(.flipFromLeft, for: self.view, cache: false)
UIView.commitAnimations()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
原文出自：www.hangge.com 转载请保留原文链接：https://www.hangge.com/blog/cache/detail_664.html
网友评论