从零开始学Swift之UITableView

本文提供一个基于Storyboard的UITableView的用法,比较适合新手体验从数组的数据放入到UITableView的TableCell里面

第一步

在Storyboard里面,将TableView拉入到View里面,然后在Table View里面添加Table Cell 最后根据自己的情况添加其他组件,这里我添加的是label

从零开始学Swift之UITableView_第1张图片
view

第二步

绑定tableview的dataSource 和 datagate 到viewController,如图所示

从零开始学Swift之UITableView_第2张图片
绑定tableview

第三步

新建一个ViewTableCell.swift的文件,并且继承UITableViewCell。最后在Storyboard中,把第一步添加的label绑定到这个UITableViewCell类中

从零开始学Swift之UITableView_第3张图片
绑定到Cell类中

第四步

要设置table Cell的identifier,我这里是设置成"tableCell",在下面的ViewController里面的实现方法需要用到

从零开始学Swift之UITableView_第4张图片
identifier

第五步

进入ViewController类中,继承UIViewController,UITableViewDelegate,UITableViewDataSource,然后需要实现2个方法

//
//  MainViewController.swift
//  Project02-CustomFonts
//
//  Created by space on 2018/4/20.
//  Copyright © 2018年 space. All rights reserved.
//

import UIKit

class MainViewController: UIViewController ,UITableViewDelegate,UITableViewDataSource{
    
    var data = ["space","使用UITableView","使用UITableViewDelegate","1234567","abcdef","##$%^^&&","[email protected]",
                    "151250070","[email protected]"]
    
    @IBOutlet weak var changeFontButton: UIButton!
    @IBOutlet weak var fontTableView: UITableView!
    
    
    /// 这里是返回tableView的行数
    ///
    /// - Parameters:
    ///   - tableView:
    ///   - section:
    /// - Returns: tableView的行数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return data.count
    }
    
    /// 先添加tableview绑定到ViewController里,然后在ViewDidload里调用网络链接获取到网络数据,然后保存到一个类数组里,然后再加载完数据后调用绑定的
    ///
    /// - Parameters:
    ///   - tableView:
    ///   - indexPath:
    /// - Returns:
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = fontTableView.dequeueReusableCell(withIdentifier: "tableCell", for: indexPath) as! ViewTableCell
        let text = data[indexPath.row]
//        print(text)
        
        cell.textLabel?.text = text
//        cell.textLabel?.textColor = UIColor.black
        
        return cell
    }
    

    override func viewDidLoad() {
        super.viewDidLoad()
        fontTableView.dataSource = self
        changeFontButton.layer.cornerRadius = 50

        // Do any additional setup after loading the view.
    }

    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 prepare(for segue: UIStoryboardSegue, sender: Any?) {
        // Get the new view controller using segue.destinationViewController.
        // Pass the selected object to the new view controller.
    }
    */

}


最后就可以运行程序了,实验结果


从零开始学Swift之UITableView_第5张图片
运行结果

你可能感兴趣的:(从零开始学Swift之UITableView)