ios - 如何在 UIView 上设置渐变边框？

Question

在 UIView 上放置一个简单的边框非常容易。您只需链接到 QuartzCore，导入它，然后使用:

self.view.layer.borderColor = [UIColor redColor].CGColor;
self.view.layer.borderWidth = 2.0f;

我的问题是...有没有办法让这个边框使用渐变。我知道如何将渐变蒙版应用到整个 View ，而不仅仅是它的边框。我假设这可能涉及自定义 View 和 CoreGraphics 在 drawRect: 中绘图，但我不确定从哪里开始。

Answer 1

我不完全确定你所说的“渐变”是什么意思。既然你说过你已经使用核心图形将渐变应用于形状，那么我会假设你的意思是(而不是先前答案所指的阴影)。

您不能对边框应用渐变。但是，您可以使用自定义形状创建自己的边框。最简单的方法是创建两条路径，一条外部路径和一条内部路径。为了简单起见，我们假设路径是一个简单的矩形(drawRect 中给出的矩形):

UIBezierPath *path = [UIBezierPath bezierPathWithRect:rect];

第二条路径将是比第一条路径小的内部路径(足以形成边界):

//To create a 1.0f borderWidth
CGRect innerRect = rect;
innerRect.origin.x += 1.0f;
innerRect.origin.y += 1.0f;
innerRect.size.width -= 2.0f;
innerRect.size.height -= 2.0f;
UIBezierPath *innerPath = [UIBezierPath bezierPathWithRect:innerRect];

现在，将内部路径附加到正常路径并确保该路径使用 evenOddFillRule。 evenOddFillRule 将告诉核心图形仅填充外部，而单独保留内部。哦，你会想要剪辑到路径:

[path appendPath:innerPath];
path.usesEvenOddFillRule = YES;
[path addClip];

如果对这个形状应用渐变，它将填充内部路径的外部和外部路径的内部，形成一个渐变边框。

更新

如果您的目标是 iOS 5.0，则可能有更好的方法来执行此操作。我发现了一个非凡的新路径函数，称为 CGPathCreateCopyByStrokingPath() .有关详细信息，请参阅链接，但基本上它会创建一个新路径，该路径是原始路径的描边，因此如果您填充新路径，它会创建与抚摸旧路径相同的图像。这太棒了，因为你可以剪裁它然后用渐变填充，而不是填充新路径，给你一个渐变边框。这比我之前提到的方法要容易得多，但当然，它只适用于 iOS 5.0。这也将使创建新的复杂形状变得更加容易。