//
//  ViewController.swift
//  MapAnimation
//
//  Created by su on 15/12/10.
//  Copyright © 2015年 tian. All rights reserved.
//

import UIKit

class ViewController: UIViewController {
   
    var appBackGround:UIImageView!
    var mapView: UIImageView!
    var mapShowing:Bool = false
   
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.blackColor()
        //构建第一视图
        appBackGround = UIImageView(frame: CGRectMake(0, 64, self.view.frame.size.width,458))
        appBackGround.image = UIImage(named: "app-bg")
        self.view.addSubview(appBackGround)
       
        //构建地图视图
        mapView = UIImageView(frame: CGRectMake(0, 132, self.view.frame.size.width,458))
        mapView.image = UIImage(named: "map-arrow")
        mapView.alpha = 0
        CGAffineTransformScale(mapView.transform, 1.1, 1.1)
        self.view.addSubview(mapView)
       
        //构建执行动画的button
        let right = UIBarButtonItem(image: UIImage(named: "map-icon"), style: UIBarButtonItemStyle.Plain, target: self, action: "right")
        self.navigationItem.rightBarButtonItem = right
       
       
    }
    func right() {
        //显示地图的阻尼值是16 隐藏地图的阻尼值24
        let damplingStiffness:CGFloat = 8.0
        let daplingStiffnessOut:CGFloat = 12
       
        if mapShowing {
            mapShowing = false
            //隐藏地图
            UIView.animateWithDuration(0.1, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
                self.appBackGround.alpha = 1
                }, completion: nil)
           
            let jnw缩放 = JNWSpringAnimation(keyPath: "transform.scale")
            jnw缩放.damping = damplingStiffness
            jnw缩放.stiffness = damplingStiffness
            jnw缩放.mass = 1
            //将尺寸从0.9 还原成1
            jnw缩放.fromValue = 0.9
            jnw缩放.toValue = 1
            appBackGround.layer.addAnimation(jnw缩放, forKey: jnw缩放.keyPath)
            appBackGround.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.0, 1.0)
           
            //地图视图的动画代码
           
            UIView.animateWithDuration(0.1, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
                self.mapView.alpha = 0
                }, completion: nil)
           
            let jnw地图缩放 = JNWSpringAnimation(keyPath: "transform.scale")
            jnw地图缩放.damping = daplingStiffnessOut
            jnw地图缩放.stiffness = daplingStiffnessOut
            jnw地图缩放.mass = 1
            jnw地图缩放.fromValue = 1.1
            jnw地图缩放.toValue = 1
            self.mapView.layer.addAnimation(jnw地图缩放, forKey: jnw地图缩放.keyPath)
            self.mapView.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1, 1)
            //位移jnw对象
            let jnw地图下移 = JNWSpringAnimation(keyPath: "transform.translation.y")
            jnw地图下移.damping = daplingStiffnessOut
            jnw地图下移.stiffness = daplingStiffnessOut
            jnw地图下移.mass = 1
            jnw地图下移.fromValue = 0
            jnw地图下移.toValue = 30
            self.mapView.layer.addAnimation(jnw地图下移, forKey: jnw地图下移.keyPath)
            self.mapView.transform = CGAffineTransformTranslate(self.mapView.transform, 0, 0)
           
           
        } else {
            //显示地图
            mapShowing = true
            //第一视图的动画代码
            UIView.animateWithDuration(0.1, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
                self.appBackGround.alpha = 0.3
                }, completion: nil)
            let scale = JNWSpringAnimation(keyPath: "transform.scale")
            scale.damping = damplingStiffness
            scale.stiffness = damplingStiffness
            scale.mass = 1
            //初始值取得当前背景的缩放值
            scale.fromValue = 1
            scale.toValue = 0.9
            self.appBackGround.layer.addAnimation(scale, forKey: scale.keyPath)
            self.appBackGround.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0.9, 0.9)
 
           
            //地图动画代码
            UIView.animateWithDuration(0.1, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
                self.mapView.alpha = 1
                }, completion: nil)
            //利用jnw框架组合两个动画
            let mapScale = JNWSpringAnimation(keyPath: "transform.scale")
            mapScale.damping = daplingStiffnessOut
            mapScale.stiffness = daplingStiffnessOut
            mapScale.mass = 1
            mapScale.fromValue = 1
            mapScale.toValue = 1.1
            self.mapView.layer.addAnimation(mapScale, forKey: mapScale.keyPath)
            self.mapView.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.1, 1.1)
            //位移动画
            let mapTranslate = JNWSpringAnimation(keyPath: "transform.translation.y")
            mapTranslate.damping = daplingStiffnessOut
            mapTranslate.stiffness = daplingStiffnessOut
            mapTranslate.mass = 1
            mapTranslate.fromValue = 30
            mapTranslate.toValue = 0
            self.mapView.layer.addAnimation(mapTranslate, forKey: mapTranslate.keyPath)
            self.mapView.transform = CGAffineTransformTranslate(self.mapView.transform, 0, 0)
           
           
        }
    }

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

}

 

