[Xcode 实际操作]六、媒体与动画-(8)使用CATransaction Reveal制作渐显动画

Swift Xcode 渐显动画
本文演示了在Swift环境下,使用Xcode制作渐显动画的过程。通过改变图片的不透明度,实现了从隐藏到完全可见的动画效果。文章详细介绍了创建显示区域、加载图片、设置动画参数及应用动画的具体步骤。

目录:[Swift]Xcode实际操作

本文将演示如何制作渐显动画。

图片的不透明度逐渐发生了变化,从而产生作渐显动画的效果。

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

 1 import UIKit
 2 
 3 class ViewController: UIViewController {
 4 
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         // Do any additional setup after loading the view, typically from a nib.
 8         
 9         //创建一个位置在(0,100),尺寸为(320,211)的显示区域
10         let rect = CGRect(x: 0, y: 100, width: 320, height: 211)
11         //初始化一个图像视图,并设置其位置和尺寸信息
12         let imageView = UIImageView(frame: rect)
13         
14         //从项目资源文件中加载一张图片
15         let image = UIImage(named: "Picture")
16         //给图像视图指定需要显示的图片
17         imageView.image = image
18         
19         //将图像视图,添加到当时视图控制器的根视图
20         self.view.addSubview(imageView)
21         
22         //可以使用两种方法来实现动画效果
23         //方法一:视图层面的
24         //方法二:使用过渡动画
25         //它实现了层的过渡动画,因此可以进行更低层次的控制
26         let animation = CATransition()
27         //设置动画的时长为2秒
28         animation.duration = 2
29         //设置动画的播放速度为由慢至快
30         animation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeOut)
31         //设置动画的类型为渐显动画
32         animation.type = CATransitionType.reveal
33         
34         //将动画指定给图像视图的层
35         imageView.layer.add(animation, forKey: "Reveal")
36     }
37 
38     override func didReceiveMemoryWarning() {
39         super.didReceiveMemoryWarning()
40         // Dispose of any resources that can be recreated.
41     }
42 }

 

转载于:https://www.cnblogs.com/strengthen/p/10034495.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值