iOS Winding Rules：掌握缠绕规则，解锁图形填充奥秘

IOS

2023-11-18 10:22:50

了解 iOS 中的 Winding Rules 缠绕规则对于操纵图形并创建精确的填充区域至关重要。本文将深入探讨 Winding Rules，揭示它们在路径填充中的作用，并提供清晰的示例和代码片段，以帮助您掌握这一概念。

Winding Rules 的本质

Winding Rules 是一组规则，用于确定给定点是否包含在一个封闭路径内。当您使用 Core Graphics 或 UIKit 填充路径时，系统将使用 Winding Rules 来决定哪些像素应包含在填充区域中。

共有两种主要 Winding Rules：

奇偶规则 (Even-Odd Rule) ：从起点到给定点绘制一条射线。如果射线与路径相交的次数为奇数，则该点被视为在区域内。
非零规则 (Nonzero Rule) ：从起点到给定点绘制一条射线。如果射线与路径相交的次数为正，则该点被视为在区域内。

在 iOS 中使用 Winding Rules

要使用特定的 Winding Rules 填充路径，请使用 CGPathFillRule 枚举。以下是两个可用的选项：

enum CGPathFillRule {
  case evenOdd
  case nonzero
}

例如，要使用奇偶规则填充路径，请使用以下代码：

CGContextSetFillColor(context, UIColor.blue.cgColor)
CGContextSetFillRule(context, .evenOdd)
CGContextFillPath(context)

示例和应用

以下是使用 Winding Rules 的一些示例：

镂空效果： 通过将 Winding Rules 设置为 evenOdd，您可以创建镂空区域，其中路径内部的区域保持透明。
复杂填充： 通过结合多个路径和 Winding Rules，您可以创建复杂的填充形状，例如星形或心形。
图像遮罩： 使用 Winding Rules，您可以创建图像蒙版，将图像的某些部分隐藏或显示。

代码示例

import UIKit

let path = UIBezierPath()
path.move(to: CGPoint(x: 100, y: 100))
path.addLine(to: CGPoint(x: 200, y: 200))
path.addLine(to: CGPoint(x: 100, y: 200))
path.close()

let context = UIGraphicsGetCurrentContext()!

context.setFillColor(UIColor.blue.cgColor)
context.setFillRule(.evenOdd)
context.fillPath()