Gradient Not showing swift Xcode

Question

I am fairly new to Swift and XCode. I have just learnt how to create a gradient on a Navigation Controller from a tutorial video, however in the video I watch the guy used a UIColor and I want to use a CGColor, so I used this code:

class func gradientLayerForBounds(bounds: CGRect) -> CAGradientLayer {
  let layer = CAGradientLayer()
  let topColor = UIColor(red: 244, green: 45, blue: 78, alpha: 100)
  let bottomColor = UIColor(red: 245, green: 67, blue: 58, alpha: 100)

  layer.bounds = bounds
  layer.colors = [topColor.CGColor, bottomColor.CGColor]

  return layer
}

However when I build and run the project, nothing appears, I get no error or warning the Debug box. Hope someone can help me out!

Jordan · Accepted Answer · 2016-03-30 22:33:27Z

1

When using custom colors you need to divide the color by 255 e.g. UIColor(red: 244/255, green: 45/255, blue: 78/255, alpha: 100).

It appears you haven't done that, so I would recommend trying:

let topColor = UIColor(red: 244/255, green: 45/255, blue: 78/255, alpha: 100)
let bottomColor = UIColor(red: 245/255, green: 67/255, blue: 58/255, alpha: 100)

That should solve your problem.

answered Mar 30, 2016 at 22:33

Jordan

4246 silver badges19 bronze badges

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

4 Comments

Tim Smith Over a year ago

I've just tried it and not it works! Thanks ever so much for your help. Much appreciated

Jordan Over a year ago

@TimSmith So it works? I think you mean 'now' instead of 'not'. No problem, happy to help. I just recommend searching the internet before coming to SO.

Jordan Over a year ago

Also @TimSmith Could you accept the answer if it works (-:

Tim Smith Over a year ago

Yes I will accept the answer as it has solved my problem

Collectives™ on Stack Overflow

Gradient Not showing swift Xcode

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related