自定义表格单元格

2016-04-13  本文已影响0人  lmwxhyy

想要应用程序更好看吗? 可以使用自定义表格,使单元格更好看。

设计原型单元格界面

1,首先选择原型单元格,将基本风格变更为自定义风格

2,为了适应更大的缩略图,我们必须使单元格大一点,将其设置为80

3,拖一个图像视图对象从对象库到单元格

4,添加三个标签到单元格

名称:餐厅名称

位置:餐厅位置

类型:餐厅类型

已经完成了原型单元格的布局,接下来编写一些代码

1,创建自定义单元格类

打开XCODE,新建Cocoa Touch Class,名称为RestaurantTableViewCell,写入如下代码:

2,建立连接

右键单击文档中的原型大纲视图,拖动thumbnailImageView,到UIImageView对象,自动建立连接

3,重复上述过程建立以下连接:

位置

名称

类型

4,对视图控制器进行代码编写

修改代码如下:

dequeueReusableCellWithIdentifier方法默认情况下,会返回一个通用UITableViewCell类型的单元格,为了使用RestaurantTableViewCell类,我们需要将dequeueReusableCellWithIdentifier返回的对象转换为RestaurantTableViewCell。

在SWIFT,使用as!关键字进行强制转换。

5,添加一下代码

textLabel和imageView都默认UITableViewCell类的属性,这里要使用RestaurantTableViewCell自定义类属性。

6,现在可以运行应用了,看效果

上一篇 下一篇

猜你喜欢

热点阅读