原文:http://coolketang.com/staticCoding/5a9910aafe88c21c80b08edc.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE2OC8zNWQ5MTNmYmM5ZWYxYzhjNGRiNDM5NDQ0YjQ4MTJkMC5wbmc%3D.png?w=700&webp=1)
2. 本节课将为您演示,如何设置单元格的背景颜色。首先在一个空白项目中,打开视图控制器的代码文件。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI5Mi82ZjY2ZWJjNDA5YTc3MGE2N2Q1YjkzN2QxZWU4NzYyNC5wbmc%3D.png?w=700&webp=1)
3. 接着开始编写代码,实现这项功能。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2Mi9kZjNjODY0MGVmYzk0ZjZiMDkzN2Q3MWM4NjczZTY5YS5wbmc%3D.png?w=700&webp=1)
4. 首先添加两个代理协议。一个是表格视图的数据源协议,另一个是表格视图的代理协议。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2OC8wYzJiZmYzYjM1MmNhNzYzMDU0YWY2NmUyNzllMzMzMC5wbmc%3D.png?w=700&webp=1)
5. 创建一个位置在(0, 40),尺寸为(320, 420)的显示区域。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzEzOS9hMzliMDMyODU0YTg1NGE1NTc2YmQ0YzVlZjExODlmYi5wbmc%3D.png?w=700&webp=1)
6. 初始化一个表格视图,并设置其位置和尺寸信息。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYyOC81NDZiMDkwYTdiMDkyMDliMTliMGQ4ZDM0MWVlZTU1NC5wbmc%3D.png?w=700&webp=1)
7. 设置表格视图的代理,为当前的视图控制器类。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc5Ni83NmVlODU1ZTlmNTU3MDViNjFhMDliZmZkY2Q0NjQ4NC5wbmc%3D.png?w=700&webp=1)
8. 设置表格视图的数据源,为当前的视图控制器类。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY1MS8zYTNjYmVhMjkyMTllZDRjYzA4MjA3YTAxNDA2ZWJiYi5wbmc%3D.png?w=700&webp=1)
9. 然后将表格视图,添加到当前视图控制器的根视图中。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE3OS9hYzQ1OWYwNjQzZDQ0Njc0ZjBhNzkwNGY5NmJiN2JmMy5wbmc%3D.png?w=700&webp=1)
10. 添加一个代理方法,用来设置表格视图,拥有7行单元格。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzMwMy85YjY3YjFlYmE0ZWJmNTFmMDVmMDBlZDcwN2I4OWRlNy5wbmc%3D.png?w=700&webp=1)
11. 添加一个代理方法,用来初始化或复用表格视图中的单元格。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkxNS80NTE3ZTljMDk0OTVjNmIzZTQ5MTNmZWUzZDhkNDA4Yi5wbmc%3D.png?w=700&webp=1)
12. 创建一个字符串,作为单元格的复用标识符。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg3NS8wYTE2ZDViNTY5NWRhMjNiMDQzNzYyYmNmYmY2ZGEyMy5wbmc%3D.png?w=700&webp=1)
13. 单元格的标识符,可以看作是一种复用机制。此方法可以从,所有已经开辟内存的单元格里面,选择一个具有同样标识符的、空闲的单元格。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzYxNy9mYWUwMGFkZjNhZGE4MjIxNjUxMzBhMWMwMDY1N2FiOS5wbmc%3D.png?w=700&webp=1)
14. 如果在可重用单元格队列中,没有可以重复使用的单元格,则创建新的单元格。新的单元格具有系统默认的单元格样式,并拥有一个复用标识符。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU5Mi9kYTgzZDM3NWNiYjE3MDk1Y2E0N2ZjNTMxNjQ3MWIxMC5wbmc%3D.png?w=700&webp=1)
15. 默认样式的单元格,拥有一个标签对象,在此设置标签对象的文字内容。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwMS80YmJmODkyNmE4YjAxZmYzYmZmODU0OGI3ZThhM2MxNS5wbmc%3D.png?w=700&webp=1)
16. 获取当前单元格,在段落中的行数。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE3OC9mMTY2ZDMwNTBhOWY0NzNlZjRkOTNlNDIxMzA3Y2Y4Mi5wbmc%3D.png?w=700&webp=1)
17. 如果处于第二行,则设置该单元格的背景颜色为黄色。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE5OC8yMTZkZjk4ZmNlNTQ1YWY5MGJhYWRiYWRmNmZkOGIzNi5wbmc%3D.png?w=700&webp=1)
18. 创建一个位置在(0,0),宽度和高度都是100的显示区域。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc0My83ZDUyZWZkM2NjNzYwNTU1NmE5ZmUyMTZhODhiMjZiZi5wbmc%3D.png?w=700&webp=1)
19. 初始化一个视图,并设置其位置和尺寸信息。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcyMS8yMjQxZmFkOWE2N2ZkZmE4ZDYwMmJjNmEyZmQ1Yjk1MS5wbmc%3D.png?w=700&webp=1)
20. 设置视图的背景颜色为棕色。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc3OS8zNzYzOWRlOTY2NWZkYzBiNmYwNGVlZDgyOWI4NjhkYi5wbmc%3D.png?w=700&webp=1)
21. 然后将设置好的视图,作为单元格的背景视图。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg5NC9kZmNmNmE3NGY2ZjQxNDhjOWRmMzNkZGIwMDJjNTk4Ni5wbmc%3D.png?w=700&webp=1)
22. 返回设置好的单元格对象。然后点击[编译并运行]按钮,启动模拟器预览项目。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI3Ni82ZjE1MzQwNTNiNDYzZmU0YjdhNjY2ZWE3M2Y1ZjY5Yy5wbmc%3D.png?w=700&webp=1)
23. 在弹出的模拟器中,观察第二行单元格的背景颜色,然后点击[停止]按钮,关闭模拟器,并结束本节课程。
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2NS9lNDMzNWQ1NzFjMzIzMDk1MDhmNjc3Yjg4NjdkNmNjNS5wbmc%3D.png?w=700&webp=1)
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY2MS8zYzA0OTUyYWRlNDhiN2Q2ZTE4NWE5OGViNjJhNjFmNS5wbmc%3D.png?w=700&webp=1)
![5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程] 5.5 设置UITableView单元格背景色 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcyOS8xNGU0MWY5N2I2ZDRiNTFmN2JjMTEwODFlMmEwZTEwMS5wbmc%3D.png?w=700&webp=1)