Add Gradient on a view in Swift

Question

The following code seems to work using Objective-C however its Swift version doesn't work.

I have tried the following:

Add the gradient inside the collection view cell
Add the gradient in the viewController
Use UIColor & CGColor

Use insertSubLayer

var mGradient = CAGradientLayer()
mGradient.frame = favoriteCell.mImageView.bounds
var colors = [CGColor]()
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 1).CGColor)
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 0).CGColor)

mGradient.startPoint = CGPointMake(0.1, 0.5)
mGradient.endPoint = CGPointMake(0.9, 0.5)

favoriteCell.mImageView.layer.addSublayer(mGradient)

Tendai Moffatt · Accepted Answer · 2017-01-20 12:28:36Z

3

Swift 3

let mGradient = CAGradientLayer()
mGradient.frame = favoriteCell.mImageView.bounds
var colors = [CGColor]()
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 1).cgColor)
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 0).cgColor)

mGradient.startPoint = CGPoint(x: 0.1, y: 0.5)
mGradient.endPoint = CGPoint(x: 0.9, y: 0.5)
mGradient.colors = colors

favoriteCell.mImageView.layer.addSublayer(mGradient)

edited Jan 20, 2017 at 12:28

answered Jan 20, 2017 at 11:59

Tendai Moffatt

2362 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daij-Djan · Accepted Answer · 2015-02-18 14:18:48Z

2

You need to set set the colors of the gradient

mGradient.colors = colors

edited Feb 18, 2015 at 14:18

Daij-Djan

50.2k17 gold badges116 silver badges138 bronze badges

answered Feb 18, 2015 at 14:14

Wan Lutfi Wan Hatta

3322 silver badges11 bronze badges

2 Comments

Daij-Djan Over a year ago

I tried the OPs code combined with setting the colors - it works fine and if it won't show up for you your issue is maybe that your imageView has a zero frame or is nil or that it has other child layers

Ehmad Zubair Over a year ago

This was the problem. Thanks

derdida · Accepted Answer · 2015-02-13 11:38:37Z

1

Try this one:

var mGradient : CAGradientLayer = CAGradientLayer()
mGradient.frame = favoriteCell.mImageView.bounds
mGradient.frame.origin = CGPointMake(0.0,0.0)

var colors = [CGColor]()
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 1).CGColor)
colors.append(UIColor(red: 0, green: 0, blue: 0, alpha: 0).CGColor)

mGradient.locations = [0.0 , 1.0]
mGradient.startPoint = CGPointMake(0.1, 0.5)
mGradient.endPoint = CGPointMake(0.9, 0.5)
mGradient.frame = CGRect(x: 0.0, y: 0.0, width: favoriteCell.mImageView.frame.size.width, height: favoriteCell.mImageView.frame.size.height)

favoriteCell.mImageView.layer.insertSublayer(mGradient, atIndex: 0)

answered Feb 13, 2015 at 11:38

derdida

14.9k17 gold badges94 silver badges146 bronze badges

1 Comment

derdida Over a year ago

Hmmm this worked for me in iOS 8. Maybe check out this: github.com/agibson73/Gradients/tree/master/Gradients

Collectives™ on Stack Overflow

Add Gradient on a view in Swift

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related