返回 导航

Swift

hangge.com

Swift - 使用Color Literal实现代码中颜色的智能提示（Xcode自带功能）

作者：hangge | 2018-01-01 08:10
过去我们在代码中如果需给文字或者 View 设置一些 UIColor 颜色值，通常的写法无非就是下面这几种：
//使用UIColor预制的几种常用颜色
UIColor.orange

//使用自定义的RGB配色（10机制形式）
UIColor(red: 55/255, green: 186/255, blue: 89/255, alpha: 0.5)

//使用自定义的RGB配色（16机制形式）
UIColor(red: 0x37/255, green: 0xba/255, blue: 0x46/255, alpha: 0.5)

虽然这样用起来没问题，但还是有些不爽。问题主要在下面两个地方：
  • 写起来麻烦：有时我们想设置一个自定义的颜色，首先要使用取色工具、或画图工具去拿到想要颜色的颜色值，然后再回到代码这边把颜色值拆开设置到 UIColor 上。
  • 看起来不直观：如果是使用内置的常用颜色还好。那些自定义的颜色在代码中完全看不出是什么样子，只有运行后才知道是什么颜色。

1，Color Literal 介绍

  • 为了解决上面这个问题，过去我们常常会安装一些 UIColor 颜色输入辅助插件（比如：OMColorSense）。这样在编写 UIColor 代码时，可以实时显示、或浏览选择相应的颜色。
  • 而从 Xcode8 起，编辑器就自带了这种颜色辅助功能：Color Literal。让我们不再需要安装额外插件。

2，Color Literal 使用

（1）假设我们要给 view 设置个背景色，只要输入“Color Literal”（会有智能提示），然后回车。

（2）默认就是出现一个白色的小方块，表示当前背景设置为白色。

把这段代码复制出来，其实长这样：
self.view.backgroundColor = #colorLiteral(red: 1.0, green: 1.0, blue: 1.0, alpha: 1.0)

（3）双击这个颜色方块，可以在弹出的面板中自由选择颜色。

（4）如果嫌面板提供的颜色还不够，只需点击下方的“Ohter...”按钮，就可以通过色板、取色器、颜色铅笔、颜色值等等来获取想要的颜色。

（5）选择完毕后，小方块里填充的就是刚刚选的颜色了。
评论

全部评论（2）

回到顶部