自定义表格单元格

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

设计原型单元格界面

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,现在可以运行应用了,看效果


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容