swift语言IOS8开发战记15 Animation Delay

简介:        前几话我们实现了Review按钮的功能,今天来实现Share按钮的功能,由于两个功能的相似性,所以新建一个控制器,ShareViewController类,把ReviewVie...

       前几话我们实现了Review按钮的功能,今天来实现Share按钮的功能,由于两个功能的相似性,所以新建一个控制器,ShareViewController类,把ReviewViewController类的代码复制过去进行修改,share中不需要transforView和label,删掉,然后把按钮改成四个放到基view中,代码如下:

let buttonWidth:CGFloat = 60
        let buttonY:CGFloat = 200 //三个按钮相同的规格
        let faceBtn = UIButton(frame: CGRectMake(100, buttonY, buttonWidth, buttonWidth))
        faceBtn.setBackgroundImage(UIImage(named: "facebook"), forState: .Normal)
        self.view.addSubview(faceBtn)
        
        let twitterBtn = UIButton(frame: CGRectMake(160, buttonY, buttonWidth, buttonWidth))
        twitterBtn.setBackgroundImage(UIImage(named: "twitter"), forState: .Normal)
        self.view.addSubview(twitterBtn)
        
        let messageBtn = UIButton(frame: CGRectMake(100, 260, buttonWidth, buttonWidth))
        messageBtn.setBackgroundImage(UIImage(named: "message"), forState: .Normal)
        self.view.addSubview(messageBtn)
        
        let emailBtn = UIButton(frame: CGRectMake(160, 260, buttonWidth, buttonWidth))
        emailBtn.setBackgroundImage(UIImage(named: "email"), forState: .Normal)
        self.view.addSubview(emailBtn)

然后再DetailViewController中添加share的action

    func clickShare(sender: UIButton){
        let share = ShareViewController()
        self.presentViewController(share, animated: true, completion: nil )//临时展示一个控制器
    }

运行效果如图:


然后给图片设置一个背景色,颜色的话用mac自带的取色器就可以获得:


现在我们来实现这几个按钮的动画效果,让他们从不同的敌方飞进屏幕然后组合成上图的样子,首先让facebook的图标从下面飞入,让email的图标从上面飞入。

在按钮的代码后面继续增加如下代码:

let upTranslate = CGAffineTransformMakeTranslation(0, -500)
        let downTranslate = CGAffineTransformMakeTranslation(0, 500)
        faceBtn.transform = downTranslate
        emailBtn.transform = upTranslate

标示了这两个按钮的初始位置,因为动画效果要在viewWillApear中实现,所以按钮必须是全局的,所以我们把按钮的声明放在全局中。

    var faceBtn: UIButton!
    var twitterBtn: UIButton!
    var emailBtn: UIButton!
    var messageBtn: UIButton!

然后在viewWillAppear中实现动画,如下:

override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        UIView.animateWithDuration(1.0, delay: 0.0, usingSpringWithDamping: 0.8, initialSpringVelocity: 0.7, options: nil, animations: { let translate = CGAffineTransformMakeTranslation(0, 0)
            self.faceBtn.transform = translate
            self.emailBtn.transform = translate
            }, completion: nil)
        
    }

注意一下,我们这次是按钮的飞进,使用的是
CGAffineTransformMakeTranslation,依靠坐标来定位,而在Review中使用的方法是整个view从无到有,所以使用的是CGAffineTransforMakeScale。效果如图:


然后如法炮制实现另外两个按钮,延迟设为0.1秒,最后的效果如图,按钮飞入:




目录
相关文章
|
3天前
|
机器学习/深度学习 TensorFlow Swift
Swift语言适合多个领域的开发
Swift语言适合多个领域的开发
23 9
|
3天前
|
安全 编译器 Swift
Swift开发
Swift开发
19 9
|
4天前
|
机器学习/深度学习 人工智能 移动开发
Swift语言作为苹果公司推出的现代编程语言
Swift语言作为苹果公司推出的现代编程语言
20 8
|
6天前
|
安全 数据处理 Swift
深入探索iOS开发中的Swift语言特性
本文旨在为开发者提供对Swift语言在iOS平台开发的深度理解,涵盖从基础语法到高级特性的全面分析。通过具体案例和代码示例,揭示Swift如何简化编程过程、提高代码效率,并促进iOS应用的创新。文章不仅适合初学者作为入门指南,也适合有经验的开发者深化对Swift语言的认识。
24 9
|
4天前
|
机器学习/深度学习 安全 数据挖掘
Swift语言的应用场景非常广泛
Swift语言的应用场景非常广泛
16 4
|
4天前
|
安全 Swift iOS开发
Swift语言
Swift语言
14 4
|
5天前
|
Android开发 Swift iOS开发
探索安卓与iOS开发的差异和挑战
【10月更文挑战第37天】在移动应用开发的广阔舞台上,安卓和iOS这两大操作系统扮演着主角。它们各自拥有独特的特性、优势以及面临的开发挑战。本文将深入探讨这两个平台在开发过程中的主要差异,从编程语言到用户界面设计,再到市场分布的不同影响,旨在为开发者提供一个全面的视角,帮助他们更好地理解并应对在不同平台上进行应用开发时可能遇到的难题和机遇。
|
3天前
|
iOS开发 开发者
探索iOS开发中的SwiftUI框架
【10月更文挑战第39天】在苹果的生态系统中,SwiftUI框架以其声明式语法和易用性成为开发者的新宠。本文将深入SwiftUI的核心概念,通过实际案例展示如何利用这一框架快速构建用户界面,并探讨其对iOS应用开发流程的影响。
|
JSON API 数据库
如何使用 Swift 开发简单的条形码检测器?
本文作者为 Matthew Maher,主要手把手地介绍如何用 Swift 构建简单的条形码检测器。文章系 OneAPM 工程师编译整理。
2121 0
|
4月前
|
Unix 调度 Swift
苹果iOS新手开发之Swift 中获取时间戳有哪些方式?
在Swift中获取时间戳有四种常见方式:1) 使用`Date`对象获取秒级或毫秒级时间戳;2) 通过`CFAbsoluteTimeGetCurrent`获取Core Foundation的秒数,需转换为Unix时间戳;3) 使用`DispatchTime.now()`获取纳秒级精度的调度时间点;4) `ProcessInfo`提供设备启动后的秒数,不表示绝对时间。不同方法适用于不同的精度和场景需求。
141 3