UIColor (UIColor)

An object that stores color data and sometimes opacity.

存储颜色数据和有时不透明度的对象。

There are several ways to select colors. The two important color identification systems are RGB and HSB. The most useful to programmers is the RGB or Red-Green-Blue color system. Each of the color components can be expressed separately as a value between 0 and 255, with 255 being the full color and 0 being no color.

有几种选择颜色的方法。 两个重要的颜色识别系统是RGB和HSB 。 对程序员最有用的是RGB或Red-Green-Blue颜色系统。 每个颜色分量都可以分别表示为0到255之间的值，其中255为全色，0为无色。

内置UIColor预设 (Built-In UIColor Presets)

There are a few built-in colors, which are accessed with class variables. These are the available preset colors:

有一些内置的颜色，可以使用类变量进行访问。 这些是可用的预设颜色：

If you need to store these, like for background color, you would use the code:

如果您需要存储这些内容(例如背景色)，则可以使用以下代码：

Since this is a class variable, you call these presets directly from the UIColor class, without having to make an instance of it.

由于这是一个类变量，因此您可以直接从UIColor类调用这些预设，而不必创建它的实例。

创建一个自定义UIColor对象 (Creating a custom UIColor Object)

Now, the presets above are useful, but if you want to make your own color i.e. somewhere between those colors. This can be done in swift by instantiating a custom UIColor object with an initializer.

现在，上面的预设非常有用，但是如果您要制作自己的颜色，即介于这些颜色之间的某个位置。 这可以通过使用初始化程序实例化自定义UIColor对象来快速完成。

These are some available initializers,

这些是一些可用的初始化程序，

• init(white: CGFloat, alpha: CGFloat)初始化(白色：CGFloat，alpha：CGFloat)
• init(hue: CGFloat, saturation: CGFloat, brightness: CGFloat, alpha: CGFloat)初始化(色相：CGFloat，饱和度：CGFloat，亮度：CGFloat，alpha：CGFloat)
• init(red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat)初始(红色：CGFloat，绿色：CGFloat，蓝色：CGFloat，alpha：CGFloat)
• init(displayP3Red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat)init(displayP3Red：CGFloat，绿色：CGFloat，蓝色：CGFloat，alpha：CGFloat)
• init(cgColor: CGColor)初始化(cgColor：CGColor)
• init(patternImage image: UIImage)init(patternImage图片：UIImage)
• init(ciColor: CIColor)初始化(ciColor：CIColor)
• init(dynamicProvider: @escaping (UITraitCollection) -> UIColor)初始化(dynamicProvider：@转义(UITraitCollection)-> UIColor)

Each one takes a CGFloat value between 0.0 and 1.0, referring to either the complete absence of or the maximum amount of that color component respectively. So, this means that even if you have pure RGB values in decimal or hexadecimal format, you will have to divide them by decimal 255 to get the amount to input here.

每种颜色的CGFloat值都在0.0到1.0之间，分别表示完全不存在该颜色成分或最大含量。 因此，这意味着即使您具有十进制或十六进制格式的纯RGB值，也必须将它们除以十进制255才能在此处输入数值。

Then we make a new color with one of these initializers and store it in a variable, like so:

然后，使用这些初始化程序之一创建新的颜色，并将其存储在变量中，如下所示：

Instead of decimal values, we can also use HEX values.

除了十进制值，我们还可以使用十六进制值。

Here, the 0x represents the hex type and red, blue, green values are represented as 00.

此处，0x代表十六进制类型，红色，蓝色，绿色值表示为00。

First of all, what is alpha?.

首先，什么是alpha？

Alpha levels are the amount of transparency of color, or how much of the color underneath we can see. These colors can be made completely transparent with an alpha value of 0, or completely opaque with an alpha of 1.

Alpha级别是颜色透明度的数量，或我们可以看到的多少颜色。 可以将这些颜色的alpha值设置为0完全透明，或者将alpha设置为1完全不透明。

UIColor的扩展 (Extension for UIColor)

We can extend our UIColor as

我们可以将UIColor扩展为

NOTE: we cannot name the parameter alpha because of a name collision with the existing initializer.

注意：由于与现有初始化程序的名称冲突，我们无法命名参数alpha 。

It can be called as:

可以称为：

示范项目 (Demo Project)

Let’s make a demonstration project so that you can know better about UIColor.

让我们做一个演示项目，以便您可以更好地了解UIColor。

In this project, I will change the background color of the view using RGB values. I will change the values using sliders for each type(RGB).

在这个项目中，我将使用RGB值更改视图的背景色。 我将使用滑块针对每种类型(RGB)更改值。

• Create a sample project and add three sliders to your main.storyboard. Set the minimum value is 0 and the maximum value is 255.创建一个示例项目，并将三个滑块添加到您的main.storyboard中。 设置最小值为0，最大值为255。
• Create outlets for three sliders and the background view.为三个滑块和背景视图创建插座。
• Create IBAction for three sliders and add RGB values to the background color.为三个滑块创建IBAction并将RGB值添加到背景色。

The code for this project is

该项目的代码是

When we run the app, the result will be

当我们运行该应用程序时，结果将是

When I move the slider, the background color will change according to the values.

当我移动滑块时，背景颜色将根据值而变化。