在 View 的边框上添加渐变色答案

【问题标题】：Add gradient color on border of View在 View 的边框上添加渐变色
【发布时间】：2016-07-07 06:19:05
【问题描述】：

我正在使用 swift 2.2。我有一个视图，我想在视图的内边框侧使用渐变颜色。请帮助我。我正在使用以下代码。这里附上我需要查看的屏幕截图。

self.layer.borderWidth = 1 

self.layer.borderColor = UIColor(white:0.1, alpha: 0.5).CGColor

【问题讨论】：

标签： ios xcode swift gradient uicolor

【解决方案1】：

试试这个代码

@IBOutlet weak var gradientView: UIView!

        gradientView.backgroundColor = UIColor.clearColor()
        let gradient:CAGradientLayer = CAGradientLayer()

        gradient.startPoint = CGPoint(x: 0.0, y: 1.0)
        gradient.endPoint = CGPoint(x: 0.0, y: 0.0)
        gradient.frame.size = self.gradientView.frame.size
        gradient.colors = [UIColor.darkGrayColor().CGColor,UIColor.darkGrayColor().colorWithAlphaComponent(0).CGColor] //Or any colors
        gradient.locations = [ 0.0, 1.0]

        self.gradientView.layer.insertSublayer(gradient, atIndex: 0)

【讨论】：

【解决方案2】：

iPatel 的答案会起作用，但如果您想使用渐变功能而不是图像，您可以简单地将带有渐变填充的视图放在包含您的内容的稍小的视图后面。只要较小的前视图在所有边上从渐变视图中插入相同的距离，那么这将产生您正在寻找的效果。

【讨论】：

就个人而言，我不会为此编写代码。我会使用界面生成器并将前视图固定在具有渐变的视图中。如果您想以编程方式执行此操作，那么代码将取决于您的确切用例。有很多在线教程可以帮助您快速定义渐变。

【解决方案3】：

根据我的建议，使用下面的代码来实现渐变色

self.layer.borderColor = UIColor(patternImage:UIImage(named: "myCorrectImgName.png")!).CGColor

其中"myCorrectImgName.png" 是具有渐变颜色的图像名称或您想要的所需图像。

否则你将成为find may examples from the Google for how to set gradient color.

【讨论】：