6.10-构建内凹图形 发表于 2017-03-06 代码清单6-8对渐变应用了不同的扭曲,如图6-16所示。 此函数使用暗到明渐变来产生“内凹”路径效果。 一对阴影 - 顶部的黑色内部阴影和底部的白色阴影 - 增加了错觉。 结合渐变和一个小斜角,他们欺骗你的眼睛看到一个“切割”的形状。 图6-16顶部:渐变加强了这个图像的“内凹”外观。 底部:渐进 ... 阅读全文 »
6.9-绘制3D字母 发表于 2017-03-05 清单6-7合并了要读到的构建3D字母效果的技术,如图6-15所示。 到目前为止,在本章中,您已经阅读了关于透明度图层,渐变和路径描边的剪切。 单独来看,这些工具每个都是dry和unengaging的。 但是,结合到一起,他们就会产生在这里看到的引人注目的结果。 图6-15使用渐变,透明度层和路径裁 ... 阅读全文 »
6.8-在路径边缘上绘制渐变 发表于 2017-03-04 我经常被问到如何使用路径的边缘。 通常这是在测试触摸Bezier路径的上下文中,但有时开发人员只是想知道如何在一个路径的边缘添加特殊效果。 有一个奇怪的Core Graphics小函数称为CGPathCreateCopyByStrokingPath()。 它构建一个具有指定宽度的路径,围绕给定贝塞尔 ... 阅读全文 »
6.7-混合线性和径向渐变 发表于 2017-03-03 你完全可以在你的图纸中混合线性和径向效果。 例如,示例6-6在由示例6-5构建的基础上绘制了一个蓝色径向渐变。 这产生了令人愉悦的发光按钮效果,如图6-13所示。 示例6-6使用Ease-In-Out绘制径向渐变 123456789101112131415161718CGRect insetRec ... 阅读全文 »
6.6-翻转渐变 发表于 2017-03-02 渐变自然模仿光(照效果)。 当倒置时,它们建立视觉中空。 这些是在物理世界中内凹以捕获反转光(照射)模式的区域。你在图6-12看到, 绘制渐变第一种方式,然后在插入后,建立的其他效果。 图6-12反转渐变创建一个3D插入效果。 示例6-5显示了构建左侧圆形示例的代码。 它创建从浅灰色到深灰色的渐变 ... 阅读全文 »
6.5-状态和透明层 发表于 2017-03-01 在继续深入渐变之前,本章需要退后一步,覆盖一个重要的Quartz绘图功能。 此特性在本章中的示例中使用,值得解释。 如果您使用Photoshop(或类似的图像合成和编辑应用程序),您可能熟悉图层。 图层将图形封装到不同的单个容器中。 您可以堆叠这些图层以构建复杂的绘图,并应用图层效果以向每个图层的内 ... 阅读全文 »
6.4-添加边缘效果 发表于 2017-02-28 径向渐变使您能够在圆圈中绘制有趣的边缘效果。 看图6-8所示的效果。 它是一个表达正弦波的渐变。 但是,它只绘制在圆的边缘,路径的中心保持不变。 图6-8基于正弦的梯度仅应用于圆的边缘。 示例6-2使用非直观的方法来实现这种效果,演示了一种有趣的应用渐变的方法。 正弦函数仅压缩到渐变的最后25%。 ... 阅读全文 »
6.3-构建渐变 发表于 2017-02-27 每个渐变都包含两个值集合: 一系列有序的颜色 发生颜色变化的位置 例如,您可以定义一个渐变,沿渐变的方向从红色到绿色到蓝色渐变,(位置点)从0.0到0.5到1.0。 渐变在这些参考点之间的插入任何值。沿着渐变的三分之一,在0.33位置,颜色是从红色到绿色的方式的大约66%。 或者,例如,想象一个 ... 阅读全文 »
6.2-绘制渐变 发表于 2017-02-26 Quartz提供了两种绘制渐变的方式:线性和径向。CGContextDrawLinearGradient()和CGContextDrawRadialGradient()函数在您指定的开始点和结束点之间绘制一个渐变。本节中的数字都使用相同的紫色到绿色渐变,以及共同的开始和结束点。不同的是用于绘制渐变到 ... 阅读全文 »
6.1-渐变 发表于 2017-02-25 渐变进程总是涉及至少两种颜色。颜色与起始点和结束点相关联,范围在0和1之间。除此之外,渐变可以像您想要的那样简单或复杂。图6-1演示了此范围。图6-1中的顶部图像显示了最简单的可能梯度。它从白色(0)变为黑色(1)。底部图像显示了从24个单独色调构建的梯度,参考颜色沉积在等距点处。这个复杂的梯度是从 ... 阅读全文 »