5.4 快速生成Invert/Mix/Tint/Shade颜色及调整饱和度灰阶 [iOS开发中的神兵利器]



1. 本节课将为您演示,第三类库对颜色类的扩展。首先确保在您的项目中,已经安装了所需的第三方库。双击此处查看安装配置文件。


2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。


3. 然后在左侧的项目导航区,打开视图控制器的代码文件。


4. 现在开始编写代码,获得某个颜色的亮色、暗色、灰阶、反色、混合色等。


5. 首先在当前的类文件中,引入已经安装的第三方类库。


6. 接着给当前的类,添加集合视图数据源和代理协议。


7. 初始化一个字符串常量,作为集合视图单元格的复用标识。


8. 继续添加一个集合视图变量,作为当前类的属性。我们将使用此集合视图,展示颜色的各种变化。


9. 初始化一个颜色数组,作为集合视图的数据源。


10. 返回一个颜色数组,包含原始色的亮色、暗色、饱和度增强、饱和度减弱、灰调、调整色相、互补色、反色、混合色和阴影色等。


11. 初始化另一个数组,用来存储渐变颜色。


12. 返回一个由红、黄、蓝三色组成的渐变颜色。


13. 初始化集合视图的流动布局对象。


14. 设置布局对象的底部区域的参数尺寸。


15. 初始化一个集合视图对象,并设置该对象的显示区域和布局属性。


16. 设置集合视图对象的数据源,为当前的视图控制器对象。


17. 给集合视图进行注册,并设置单元格的复用标识。


18. 最后将集合视图添加到根视图,并重新加载集合视图的数据。


19. 添加一个方法,用来设置集合视图的段落为2。第一个段落用来显示各种扩展色,第二个段落用来显示渐变色。


20. 添加一个方法,根据段落的不同,返回不同的数据源。


21. 接着添加一个方法,设置段落中的单元格的数量。


22. 根据段落的不同,返回不同的单元格数量。


23. 继续添加一个方法,用来初始化或复用集合视图的单元格。


24. 然后根据复用标识,从表格中获取可以复用的单元格。


25. 根据指定的段落和行数获得对应的标题和颜色。


26. 获得在单元格中,标记值为1的标签对象。


27. 如果没有该标签对象,则初始化一个新的标签对象。


28. 初始化一个标签对象,并设置其显示区域。


29. 设置标签对象的字体属性。


30. 设置标签对象的标记值为1。


31. 接着设置标签对象的文字对齐方式为居中对齐,并将标签对象添加到单元格中。


32. 设置标签对象的文字内容,然后将单元格的背景颜色,设置为数据源中的颜色。


33. 最后返回设置好的单元格,接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。




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

0