[Swift通天遁地]二、表格表单-(1)创建自定义的UITableViewCell(单元格类)

目录：[Swift]通天遁地Swift

本文将演示如何在表单视图中，添加一个自定义的单元格类。

首先创建一个自定义的单元格类。

在项目文件夹【DemoApp】上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch Class】->【Next】->

【Class】：CustomizeUITableViewCell ,类名。

【Subclass of】：UITableViewCell ，父类

【Language】：Swift

->【Next】->【Create】

在项目导航区，打开刚刚创建的代码文件【CustomizeUITableViewCell.swift】

现在开始编写代码，往自定义单元格中，添加一些控件。

import UIKit

class CustomizeUITableViewCell: UITableViewCell
{
    //该单元格拥有三个子元素，分别是：
    //1.左侧的缩略图
    var thumbnail : UIImageView!
    //2.中间的标题
    var title : UILabel!
    //3.右侧的细节按钮
    var detail : UIButton!
    
    //重写单元格的自定义方法，在该方法中对单元格进行自定义操作
    override init(style: UITableViewCellStyle, reuseIdentifier: String?)
    {
        //首先实现父类的初始化方法
        super.init(style: style, reuseIdentifier: reuseIdentifier);
        
        //初始化缩略图对象，用来显示项目中的一张图片
        self.thumbnail = UIImageView(image: UIImage(named: "user"))
        //设置缩略图在单元格中的显示区域，位于单元格的左侧
        self.thumbnail.frame = CGRect(x: 20, y: 10, width: 24, height: 24)
        
        //初始化标题标签，并设置该标签的显示区域
        self.title = UILabel(frame: CGRect(x: 80, y: 0, width: 120, height: 44))
        //设置标签的文字内容
        self.title.text = ""
        //设置标签字体的外观属性
        self.title.font = UIFont(name: "Arial", size: 15)
        
        //初始化细节按钮控件，并设置按钮的显示区域，位于单元格的右侧
        self.detail = UIButton(frame: CGRect(x: 240, y: 12, width: 60, height: 20))
        //设置按钮在正常状态下的标题文字
        self.detail.setTitle("Detail", for: UIControlState())
        //设置按钮标题文字的字体属性
        self.detail.titleLabel?.font = UIFont(name: "Arial", size: 13)
        //设置按钮的背景颜色为橙色
        self.detail.backgroundColor = UIColor.orange
        //设置按钮的层的圆角半径为10，从而创建一个圆角按钮。
        self.detail.layer.cornerRadius = 10
        //给按钮控件绑定点击事件
        self.detail.addTarget(self, action: #selector(CustomizeUITableViewCell.showDetail(_:)), for: UIControlEvents.touchUpInside)
        
        //依次将三个控件添加到单元格中
        self.addSubview(self.thumbnail)
        self.addSubview(self.title)
        self.addSubview(self.detail)
    }
    
    //添加一个方法，用来响应细节按钮的点击事件
    func showDetail(_ sender:UIButton)
    {
        print("Detail Informaiton.")
    }
    
    //添加一个必须实现的初始化方法
    required init(coder aDecoder: NSCoder)
    {
        fatalError("init(code:)has not brrn implomented");
    }
}

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在开始创建一个表格，并在表格中使用刚刚创建的单元格。

import UIKit

//使当前的视图控制器类，遵循表格的数据源协议UITableViewDataSource
class ViewController: UIViewController, UITableViewDataSource {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //获得设备的屏幕尺寸
        let screenRect = UIScreen.main.bounds
        //创建一个矩形区域，作为表格视图的显示区域。
        let tableRect = CGRect(x: 0, y: 20, width: screenRect.size.width, height: screenRect.size.height - 20)
        //初始化一个指定显示区域的表格对象
        let tableView = UITableView(frame: tableRect)
        
        //设置表格对象的数据源为当前的视图控制器对象
        tableView.dataSource = self
        //并将表格视图添加到当前的视图控制器的根视图中
        self.view.addSubview(tableView)
    }
    
    //添加一个代理方法，用来设置表格的行数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
    {
        //在此设置表格拥有20个单元格
        return 20
    }
    
    //添加一个代理方法，用来初始化或复用表格中的单元格
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    {
        //创建一个字符串常量，作为单元格的复用标识
        let identifier = "reusedCell"
        //根据复用标识从表格中获取可以复用的单元格
        var cell:CustomizeUITableViewCell? = tableView.dequeueReusableCell(withIdentifier: identifier) as? CustomizeUITableViewCell
        
        //如果没有可以复用的单元格
        if(cell == nil)
        {
            //则初始化一个自定义的单元格，并设置单元格的复用标识。
            cell = CustomizeUITableViewCell(style: UITableViewCellStyle.default, 
                                            reuseIdentifier: identifier)
        }
        
        //设置自定义单元格的标题文字
        //当然也可以设置单元格的缩略图和细节按钮的相关属性
        cell?.title?.text = "User Name"
        return cell!
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}