如何设置CGColor颜色值

之前发了一篇关于如何在iPhone中使用渐变的文章,忽然想起来本站并没有相关介绍颜色的文章。这里简单介绍一下如何取CGColor的颜色值,最好你对色彩的构成有一点基础,如果会用Photoshop就更好了,因为本文内容中会掺杂有一点Photoshop的知识。这篇文章的内容同时支持Mac与iPhone。

要在屏幕上显示颜色,通常需要使用RGB去表示。R表示红、G表示绿、B表示蓝。CMYK也是用于表示颜色的方法,但是由于CMYK是用于印刷,因此RGB范畴内的颜色有一些是无法用CMYK表示的(比如比较亮的萤光色)。它们之间的差别主要是RGB表示的是发光物体的颜色(屏幕本身是发光直射到眼睛的),而CMYK表示的是反射光(比如纸上的图,是别的物体比如太阳或者灯发光,通过它反射到我们眼睛里,我们才看到颜色)。这里面比较深入的内容如果你有兴趣请你去搜索。

如果你了解一点web上取颜色的方法,你应该知道web中颜色的数值是这样表示的:

#FFCC00 表示一种亮黄,前两位FF是红色分量,CC是绿色分量,00是蓝色分量。00表示黑,也就是没有这个颜色,FF表示这个颜色的最大值。这个数字越小越暗(屏幕不发光),越大越亮(光越强)。

 

通过Core Library的文档,我们知道创建颜色有这么几个方法:

CGColorCreate
CGColorCreateCopy
CGColorCreateGenericGray
CGColorCreateGenericRGB
CGColorCreateGenericCMYK
CGColorCreateCopyWithAlpha
CGColorCreateWithPattern

再来看一下CGColorCreate

CGColorRef CGColorCreate (

CGColorSpaceRef colorspace,

const CGFloat components[]

);

 

我们通过CGColorCreate就可以创建颜色。既然我们要用RGB表示颜色,那么colorspace这个参数我们就可以使用CGColorSpaceCreateDeviceRGB(),而我们主要来探讨components这个参数。

 

这个参数是一个数组,带有4个数值:

 

float color[]={红色分量, 绿色分量, 蓝色分量, alpha分量};

 

这4个数值都是0-1区间,0表示黑(不发光),数字越大这种颜色的光线越强,alpha分量表示透明度。比如{1.0, 0, 0,1.0}就是纯红色而且完全不透明。

 

纯红、纯绿、纯蓝很简单,可是如何在程序中使用我想要的其他颜色呢?

 

比如我想使用渐变创建下面这幅图,我先用Photoshop选两个颜色,把它画出来:


 

 

用Photoshop取色的比较简单的方法是先按热键B,选择画笔,然后按住option(Windows版是alt),鼠标指针就变成了吸管。在需要取色的地方按一下,当前颜色就设置成了鼠标位置上的颜色。

 

我们就得到了这两个不同的蓝色。

点一下工具条上的当前色,拾色器就出来了:

 

我们可以看到比较浅的这个蓝色的RGB数值是:174,201,255。

 

那么我们需要的CGColor的颜色是什么呢?就是{174/255, 201/255, 255/255, 1.0} 因为Photoshop中RGB颜色的范畴是0-255,我们只需要做一下除法就可以了。

 

结果就是

 

float lightblue[]={0.6824f, 0.7882f, 1.0f, 1.0f};

 

同理,深一点的那个蓝色的值

 

就是 {0, 58/255, 163/255, 1.0},也就是

 

float darkblue[]={0.0f, 0.2275f, 0.6392f, 1.0f};

 

这样一来,你就可以用CGColor在程序中画出任何你想要的颜色了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值