ios - 如何为uiview制作淡出边框

Question

如何为UIView实现单侧边框和淡出边框。很抱歉，我没有足够的声誉来发布屏幕截图。但 iOS 原生联系人应用程序中有一个示例。如果你点击“+”然后“添加电话”，就会出现一条垂直线，这正是我想要的。

我已经为 UIView 实现了一侧边框，但找不到使其淡出的方法。我尝试了 CIFilter，但没有成功。然后我注意到这种淡出效果类似于阴影。我尝试通过设置阴影来模拟淡出，但又失败了。

感谢您的提前答复和建议。

Answer 1

您可以使用CAGradientLayer:

let layer = CAGradientLayer()
layer.colors = [UIColor.white.cgColor, UIColor.gray.cgColor]
// play around with layer.locations and layer.{startPoint|endPoint} to suit your needs

然后，您可以子类化UIView并覆盖其layerClass以返回渐变层，然后尺寸和位置随心所欲:

override class func layerClass() -> AnyClass {
   return CAGradientLayer.self
}
// configure the layer with color, end/start and locations in init()

这允许您将该 View 放在任何地方，并使用自动布局来根据需要调整其大小和位置。