[Xcode 实际操作]六、媒体与动画-(11)UIView视图卷曲动画的制作

目录：[Swift]Xcode实际操作

本文将演示UIView视图卷曲动画的制作。

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //创建一个位置在(50,50),尺寸为(220,320)的显示区域
        let rect = CGRect(x: 50, y: 50,  220, height: 320)
        //初始化一个图像视图，并设置其位置和尺寸信息
        let imageView = UIImageView(frame: rect)

         //从项目资源文件中加载一张图片
        let image = UIImage(named: "Picture")
        //给图像视图指定需要显示的图片
        imageView.image = image
        //设置图像视图的标识值，以方便后期对图像视图的调用
        imageView.tag = 1
        
        //将图像视图，添加到当时视图控制器的根视图
        self.view.addSubview(imageView)
        
        //初始化一个按钮对象，当点击按钮时，开始播放动画
        let button = UIButton(type: UIButton.ButtonType.system)
        //设置按钮对象的位置为(50,400)，尺寸为(220,44)
        button.frame = CGRect(x: 50, y: 400,  220, height: 44)
        //设置按钮对象的背景颜色为橙色
        button.backgroundColor = UIColor.orange
        //设置按钮对象的标题文字
        button.setTitle("Tap it.", for: .normal)
        //给按钮对象，绑定点击事件
        button.addTarget(self, action: #selector(ViewController.playAnimation), for: UIControl.Event.touchUpInside)
        
        //将按钮对象，添加到当前视图控制器的根视图
        self.view.addSubview(button)
    }
    
    //创建一个方法，用来响应按钮的点击事件
    @objc func playAnimation()
    {
        //发出开始动画的请求，
        //标志着视图动画块的开始。
        //在它和提交动画请求之间，可以定义动画的各种展现方式
        UIView.beginAnimations(nil, context: nil)
        //设置动画的播放速度为淡入淡出
        UIView.setAnimationCurve(.easeInOut)
        //设置动画的时长为5秒
        UIView.setAnimationDuration(5)
        //设置动画从视图当前状态开始播放
        UIView.setAnimationBeginsFromCurrentState(true)
        //通过标识值，找到上方代码种创建的图像视图作为动画的载体
        let view = self.view.viewWithTag(1)
         //设置动画类型为卷曲动画
        UIView.setAnimationTransition(.curlUp, for: view!, cache: true)
        //调用视图的提交动画方法，标志着动画块的结束
        UIView.commitAnimations()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}