美文网首页iOS开发互动教程
5.2 设置UITableView单元格的高度 [iOS开发-X

5.2 设置UITableView单元格的高度 [iOS开发-X

作者: 互动教程网 | 来源:发表于2018-04-11 09:14 被阅读0次

    1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。

    image

    2. 本节课将为您演示,如何制作一个自定义行高的表格视图。首先在一个空白项目中,打开视图控制器的代码文件。

    image

    3. 接着开始编写代码,实现这项功能。

    image

    4. 首先添加两个代理协议。一个是表格视图的数据源协议,另一个是表格视图的代理协议。

    image

    5. 创建一个位置在(0, 40),尺寸为(320, 420)的显示区域。

    image

    6. 初始化一个表格视图,并设置其位置和尺寸信息。

    image

    7. 设置表格视图的代理,为当前的视图控制器类。

    image

    8. 设置表格视图的数据源,为当前的视图控制器类。

    image

    9. 然后将表格视图,添加到当前视图控制器的根视图中。

    image

    10. 添加一个代理方法,用来设置表格视图,拥有5行单元格。

    image

    11. 添加一个代理方法,用来设置表格行的高度为80.

    image

    12. 添加一个代理方法,用来初始化或复用表格视图中的单元格。同时创建一个字符串,作为单元格的复用标识符。

    image

    13. 单元格的标识符,可以看作是一种复用机制。此方法可以从,所有已经开辟内存的单元格里面,选择一个具有同样标识符的、空闲的单元格。

    image

    14. 如果在可重用单元格队列中,没有可以重复使用的单元格,则创建新的单元格。新的单元格具有子标题的单元格样式,并拥有一个复用标识符。

    image

    15. 子标题样式的单元格,拥有一个标签对象,在此设置标签对象的文字内容。

    image

    16. 在标签对象的下方,还有一个字体较小的描述文字标签,同样设置该标签对象的文字内容。

    image

    17. 返回设置好的单元格对象。然后点击[编译并运行]按钮,启动模拟器预览项目。

    image

    18. 点击[停止]按钮,关闭模拟器,并结束本节课程。

    image

    19. 在弹出的模拟器中,显示了您创建的自定义高度的表格对象。点击[停止]按钮,关闭模拟器,并结束本节课程。

    image

    image

    本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

    相关文章

      网友评论

        本文标题:5.2 设置UITableView单元格的高度 [iOS开发-X

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