Swift 学习之tableView实现

发表于   |   分类于   |  

在做移动端开发时，难免会用到tableview 来渲染列表数据，像这样:

实现也很简单，先贴出code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import UIKit
let homeCellID = "homeCellID"
class YMTopicViewController: YMBaseViewController, UITableViewDelegate, UITableViewDataSource, YMHomeCellDelegate {
    var type = Int()
    
    var tableView = UITableView()
    /// 首页列表数据
    var items = [YMHomeItem]()
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = YMGlobalColor()
        setupTableView()
        // 获取首页数据
        weak var weakSelf = self
        YMNetworkTool.shareNetworkTool.loadHomeInfo(type) { (homeItems) in
            weakSelf!.items = homeItems
            weakSelf?.tableView.reloadData()
        }
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let homeCell = tableView.dequeueReusableCellWithIdentifier(homeCellID) as! YMHomeCell
        homeCell.homeItem = items[indexPath.row]
        homeCell.delegate = self
        return homeCell
    }
    
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
        let detailVC = YMDetailViewController()
        detailVC.homeItem = items[indexPath.row]
        detailVC.title = "攻略详情"
        navigationController?.pushViewController(detailVC, animated: true)
    }
    
    
    func homeCellDidClickedFavoriteButton(button: UIButton) {
        print("favorite button click")
        let loginVC = YMLoginViewController()
        loginVC.title = "登录"
        let nav = YMNavigationController(rootViewController: loginVC)
        presentViewController(nav, animated: true, completion: nil)
    }
    
    func setupTableView() {
        let tableView = UITableView()
        tableView.frame = view.bounds
        tableView.delegate = self
        tableView.dataSource = self
        tableView.rowHeight = 160
        tableView.separatorStyle = .None
        tableView.contentInset = UIEdgeInsetsMake(kTitlesViewY + kTitlesViewH, 0, tabBarController!.tabBar.height, 0)
        tableView.scrollIndicatorInsets = tableView.contentInset
        let nib = UINib(nibName: String(YMHomeCell), bundle: nil)
        tableView.registerNib(nib, forCellReuseIdentifier: homeCellID)
        view.addSubview(tableView)
        self.tableView = tableView
    }
    
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    
    /*
     // MARK: - Navigation
     
     // In a storyboard-based application, you will often want to do a little preparation before navigation
     override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
     // Get the new view controller using segue.destinationViewController.
     // Pass the selected object to the new view controller.
     }
     */
    
}

首先，当前要渲染出tableview的controller要实现UITableViewDelegate, UITableViewDataSource协议的方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let homeCell = tableView.dequeueReusableCellWithIdentifier(homeCellID) as! YMHomeCell
    homeCell.homeItem = items[indexPath.row]
    homeCell.delegate = self
    return homeCell
}
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    let detailVC = YMDetailViewController()
    detailVC.homeItem = items[indexPath.row]
    detailVC.title = "攻略详情"
    navigationController?.pushViewController(detailVC, animated: true)
}

tableView.dequeueReusableCellWithIdentifier(homeCellID) as! YMHomeCell 用来绑定具体的tablecell，渲染成子模板。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
func setupTableView() {
        let tableView = UITableView()
        tableView.frame = view.bounds
        tableView.delegate = self
        tableView.dataSource = self
        tableView.rowHeight = 160
        tableView.separatorStyle = .None
        tableView.contentInset = UIEdgeInsetsMake(kTitlesViewY + kTitlesViewH, 0, tabBarController!.tabBar.height, 0)
        tableView.scrollIndicatorInsets = tableView.contentInset
        let nib = UINib(nibName: String(YMHomeCell), bundle: nil)
        tableView.registerNib(nib, forCellReuseIdentifier: homeCellID)
        view.addSubview(tableView)
        self.tableView = tableView
    }

当中的let nib = UINib(nibName: String(YMHomeCell), bundle: nil)tableView.registerNib(nib, forCellReuseIdentifier: homeCellID) 是

将xib文件从磁盘载入内存中。