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秒,最后的效果如图,按钮飞入:




目录
相关文章
|
2月前
|
机器学习/深度学习 TensorFlow Swift
Swift语言适合多个领域的开发
Swift语言适合多个领域的开发
71 9
|
2月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
17天前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
108 66
|
3天前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
|
27天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
1月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
2月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
2月前
|
监控 安全 Swift
企业上网行为管理软件:Swift 语言在移动终端监控的拓展
在数字化时代,企业对员工移动终端的上网行为管理日益重视。Swift 语言在移动终端监控中展现出独特优势,包括网络状态监测、应用使用跟踪及网页浏览行为监控等功能,有效助力企业确保信息安全和提高工作效率。
36 6
|
2月前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!
|
2月前
|
机器学习/深度学习 人工智能 移动开发
Swift语言作为苹果公司推出的现代编程语言
Swift语言作为苹果公司推出的现代编程语言
41 8