原文:Swift實(shí)戰(zhàn)-豆瓣電臺(tái)（四）歌曲列表的展現(xiàn)

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

這節(jié)的主要內(nèi)容是如何利用cell展現(xiàn)獲取到的數(shù)據(jù)。

首先申明兩個(gè)數(shù)組來儲(chǔ)存我們獲取到的數(shù)據(jù)

var tableData:NSArray=NSArray() var channelData:NSArray=NSArray()

tableData是主界面上歌曲列表要用的數(shù)據(jù)。所以在func tableView(tableView: UITableView!, numberOfRowsInSection section: Int)這個(gè)方法中要返回tableData的數(shù)量

func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int{return tableData.count }

然后我們把tableData中的數(shù)據(jù)填充到主界面的TableView中

let cell=UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "douban") let rowData:NSDictionary=self.tableData[indexPath.row] as NSDictionary cell.text=rowData["title"] as String cell.detailTextLabel.text=rowData["artist"] as NSString

接著我們在顯示縮略圖的時(shí)候先給一張默認(rèn)的圖片

cell.image=UIImage(named:"detail.jpg")

然后我們?nèi)プト【W(wǎng)絡(luò)圖片，同樣，是用異步的方式。為了提高性能，我們對獲取的圖片做了一個(gè)緩存

var imageCache = Dictionary<String,UIImage>()

通過圖片的地址來緩存UIImage

?

let url=rowData["picture"] as Stringlet image=self.imageCache[url] as?UIImageif !image?{let imgURL:NSURL=NSURL(string:url)let request:NSURLRequest=NSURLRequest(URL: imgURL)NSURLConnection.sendAsynchronousRequest(request, queue: NSOperationQueue.mainQueue(), completionHandler: {(response:NSURLResponse!,data:NSData!,error:NSError!)->Void invar img=UIImage(data:data)cell.image=imgself.imageCache[url]=img})}else{cell.image=image}

?

本節(jié)高清視頻和代碼下載地址

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

下一節(jié)，我們將一起學(xué)習(xí)一下播放歌曲和展示當(dāng)前歌曲圖片

?

Swift實(shí)戰(zhàn)-豆瓣電臺(tái)系列

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

Swift實(shí)戰(zhàn)-豆瓣電臺(tái)（二）界面布局

Swift實(shí)戰(zhàn)-豆瓣電臺(tái)（三）獲取網(wǎng)絡(luò)數(shù)據(jù)

?

總結(jié)

以上是生活随笔為你收集整理的Swift实战-豆瓣电台（四）歌曲列表的展现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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