Swift实战-豆瓣电台(七)显示动画

原文:Swift实战-豆瓣电台(七)显示动画

 

youku观看地址http://v.youku.com/v_show/id_XNzMxODQzNDIw.html

这是一个很酷的动画效果。特别是数据多的时候

知识点

在单元格(Cell)显示方法中设置动画

 

func tableView(tableView: UITableView!, willDisplayCell cell: UITableViewCell!, forRowAtIndexPath indexPath: NSIndexPath!){
        cell.layer.transform = CATransform3DMakeScale(0.1, 0.1, 1)
        UIView.animateWithDuration(0.25, animations: {
            cell.layer.transform=CATransform3DMakeScale(1, 1, 1)
            })
}

willDisplayCell 顾名思义。就是在Cell显示之前。

设置cell的层(layer)的变换(transform)为CATransform3DMakeScale做一个缩放动画。X,y方向的缩放从0.1到1

 

高清视频与代码下载地址

http://pan.baidu.com/s/1sjHd5qX

 

Swift实战-豆瓣电台系列

Swift实战-豆瓣电台(一)准备

Swift实战-豆瓣电台(二)界面布局

Swift实战-豆瓣电台(三)获取网络数据

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

Swift实战-豆瓣电台(五)播放音乐

Swift实战-豆瓣电台(六)视图跳转,传参及回跳

时间: 2024-11-05 12:12:12

Swift实战-豆瓣电台(七)显示动画的相关文章

Swift实战-豆瓣电台(一)准备

原文:Swift实战-豆瓣电台(一)准备   一 准备 我们现在看看我们要做一个什么样的东西   观看地址:http://v.youku.com/v_show/id_XNzI4ODY2Mjky.html 布局   通过上面这张图我们可以看出整个demo有两个视图,视图一用来播放音乐,视图二用来选择频道. 视图一 ImageView用来显示音乐的图片 TableView用来显示音乐列表 Progress用来显示播放进度 Label用来显示播放时间 Button用来切换视图   视图二 Lbale显

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

原文:Swift实战-豆瓣电台(四)歌曲列表的展现 观看地址 http://v.youku.com/v_show/id_XNzMwNDE0OTA4.html 这节的主要内容是如何利用cell展现获取到的数据. 首先申明两个数组来储存我们获取到的数据 var tableData:NSArray=NSArray() var channelData:NSArray=NSArray() tableData是主界面上歌曲列表要用的数据.所以在func tableView(tableView: UITabl

Swift实战-豆瓣电台(二)界面布局

原文:Swift实战-豆瓣电台(二)界面布局   观看地址 http://v.youku.com/v_show/id_XNzMwMDg4NzAw.html   这节的内容主要是storyboard的操作. 有以下几个知识点 1 TableView的DataSource与Delegate的设定.我们将其绑定在ViewController上,使之遵循UITableViewDataSource,UITableViewDelegate协议来实现.然后我们实现了两个函数,一个返回了TableView中行数

Swift实战-豆瓣电台(五)播放音乐

原文:Swift实战-豆瓣电台(五)播放音乐 观看地址 http://v.youku.com/v_show/id_XNzMwODM0MzI0.html   在这节里面,我们简单学习了一下MediaPlayer的使用 引入媒体框架 import MediaPlayer   申明一个媒体播放器 var audioPlayer:MPMoviePlayerController=MPMoviePlayerController();   播放暂停操作 self.audioPlayer.stop() self

Swift实战-豆瓣电台(六)视图跳转,传参及回跳

原文:Swift实战-豆瓣电台(六)视图跳转,传参及回跳 youku观看地址:http://v.youku.com/v_show/id_XNzMxMzQ3MDcy.html 要点 在ChannelController里面声明一个代理   这个代理遵循我们自定义的协议ChannlePrococol.   遵循这个协议的主界面类在注入后有一个回调方法onChangeChanne将所选择的频道返回.   prepareForSegue方法 这个方法是在准备跳转的时候执行的.在这里面我们能拿到将要跳转的

Swift语言实战晋级-第9章 游戏实战-跑酷熊猫-3 显示一个动态的熊猫

原文:Swift语言实战晋级-第9章 游戏实战-跑酷熊猫-3 显示一个动态的熊猫     一个静态的熊猫明显不能满足我们的欲望,接下来我们就让熊猫跑起来.序列帧动画的原理就是不停的切换不同的图片.当我们将一张一张的切换Panda类的跑动文理后,熊猫就跑起来了.那么首先我们需要一个数组常量来储存跑动动画文理,还有一个变量来记录熊猫当前的动作状态. let runFrames = [SKTexture]()   //动作状态,默认值为枚举中的跑 var status = Status.run    

Android Animation动画实战(一): 从布局动画引入ListView滑动时,每一Item项的显示动画

前言:   之前,我已经写了两篇博文,给大家介绍了Android的基础动画是如何实现的,如果还不清楚的,可以点击查看:Android Animation动画详解(一): 补间动画 及 Android Animation动画详解(二): 组合动画特效 . 已经熟悉了基础动画的实现后,便可以试着去实现常见APP中出现过的那些精美的动画.今天我主要给大家引入一个APP的ListView的动画效果: 当展示ListView时,Listview的每一个列表项都按照规定的动画显示出来.   说起来比较抽象,

关东升的《iOS实战:图形图像、动画和多媒体卷(Swift版)》上市了

    关东升的<iOS实战:图形图像.动画和多媒体卷(Swift版)>上市了        承蒙广大读者的厚爱我的<iOS实战:图形图像.动画和多媒体卷(Swift版)>京东上市了,欢迎广大读者提出宝贵意见..http://item.jd.com/11760249.html 欢迎关注关东升新浪微博@tony_关东升. 关注智捷课堂微信公共平台,了解最新技术文章.图书.教程信息 更多精品iOS.Cocos.移动设计课程请关注智捷课堂官方网站:http://www.zhijieket

从零开始学习jQuery (七) jQuery动画实现 让页面动起来_jquery

一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单! 二.前言 本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识, 虽然总有人希望要复杂一些的应用示例, 但是我想还是让我们先把基础打牢,  有了扎实的基础凭借每