美文网首页
自定义表格单元格

自定义表格单元格

作者: lmwxhyy | 来源:发表于2016-04-13 10:25 被阅读0次

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

设计原型单元格界面

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

相关文章

  • html列表

    无序列表 有序列表 自定义列表 表格 表格书写的快速格式 表格完全格式 单元格合并 细线表格

  • UITableView

    自定义单元格 表格无论有多少中自定义单元格样式 每一种自定义单元格都有复用的能力所以每一个单元格都要带有一个静态局...

  • 自建表格

    MoreExcel 网页版支持自定义表格。 如上图,表格的名称,表头都是自定义的。表头带有各种单元格式。 More...

  • elemmen-ui表格合并单元格自定义

    elemmen-ui表格合并单元格,本次用自定义label实现,配合template自定义scope内容实现。不用...

  • Flutter开头_效果图和代码相对照_感受Flutter!

    效果图中相对应iOS系统UIKit下【表格视图UITableView、自定义UITableViewCell单元格、...

  • 自定义表格单元格

    想要应用程序更好看吗? 可以使用自定义表格,使单元格更好看。 设计原型单元格界面 1,首先选择原型单元格,将基本风...

  • Excel提高:自定义格式

    本篇适配:小白也会。 WPS表格,自定义格式,路径:右键单击→设置单元格格式→自定义。(快捷键:Ctrl+1→自定...

  • 2.1 创建自定义的UITableViewCell [iOS开发

    1. 本节课将为您演示,如何在表格视图中,添加一个自定义的单元格。首先创建一个自定义的单元格类,在项目文件夹上点击...

  • Part 1-6 表格

    表格实例 每个表格由行与列组成, 表示表格, 表示行, 为单元格, 表示表头的单元格,每行可以由多个单元格组成,每...

  • HTML表单和表格

    1.表格: 行 单个单元格 表头单元格 width 表格边框 borderColor 边框颜色...

网友评论

      本文标题:自定义表格单元格

      本文链接:https://www.haomeiwen.com/subject/hyzilttx.html