天天看点

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

我们现在看看我们要做一个什么样的东西

布局

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

通过上面这张图我们可以看出整个demo有两个视图,视图一用来播放音乐,视图二用来选择频道。

视图一

ImageView用来显示音乐的图片

TableView用来显示音乐列表

Progress用来显示播放进度

Label用来显示播放时间

Button用来切换视图

视图二

Lbale显示“选择频道”

Tableview用来显示频道列表

知识要点

组件:

ImageView

TableView

TableViewCell

Progress

Label

Button

MediaPlayer

知识点:

视图之间的跳转,传参,回跳

协议

异步获取数据

Json解析

动画效果

豆瓣API

频道列表

<a href="http://www.douban.com/j/app/radio/channels"><code>http://www.douban.com/j/app/radio/channels</code></a>

歌曲列表

<a href="http://douban.fm/j/mine/playlist?channel=0">http://douban.fm/j/mine/playlist?channel=0</a>

频道列表的json数据参考

歌曲列表的json数据参考

在下一节,我们将一起分享一下怎么在storyboard中进行布局操作。