5.4 快速生成Invert/Mix/Tint/Shade颜色及
1. 本节课将为您演示,第三类库对颜色类的扩展。首先确保在您的项目中,已经安装了所需的第三方库。在此处双击查看安装配置文件。
![](https://img.haomeiwen.com/i5981183/f2e60c9c9456a4bd.png)
2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。
![](https://img.haomeiwen.com/i5981183/dca6adafa10af9af.png)
![](https://img.haomeiwen.com/i5981183/6185311f24163ec2.png)
4. 现在开始编写代码,获得某个颜色的亮色、暗色、灰阶、反色、混合色等。
![](https://img.haomeiwen.com/i5981183/2daa5fa3850b7e95.png)
![](https://img.haomeiwen.com/i5981183/2d23c6a1543120ac.png)
![](https://img.haomeiwen.com/i5981183/34da6159a8c71807.png)
![](https://img.haomeiwen.com/i5981183/68c3dcd03ed84e22.png)
8. 继续添加一个集合视图变量,作为当前类的属性。您将使用此集合视图,展示颜色的各种变化。
![](https://img.haomeiwen.com/i5981183/893c9e75311a8332.png)
![](https://img.haomeiwen.com/i5981183/b9eb0c6f9952604b.png)
10. 返回一个颜色数组,包含原始色的亮色、暗色、饱和度增强、饱和度减弱、灰调、调整色相、互补色、反色、混合色和阴影色等。
![](https://img.haomeiwen.com/i5981183/2668ab314e51bafa.png)
![](https://img.haomeiwen.com/i5981183/cb78379af9c2b428.png)
![](https://img.haomeiwen.com/i5981183/06d7e53c4dec31c2.png)
![](https://img.haomeiwen.com/i5981183/e1b8d43372b18806.png)
![](https://img.haomeiwen.com/i5981183/12a64e0c6c437f27.png)
15. 初始化一个集合视图对象,并设置该对象的显示区域和布局属性。
![](https://img.haomeiwen.com/i5981183/fa92224b6ff4662c.png)
![](https://img.haomeiwen.com/i5981183/92c97800507021bf.png)
![](https://img.haomeiwen.com/i5981183/abeb30e9599cfb9c.png)
18. 最后将集合视图添加到根视图,并重新加载集合视图的数据。
![](https://img.haomeiwen.com/i5981183/e0853a1384610db2.png)
19. 添加一个方法,用来设置集合视图的段落为2。第一个段落用来显示各种扩展色,第二个段落用来显示渐变色。
![](https://img.haomeiwen.com/i5981183/703f6e461af3af08.png)
![](https://img.haomeiwen.com/i5981183/4202de8c022a9078.png)
![](https://img.haomeiwen.com/i5981183/fea96903acd9fa7e.png)
![](https://img.haomeiwen.com/i5981183/7d6b19f7d9bf50e0.png)
23. 继续添加一个方法,用来初始化或复用集合视图的单元格。
![](https://img.haomeiwen.com/i5981183/29827d653250c282.png)
24. 然后根据复用标识,从集合视图中获取可以复用的单元格。
![](https://img.haomeiwen.com/i5981183/65ece0ab8eee3408.png)
![](https://img.haomeiwen.com/i5981183/a26c73494dc8a8d8.png)
![](https://img.haomeiwen.com/i5981183/219d1c7fca45e3fb.png)
![](https://img.haomeiwen.com/i5981183/19ddd8c558c13bfc.png)
![](https://img.haomeiwen.com/i5981183/792be0169884ae12.png)
![](https://img.haomeiwen.com/i5981183/1ca0f9880c7836aa.png)
![](https://img.haomeiwen.com/i5981183/8c204ec529cc64f0.png)
31. 接着设置标签对象的文字对齐方式为居中对齐,并将标签对象添加到单元格中。
![](https://img.haomeiwen.com/i5981183/24bcb9e83f251a70.png)
32. 设置标签对象的文字内容,然后将单元格的背景颜色,设置为数据源中的颜色。
![](https://img.haomeiwen.com/i5981183/9d7cb8c42a9158d6.png)
33. 最后返回设置好的单元格,接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
![](https://img.haomeiwen.com/i5981183/b9bf800decd247f9.png)
34. 在模拟器的上方显示了由原始色扩展出的各种颜色,而在下方的区域则显示了一组渐变颜色。最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。
![](https://img.haomeiwen.com/i5981183/d74a9320f36adb2e.png)
本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
![](https://img.haomeiwen.com/i5981183/dbb5a7562b6b08f2.png)