iOS开发互动教程

5.8 自定义UITableView单元格Accessory样式

2018-04-11  本文已影响0人  互动教程网

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

11. 添加一个代理方法,用来初始化或复用表格视图中的单元格。

image

12. 创建一个字符串,作为单元格的复用标识符。

image

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

image

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

image

15. 获取当前单元格,在段落中的行数。

image

16. 根据当前单元格的行数,生成一个序列化的字符串,作为当前单元格的标题文字。

image

17. 然后返回设置好的单元格对象。

image

18. 添加一个代理方法,用来响应单元格的点击事件。

image

19. 获取表格中被点击的单元格。

image

20. 如果被点击的单元格,没有显示附加图标,则显示复选标记图标,表示当前单元格处于选中状态。

image

21. 如果被点击的单元格,已经存在附加图标,则隐藏附加图标,表示当前单元格处于非选中状态。然后点击[编译并运行]按钮,启动模拟器预览项目。

image

22. 在弹出的模拟器中,点击表格任一行,并留意行尾附加图标的变化。

23. 点击其它表格行,观察附加图标的变化。

image

24. 再次点击同一行单元格,将取消附加图标的显示。

image

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

image

image

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

上一篇下一篇

猜你喜欢

热点阅读