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

import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {
        super.viewDidLoad()
        let windowWidth = UIScreen.mainScreen().bounds.size.width
        let frameRect = self.view.frame
        //创建背景
        var bacgroundView = UIImageView(frame: frameRect)
        bacgroundView.image = UIImage(named: "background")
        self.view.addSubview(bacgroundView)
       
        let arrowView = UIImageView(frame: CGRect(x: windowWidth, y: 64, width: windowWidth, height: 45))
        arrowView.image = UIImage(named: "arrow")
        self.view.addSubview(arrowView)
       
        let ministryView = UIImageView(frame: CGRect(x: windowWidth, y: 110, width: windowWidth, height: 26))
        ministryView.image = UIImage(named: "ministry")
        self.view.addSubview(ministryView)
       
        let addButon = UIButton(frame: CGRect(x: windowWidth, y: 160, width: windowWidth, height: 28))
        addButon.setImage(UIImage(named: "add-button"), forState: UIControlState.Normal)
        //设置按钮的高亮状态
        addButon.setImage(UIImage(named: "add-button-pressed"), forState: UIControlState.Highlighted)
        self.view.addSubview(addButon)
        //歌曲列表
        let firstRow = UIImageView(frame: CGRect(x: windowWidth, y: 190, width: windowWidth, height: 80))
        firstRow.image = UIImage(named: "1st-row")
        self.view.addSubview(firstRow)
       
        let secondRow = UIImageView(frame: CGRect(x: windowWidth, y: 190 + 80 , width: windowWidth, height: 80))
        secondRow.image = UIImage(named: "2nd-row")
        self.view.addSubview(secondRow)
       
        let thirdRow = UIImageView(frame: CGRect(x: windowWidth, y: 190 + 160, width: windowWidth, height: 38))
        thirdRow.image = UIImage(named: "3rd-row")
        self.view.addSubview(thirdRow)
       
        let fourRow = UIImageView(frame: CGRect(x: windowWidth, y: 190 + 240, width: windowWidth, height: 80))
        fourRow.image = UIImage(named: "4th-row")
        self.view.addSubview(fourRow)
       
        let fiveRow = UIImageView(frame: CGRect(x: windowWidth, y: 190 + 320, width: windowWidth, height: 80))
        fiveRow.image = UIImage(named: "5th-row")
        self.view.addSubview(fiveRow)
       
        //启动延时时间
        let initaDelay = 1.0
        //间隔时间
        let stutter = 0.15
        //动画执行
        let duration = 1.1
        //箭头动画
       
        UIView.animateWithDuration(duration, delay: initaDelay, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
        arrowView.frame = CGRect(x: 0, y: 64, width: windowWidth, height: 45)
            }, completion: nil)
        //ministry
        UIView.animateWithDuration(duration, delay: initaDelay + 1 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            ministryView.frame = CGRect(x: 0, y: 110, width: windowWidth, height: 26)
            }, completion: nil)
       
        //add song
        UIView.animateWithDuration(duration, delay: initaDelay + 2 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            addButon.frame = CGRect(x: 0, y: 160, width: windowWidth, height: 45)
            }, completion: nil)
       
        //歌曲列表
       
        UIView.animateWithDuration(duration, delay: initaDelay + 3 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            firstRow.frame = CGRect(x: 0, y: 190, width: windowWidth, height: 80)
            }, completion: nil)

UIView.animateWithDuration(duration, delay: initaDelay + 4 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            secondRow.frame = CGRect(x: 0, y: 190 + 80, width: windowWidth, height: 80)
            }, completion: nil)
       
        UIView.animateWithDuration(duration, delay: initaDelay + 5 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            thirdRow.frame = CGRect(x: 0, y: 190 + 160, width: windowWidth, height: 80)
            }, completion: nil)
        UIView.animateWithDuration(duration, delay: initaDelay + 6 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            fourRow.frame = CGRect(x: 0, y: 190 + 240, width: windowWidth, height: 80)
            }, completion: nil)
        UIView.animateWithDuration(duration, delay: initaDelay + 7 * stutter, usingSpringWithDamping: 0.6, initialSpringVelocity: 0, options: UIViewAnimationOptions.AllowAnimatedContent, animations: { () -> Void in
            //运动闭包
            fiveRow.frame = CGRect(x: 0, y: 190 + 320, width: windowWidth, height: 80)
            }, completion: nil)

  
    }

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

}

 

