自定义表格单元格
2016-04-13 本文已影响0人
lmwxhyy
想要应用程序更好看吗? 可以使用自定义表格,使单元格更好看。
设计原型单元格界面
1,首先选择原型单元格,将基本风格变更为自定义风格
![](https://img.haomeiwen.com/i1863500/57a44d90557caf92.jpg)
2,为了适应更大的缩略图,我们必须使单元格大一点,将其设置为80
![](https://img.haomeiwen.com/i1863500/d19ab9ba3db7fba5.jpg)
3,拖一个图像视图对象从对象库到单元格
![](https://img.haomeiwen.com/i1863500/8a93eb69dc0485e5.jpg)
4,添加三个标签到单元格
名称:餐厅名称
位置:餐厅位置
类型:餐厅类型
![](https://img.haomeiwen.com/i1863500/dd4d6e2b088a4b9d.jpg)
已经完成了原型单元格的布局,接下来编写一些代码
1,创建自定义单元格类
打开XCODE,新建Cocoa Touch Class,名称为RestaurantTableViewCell,写入如下代码:
![](https://img.haomeiwen.com/i1863500/c23598a25207bd00.jpg)
2,建立连接
右键单击文档中的原型大纲视图,拖动thumbnailImageView,到UIImageView对象,自动建立连接
![](https://img.haomeiwen.com/i1863500/761a06a6da9a01e5.jpg)
3,重复上述过程建立以下连接:
位置
名称
类型
![](https://img.haomeiwen.com/i1863500/29bb3db3f0bf2d70.jpg)
4,对视图控制器进行代码编写
修改代码如下:
![](https://img.haomeiwen.com/i1863500/61fea2d9b4e3814a.jpg)
dequeueReusableCellWithIdentifier方法默认情况下,会返回一个通用UITableViewCell类型的单元格,为了使用RestaurantTableViewCell类,我们需要将dequeueReusableCellWithIdentifier返回的对象转换为RestaurantTableViewCell。
在SWIFT,使用as!关键字进行强制转换。
5,添加一下代码
![](https://img.haomeiwen.com/i1863500/6ca4f41542af3a35.jpg)
textLabel和imageView都默认UITableViewCell类的属性,这里要使用RestaurantTableViewCell自定义类属性。
6,现在可以运行应用了,看效果
![](https://img.haomeiwen.com/i1863500/52d379306969947f.jpg)