我们现在看看我们要做一个什么样的东西
布局
通过上面这张图我们可以看出整个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中进行布局操作。