阴影是绘制在图形对象下面并偏移的图像，使得阴影模拟投射到图形对象上的光源的效果，如图7-1所示。 文本也可以被遮蔽。 阴影可以使图像呈现三维或仿佛浮动。
7-1 阴影
阴影有三个特点：
- x偏移量，它指定了水平方向上阴影偏离图像的距离。
- y偏移量，它指定了垂直方向上阴影偏离图像的距离。
- 模糊值，指定图像是否具有硬边缘（如图7-2左侧所示）或漫反射边（如图右侧所示）。
本章介绍阴影如何工作，以及如何使用Quartz 2D API创建它们。
7-2 一个阴影没有模糊和另一个与软边缘
阴影如何工作
Quartz中的阴影是图形状态的一部分。 您调用函数CGContextSetShadow，传递图形上下文，偏移值和模糊值。 设置阴影后，您绘制的任何对象都会使用黑色绘制的阴影，该阴影在设备RGB颜色空间中具有1/3 alpha值。 换句话说，使用设置为{0，0，0，1.0 / 3.0}的RGBA值绘制阴影。
您可以通过调用函数CGContextSetShadowWithColor，传递图形上下文，偏移值，模糊值和CGColor对象来绘制彩色阴影。 要为颜色提供的值取决于要绘制的颜色空间。
如果在调用CGContextSetShadow或CGContextSetShadowWithColor之前保存图形状态，则可以通过恢复图形状态来关闭阴影。 您还可以通过将阴影颜色设置为NULL来禁用阴影。
阴影绘图约定因上下文而异
前面描述的偏移指定阴影所在的位置与投射阴影的图像相关。 这些偏移由上下文解释并用于计算阴影的位置：
- 正x偏移指示阴影是在图形对象的右边。
- 在Mac OS X中，正y偏移指示向上位移。 这与Quartz 2D的默认坐标系匹配。
- 在iOS中，如果您的应用程序使用Quartz 2D API创建PDF或位图上下文，正y偏移量表示向上位移。
- 在iOS中，如果图形上下文是由UIKit创建的，例如由UIView对象创建的图形上下文或通过调用UIGraphicsBeginImageContextWithOptions函数创建的上下文，则正y偏移指示向下位移。 这与UIKit坐标系的绘图约定相匹配。
- 阴影绘制约定不受当前转换矩阵的影响。
绘画与阴影
按照以下步骤绘制阴影：
- 保存图形状态。
- 调用函数CGContextSetShadow，传递适当的值。
- 执行要应用阴影的所有绘图。
- 恢复图形状态。
按照以下步骤绘制彩色阴影：
- 保存图形状态。
- 创建一个CGColorSpace对象，以确保Quartz正确解释阴影颜色值。
- 创建一个CGColor对象，指定要使用的阴影颜色。
- 调用函数CGContextSetShadowWithColor，传递适当的值。
- 执行要应用阴影的所有绘图。
- 恢复图形状态。
图7-3中的两个矩形用阴影绘制 - 一个带有彩色阴影。
7-3 一个彩色的阴影和一个灰色阴影
清单7-1中的函数显示了如何设置阴影来绘制如图7-3所示的矩形。 每个编号的代码行的详细说明显示在列表之后。
// 设置阴影的函数
void MyDrawWithShadows (CGContextRef myContext, // 1
CGFloat wd, CGFloat ht);
{
CGSize myShadowOffset = CGSizeMake (-15, 20);// 2
CGFloat myColorValues[] = {1, 0, 0, .6};// 3
CGColorRef myColor;// 4
CGColorSpaceRef myColorSpace;// 5
CGContextSaveGState(myContext);// 6
CGContextSetShadow (myContext, myShadowOffset, 5); // 7
// Your drawing code here// 8
CGContextSetRGBFillColor (myContext, 0, 1, 0, 1);
CGContextFillRect (myContext, CGRectMake (wd/3 + 75, ht/2 , wd/4, ht/4));
myColorSpace = CGColorSpaceCreateDeviceRGB ();// 9
myColor = CGColorCreate (myColorSpace, myColorValues);// 10
CGContextSetShadowWithColor (myContext, myShadowOffset, 5, myColor);// 11
// Your drawing code here// 12
CGContextSetRGBFillColor (myContext, 0, 0, 1, 1);
CGContextFillRect (myContext, CGRectMake (wd/3-75,ht/2-100,wd/4,ht/4));
CGColorRelease (myColor);// 13
CGColorSpaceRelease (myColorSpace); // 14
CGContextRestoreGState(myContext);// 15
}
这里是代码做了什么：
- 采用三个参数 - 图形上下文以及在构建矩形时要使用的宽度和高度。
- 声明并创建一个包含阴影偏移值的CGSize对象。这些值指定了对象左侧15个单位和对象上方20个单位的阴影偏移。
- 声明一个颜色值数组。这个例子使用RGBA，但是这些值不会有任何意义，除非它们与一个颜色空间一起传递给Quartz，这是Quartz正确解释值的必要条件。
- 声明颜色引用的存储。
- 声明颜色空间引用的存储。
- 保存当前图形状态，以便稍后恢复。
- 设置阴影以具有先前声明的偏移值和模糊值5，这表示软阴影边缘。阴影将显示为灰色，具有RGBA值{0,0,0,1 / 3}。
- 接下来的两行代码绘制图7-3右侧的矩形。你用你自己的图形代码替换这些行。
- 创建设备RGB颜色空间。在创建CGColor对象时，需要提供一个颜色空间。
- 创建一个CGColor对象，为设备提供RGB颜色空间和以前声明的RGBA值。此对象指定阴影颜色，在本例中为红色，Alpha值为0.6。
- 设置一个颜色阴影，提供您刚刚创建的红色。阴影使用先前创建的偏移量，模糊值为5，表示软阴影边缘。
- 接下来的两行代码绘制图7-3左侧的矩形。你用你自己的图形代码替换这些行。
- 释放彩色对象，因为它不再需要。
- 释放颜色空间对象，因为它不再需要。
- 在设置阴影之前，将图形状态恢复为之前的状态。
网友评论