swift - 歌曲列表动画的更多相关文章

  1. Swift实战-豆瓣电台(四)歌曲列表的展现

    观看地址 http://v.youku.com/v_show/id_XNzMwNDE0OTA4.html 这节的主要内容是如何利用cell展现获取到的数据. 首先申明两个数组来储存我们获取到的数据 v ...

  2. 【音乐App】—— Vue-music 项目学习笔记:歌曲列表组件开发

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 当前歌曲播放列表 添加歌曲 ...

  3. jQuery演示10种不同的切换图片列表动画效果

    经常用到的图片插件演示jQuery十种不同的切换图片列表动画效果 在线演示 下载地址 实例代码 <!DOCTYPE html> <html lang="en" c ...

  4. jQuery演示10种不同的切换图片列表动画效果以及tab动画演示 2

    很常用的一款特效纯CSS完成tab实现5种不同切换对应内容效果 实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...

  5. ANDROID_MARS学习笔记_S01原始版_020_Mp3player001_歌曲列表

    一.项目设计 二.歌曲列表简介 1.利用java.net.HttpURLConnection以流的形式下载xml文件为String 2.自定义ContentHandler-->Mp3ListCo ...

  6. Android VLC播放器二次开发3——音乐播放(歌曲列表+歌词同步滚动)

    今天讲一下对VLC播放器音频播放功能进行二次开发,讲解如何改造音乐播放相关功能.最近一直在忙着优化视频解码部分代码,因为我的视频播放器需要在一台主频比较低的机器上跑(800M主频),所以视频解码能力受 ...

  7. Swift - transform.m34动画示例

    Swift - transform.m34动画示例 效果 源码 https://github.com/YouXianMing/Swift-Animations // // CATransform3DM ...

  8. Android 自定义 ListView 上下拉动“刷新最新”和“加载更多”歌曲列表

    本文内容 环境 测试数据 项目结构 演示 参考资料 本文演示,上拉刷新最新的歌曲列表,和下拉加载更多的歌曲列表.所谓"刷新最新"和"加载更多"是指日期.演示代码 ...

  9. Android 自定义 ListView 显示网络上 JSON 格式歌曲列表

    本文内容 环境 项目结构 演示自定义 ListView 显示网络上 JSON 歌曲列表 参考资料 本文最开始看的是一个国人翻译的文章,没有源代码可下载,根据文中提供的代码片段,自己新建的项目(比较可恶 ...

随机推荐

  1. php 取数组最后一个元素

    可以用end()函数取出数组的最后一个元素, $rList = array( array('id'=>1,'txt'=>'a'), array('id'=>2,'txt'=>' ...

  2. 十、jdk工具之Jdb命令(The Java Debugger)

    目录 一.jdk工具之jps(JVM Process Status Tools)命令使用 二.jdk命令之javah命令(C Header and Stub File Generator) 三.jdk ...

  3. Executors中的几种线程调用方式

    一.Executors是java5以后提供的一套api,使用跟上面非常方便.Sun在Java5中,对Java线程的类库做了大量的扩展,其中线程池就是Java5的新特征之一,除了线程池之外,还有很多多线 ...

  4. javascript的propertyIsEnumerable()方法

    /* propertyIsEnumerable()是用来检测属性是否属于某个对象的,如果检测到了,返回true,否则返回false. 1.这个属性必须属于实例的,并且不属于原型. 2.这个属性必须是可 ...

  5. sorl 6.6.0 定时更新索引

    solr 定时更新索引 – solr 6.6.0 – dataimport.scheduler 这里先重点说下,定时更新引用的org.apache.solr.handler.dataimport.sc ...

  6. J2EE Filter中修改request内容

    最近在做一个微信相关的网站,很多地方涉及到微信表情的输入,导致内容无法插入到数据库,虽然有用到一个表情过滤的工具类,但是需要过滤的地方比较多,于是想到在过滤器中过滤用户请求的内容. request这个 ...

  7. oracle账户密码更新

    oracle忘记用户名密码怎样恢复 首先cmd - sqlplusw 普通用户登陆:用户名:scott(普通用户名)      密码:tiger(普通用户密码) 管理员登陆:用户名:system 密码 ...

  8. Spring-Boot devtools项目自动重启

    配置#use shutdown curl -X POST -i 'http://127.0.0.1:8080/actuator/shutdown'management.endpoints.web.ex ...

  9. Java各种Utils小结

    原文地址:http://trinea.iteye.com/blog/1533616 最新内容建议直接访问原文:Android常用的工具类 主要介绍总结的Android开发中常用的工具类,大部分同样适用 ...

  10. delphi datasnap

    http://blog.csdn.net/shuaihj/article/details/6129121 http://blog.csdn.net/ddqqyy/article/details/617 ...