UItableView结合网络请求，多线程，数据解析，MVC实战
学了这么久的swift都没有做过什么东西，今天就以自己的一个小小的联系，讲一下，怎么使用swift在实战中应用MVC，并且结合后面的高级知识：网络请求，JSON数据解析一起应用到一个项目中来。
好了，废话不多说，我们直接开始吧。
首先看看最终的效果：
是不是很简单，就是个UItableView显示一些简单的数据，如果你真的觉得太简单了，那么请绕道，寻找更深入东西，但或者没有你想的那么简单，这不仅仅是一个tableView，为什么呢？下面我就给大家详细介绍一下。
一：首先，既然说到MVC，我们肯定要先从模型开始，新建一个模型类。
因为我们只是现实一张图片和一行文件，所以模型中非常简单，两行代码：
import UIKit
class DataModel: NSObject
{
// 文字
var title : String = ""
// 图片
var photh : String = ""
}
二：然后创建一个自定义Cell，并且和我们前面一样实现相应的方法，并且在里面实现相应的代码：
1:创建两个控件对应的属性：
// 文字
var titleLable : UILabel?
// 图片
var photoImageView : UIImageView?
2:实现init方法，并且在里面调用loadView方法来实现控件的初始化：
override init(style: UITableViewCellStyle, reuseIdentifier: String!)
{
super.init(style: style, reuseIdentifier: reuseIdentifier)
loadView()
}
func loadView()
{
titleLable = UILabel(frame: CGRectMake(, , , ))
titleLable!.textAlignment = NSTextAlignment.Left
titleLable!.numberOfLines =
self.addSubview(titleLable!)
photoImageView = UIImageView(frame: CGRectMake(, , , ))
self.addSubview(photoImageView!)
}
3:然后通过模型来加载数据，这里涉及到了网络请求的知识，请多留意蓝色部分代码：
func loadData(item:DataModel)
{
titleLable?.text = item.title
// 图片转换
var thumbQueue = NSOperationQueue()
var urlString = (item.photh as String)
var url = NSURL(string: urlString)!
let request = NSURLRequest(URL: url)
13 /**
14 <#(NSURLResponse!, NSData!, NSError!) -> Void##(NSURLResponse!, NSData!, NSError!) -> Void#>
15 自己命名
16 */
17
18 //NSURLConnection.sendAsynchronousRequest(request, queue: thumbQueue, completionHandler: )
19 // <#(NSURLResponse!, NSData!, NSError!) -> Void##(NSURLResponse!, NSData!, NSError!) -> Void#>
20
21
22
23 // NSURLConnection.sendAsynchronousRequest(request, queue: thumbQueue) { (response, data, error) -> Void in
24 // let image = UIImage.init(data :data)
25 // dispatch_async(dispatch_get_main_queue(), { () -> Void in
26 // self.photoImageView!.image = image
27 // })
28 //
29 // }
30
31
32 NSURLConnection.sendAsynchronousRequest(request, queue: thumbQueue, completionHandler: { response, data, error in
33 if (error != nil) {
34 println(error)
35
36 } else {
37 let image = UIImage.init(data :data)
38 dispatch_async(dispatch_get_main_queue(), { () -> Void in
39 self.photoImageView!.image = image
40 })
41
42 }
43 })
photoImageView?.layer.masksToBounds = true
photoImageView?.layer.cornerRadius =
photoImageView?.image = UIImage(named: item.photh)
}
3:下面是系统自动实现的方法；
required init(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func setSelected(selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
三：然后就是控制器里面了
1:定义相应的属性
- 1:定义一个UItableView
- 2:定义一个可变数组
- 3:定义一个队列（这里涉及到了多线程）
- 4:定义一个网络请求的api链接
- 5:定义一个刷新控件
var tableView : UITableView!
var dataArray : NSMutableArray = []
var thumbQueue = NSOperationQueue()
let hackerNewsApiUrl = "http://qingbin.sinaapp.com/api/lists?ntype=%E5%9B%BE%E7%89%87&pageNo=1&pagePer=10&list.htm"
let refreshControl = UIRefreshControl()
2:ViewDidLoad中调用相应的方法
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
self.title = "自定义Cell-下拉刷新"
// 创建TableView
createTableView()
// 下载数据
loadData()
}
3:创建TableView方法的实现
func createTableView()
{
// TableView
self.tableView = UITableView(frame: CGRectMake(, , view.frame.size.width, view.frame.size.height))
self.tableView.dataSource = self
self.tableView.delegate = self
view.addSubview(self.tableView)
refreshControl.attributedTitle = NSAttributedString(string: "下拉刷新")
refreshControl.addTarget(self, action: "loadDataSource", forControlEvents: UIControlEvents.ValueChanged)
self.tableView.addSubview(refreshControl)
}
4:加载数据
- 1:通过URL发送请求
- 2:实现一步请求的发送
- 3:使用GCD多多线程实现界面的现实（在主线程中）
- 4:解析加载的json数据（这里可以使用框架SwiftyJSON）
- 5:使用刷新控件实现更好的用户交互效果
// MARK: - 加载数据
func loadDataSource()
{
var loadURL = NSURL(string: hackerNewsApiUrl)!
var request = NSURLRequest(URL: loadURL)
// 线程
var loadDataSourceQueue = NSOperationQueue()
NSURLConnection.sendAsynchronousRequest(request, queue: loadDataSourceQueue, completionHandler: { response, data, error in
if (error != nil)
{
println(error)
dispatch_async(dispatch_get_main_queue(), {
// self.refreshControl?.endRefreshing()
})
}
else
{
let json = NSJSONSerialization.JSONObjectWithData(data, options: NSJSONReadingOptions.MutableContainers, error: nil) as! NSDictionary
let newsDataSource = json["item"] as! NSArray
dispatch_async(dispatch_get_main_queue(),
{
self.dataArray = NSMutableArray()
// 遍历数组
for dict in newsDataSource
{
var item = DataModel()
item.title = dict["title"] as! String
item.photh = dict["thumb"] as! String
self.dataArray.addObject(item)
println(dict["title"])
println(dict)
}
// 刷新时间
var sendDate = NSDate()
var dateformatter = NSDateFormatter()
dateformatter.setLocalizedDateFormatFromTemplate("yyyy年MM月dd日 hh:mm:ss")
var loactionTime = String()
loactionTime = dateformatter.stringFromDate(sendDate)
var title = NSAttributedString(string: "上次刷新时间\(loactionTime)")
self.refreshControl.attributedTitle = title
// 刷新结束
self.refreshControl.endRefreshing()
// 刷新Cell
self.tableView.reloadData()
})
}
})
}
func loadData()
{
}
5:实现UITableView数据源和代理方法，设置对应的属性来显示数据到界面上：
// MARK:- UITableViewDataSource
func numberOfSectionsInTableView(tableView: UITableView) -> Int
{
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
println(dataArray.count)
return self.dataArray.count
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
println(dataArray)
self.tableView.registerClass(ImageCell.self, forCellReuseIdentifier: "cell")
var cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! ImageCell
cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator
//cell = ImageCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "cell")
var item = DataModel()
item = self.dataArray[indexPath.row] as! DataModel
{
cell.loadData(item)
}
return cell
}
func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat
{
}
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath)
{
println("row = %d",indexPath.row)
var detailVC = DetailViewController()
self.navigationController?.pushViewController(detailVC, animated: true)
}
当我们点击对应的行，就会跳到对应行的详细界面：
加载这一行中对应的数据
var detailID = NSInteger()
var detailURL = "http://qingbin.sinaapp.com/api/html/108035.html"
var webView = UIWebView()
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
view.backgroundColor = UIColor.whiteColor()
self.title = "Detail"
self.webView.frame = CGRectMake(, , view.frame.size.width, view.frame.size.height)
self.webView.scalesPageToFit = true
self.webView.delegate = self
view.addSubview(self.webView)
loadData()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func loadData()
{
var url = NSURL(string: self.detailURL)
var urlRequest = NSURLRequest(URL: url!)
webView.loadRequest(urlRequest)
}
// MARK: - UIWebViewDelegate
// 加载失败
func webView(webView: UIWebView, didFailLoadWithError error: NSError)
{
println(error)
}
// 加载完成
func webViewDidFinishLoad(webView: UIWebView)
{
println("完成加载\(webView)")
}
// 开始加载
func webViewDidStartLoad(webView: UIWebView)
{
println("开始加载\(webView)")
}
func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool
{
return true
}
点击之后显示的节目如下：