原文:Swift實(shí)戰(zhàn)-豆瓣電臺(tái)（一）準(zhǔn)備

?

一 準(zhǔn)備

我們現(xiàn)在看看我們要做一個(gè)什么樣的東西

?

觀看地址：http://v.youku.com/v_show/id_XNzI4ODY2Mjky.html

布局

?

通過(guò)上面這張圖我們可以看出整個(gè)demo有兩個(gè)視圖，視圖一用來(lái)播放音樂(lè)，視圖二用來(lái)選擇頻道。

視圖一

ImageView用來(lái)顯示音樂(lè)的圖片

TableView用來(lái)顯示音樂(lè)列表

Progress用來(lái)顯示播放進(jìn)度

Label用來(lái)顯示播放時(shí)間

Button用來(lái)切換視圖

?

視圖二

Lbale顯示“選擇頻道”

Tableview用來(lái)顯示頻道列表

?

知識(shí)要點(diǎn)

組件：

ImageView

TableView

TableViewCell

Progress

Label

Button

MediaPlayer

?

知識(shí)點(diǎn)：

視圖之間的跳轉(zhuǎn)，傳參，回跳

協(xié)議

異步獲取數(shù)據(jù)

Json解析

動(dòng)畫(huà)效果

豆瓣API

頻道列表

http://www.douban.com/j/app/radio/channels

歌曲列表

http://douban.fm/j/mine/playlist?channel=0

?

頻道列表的json數(shù)據(jù)參考

{"channels": [{"name_en": "Personal Radio","seq_id": 0,"abbr_en": "My","name": "私人兆赫","channel_id": 0},{"name": "華語(yǔ)","seq_id": 0,"abbr_en": "","channel_id": "1","name_en": ""}] }

?

?

歌曲列表的json數(shù)據(jù)參考

{"r": 0,"is_show_quick_start": 0,"song": [{"album": "/subject/7153475/","picture": "http://img3.douban.com/lpic/s7022222.jpg","ssid": "cd19","artist": "Herman's Hermits","url": "http://mr3.douban.com/201406201304/a687b5d793bb3233e243f05a3e502b20/view/song/small/p2087018.mp3","company": "Warner","title": "Smile Please","rating_avg": 0,"length": 165,"subtype": "","public_time": "2004","songlists_count": 0,"sid": "2087018","aid": "7153475","sha256": "5f6ba79e1463c1b54d0be17d090d4ee09d55121a91905ddd2217b0ba458ca7a2","kbps": "64","albumtitle": "The Best of","like": "0"},{"album": "/subject/1947603/","picture": "http://img3.douban.com/lpic/s4458282.jpg","ssid": "b80e","artist": "Pompeii","url": "http://mr3.douban.com/201406201304/f8ea9c7ba0793030c8c486152d51527e/view/song/small/p2087210.mp3","company": "Warner","title": "Ten Hundred Lights","rating_avg": 3.81894,"length": 255,"subtype": "","public_time": "2006","songlists_count": 0,"sid": "2087210","aid": "1947603","sha256": "761fb793fd0571663c469a10bf9fc3bf0e2e3b329ecc5dddad8a2d28fd7ac0c7","kbps": "64","albumtitle": "Assembly","like": "0"}] }

?

?

在下一節(jié)，我們將一起分享一下怎么在storyboard中進(jìn)行布局操作。

總結(jié)

以上是生活随笔為你收集整理的Swift实战-豆瓣电台（一）准备的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。