iOS开发中的神兵利器

5.4 快速生成Invert/Mix/Tint/Shade颜色及

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

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

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

image

34. 在模拟器的上方显示了由原始色扩展出的各种颜色,而在下方的区域则显示了一组渐变颜色。最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

image

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

apps8 2.png
上一篇下一篇

猜你喜欢

热点阅读