在View的边框上添加渐变颜色

时间:2016-07-07 06:19:05

标签: ios xcode swift gradient uicolor

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

self.layer.borderWidth = 1 

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

enter image description here

3 个答案:

答案 0 :(得分:0)

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

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

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

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

答案 1 :(得分:0)

试试这段代码

@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 :(得分:0)

iPatel的答案可行,但如果你想使用渐变功能而不是图像,你可以简单地在一个稍微小一点的视图后面放置一个带有渐变填充的视图来保存你的内容。只要较小的前视图从渐变视图中插入所有侧面相同的距离,那么这将产生您正在寻找的效果。