第二章 自定义单元格

本项目是《beginning iOS8 programming with swift》中的项目学习笔记==》全部笔记目录

------------------------------------------------------------------------------------------------------------------

1.    修改单元格style为custom，选中TableView设置Row Height为80，选中单元格，设置Row Height为80（勾选custom）.

2.    拖一个ImageView控件到Cell中，设置大小为（15，10，60，60）。

3.    拖一个Label控件到Cell中，文字为Name，设置大小为（86，9，205，21），字体：Avnir Next，大小16，Medium.

4.    拖一个Label控件到Cell中，文字为Location，设置大小为（86，35，205，18），字体：Avnir Next，大小13.

5.    拖一个Label控件到Cell中，文字为Type，设置大小为（86，54，205，21），字体：Avnir Next，大小11.

效果图：

6.    新建CustomTableViewCell类，继承自UITableViewCell。

7.    定义IBOutlet：

@IBOutlet weak var nameLabel: UILabel!
@IBOutlet weak var lacationLabel: UILabel!
@IBOutlet weak var typeLabel: UILabel!
@IBOutlet weak var thumbnailImageView: UIImageView!

8. 修改表格cell的类为新建的类，并在文档视图中右键表格，连线。

9. 修改控制器中表格数据源方法创建Cell部分的代码，使用新的cell对象。

10. 将图标变成圆形。在创建cell的地方，增加两行代码：

cell.thumbnailImageView.layer.cornerRadius = cell.thumbnailImageView.frame.size.width / 2
cell.thumbnailImageView.clipsToBounds = true

效果图：