swift - 动画学习的更多相关文章

  1. Swift 动画学习笔记

    视频地址: http://www.swiftv.cn/course/i275v5lz 1,动画属性 position(位置),opacity(透明度,0 全透明,1 不透明),Scale(尺寸),Co ...

  2. Android动画学习(二)——Tween Animation

    前两天写过一篇Android动画学习的概述,大致的划分了下Android Animation的主要分类,没有看过的同学请移步:Android动画学习(一)——Android动画系统框架简介.今天接着来 ...

  3. 一份关于Swift语言学习资源的整理文件

    一份关于Swift语言学习资源的整理文件     周银辉 在这里下载 https://github.com/ipader/SwiftGuide

  4. Swift入门学习之一常量,变量和声明

    版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请表明出处:http://www.cnblogs.com/cavalier-/p/6059421.html Swift入门学习之一常量,变量和 ...

  5. Android动画学习笔记-Android Animation

    Android动画学习笔记-Android Animation   3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中 ...

  6. OSG动画学习

    OSG动画学习 转自:http://bbs.osgchina.org/forum.php?mod=viewthread&tid=3899&_dsign=2587a6a9 学习动画,看了 ...

  7. android动画学习

    android动画学习   转载自:http://www.open-open.com/lib/view/open1329994048671.html 3.0以前,android支持两种动画模式,twe ...

  8. Swift开发学习(两):Playground

    Swift开发学习:Playground 大约 对于软件用户.游戏玩家,我一直提倡用户体验.也是用户,是各种开发工具的使用者.也会喜欢用户体验做得好的工具软件.这次苹果想开发人员所想,提供了一个能够玩 ...

  9. ios 动画学习的套路 (二)

    有它们俩你就够了! 说明:下面有些概念我说的不怎么详细,网上实在是太多了,说了我觉得也意义不大了!但链接都给大家了,可以自己去看,重点梳理学习写动画的一个过程和一些好的博客! (一) 说说这两个三方库 ...

随机推荐

  1. bzoj2957楼房重建

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2957 线段树.每个点记录斜率,要一个单增的序列长度(从1开始). 线段树每个点记录自己区间的 ...

  2. 1、hadoop HA分布式集群搭建

    概述 hadoop2中NameNode可以有多个(目前只支持2个).每一个都有相同的职能.一个是active状态的,一个是standby状态的.当集群运行时,只有active状态的NameNode是正 ...

  3. 汇编_指令_XCHG

    交换指令XCHG是两个寄存器,寄存器和内存变量之间内容的交换指令,两个操作数的数据类型要相同,可以是一个字节,也可以是一个字,也可以是双字 .其指令格式如下: XCHG Reg/Mem, Mem/Re ...

  4. Train-Alypay-Cloud:蚂蚁大数据平台培训开课通知(第三次)

    ylbtech-Train-Alypay-Cloud:蚂蚁大数据平台培训开课通知(第三次) 1.返回顶部 1. 您好! 很高兴通知您,您已经成功报名将于蚂蚁金服计划在2018年2月28日- 2018年 ...

  5. [转]Acrylic DNS Proxy 使用方法

    本文转自:http://www.cnwyw.net/index.php/acrylic-dns-proxy-ping-bi-guang-gao/ 从开始菜单进行“Edit Configuration ...

  6. Quartz实现JAVA定时任务的动态配置

    什么是动态配置定时任务? 首先说下这次主题,动态配置.没接触过定时任务的同学可以先看下此篇:JAVA定时任务实现的几种方式 定时任务实现方式千人千种,不过基础的无外乎 1.JDK 的Timer类 2. ...

  7. javaweb消息中间件——rabbitmq入门

    概念:RabbitMQ是一款开源的消息中间件系统,由erlang开发,是AMQP的实现. 架构图大概如上. broker是消息队列的服务器,比如在linux上,我们安装的rabbitmq就是一个bro ...

  8. MVC框架介绍

    第一,建立一个解决方案然后在该解决方案下面新建mvc空项目. 第二,下面先对该项目的一些文件进行介绍: MVC项目文件夹说明: 1.(App_Data):用来保存数据文件,比如XML文件等 2.(Ap ...

  9. OpenCV Hello World

    ▶ OpenCV 的环境配置与第一个程序 ● 去官网下载安装包 https://opencv.org/releases.html ▶ OpenCL 在Visual Studio 2015 中的配置.注 ...

  10. lamp。查看版本

    [root@localhost ~]# php -vPHP 5.2.16 (cli) (built: Dec 17 2010 14:09:03) Copyright (c) 1997-2010 The ...