Is there any way to add faded color to navigation bar and UIview?

Question

I have a UIview that contains a label and an image .. I tried adding faded color to the view ..it worked but the color was on top of the other objects which made both image and label invisible...

I need the colors on both UIview and naviagtorenter image description here look like this

welcome to SO, it would be good if you shared your code, what have you tried? — Okan Kocyigit, Mar 20 '20 at 16:37

Abdul Karim Khan · Answer 1 · 2020-03-20T18:11:33.310

0

You can set gradient like this,

func setTealGradientBackground() {
    let colorTeal =  UIColor(red: 0/255.0, green: 128.0/255.0, blue: 128.0/255.0, alpha: 1.0).CGColor
    let colorWhite = UIColor(red: 255.0/255.0, green: 255.0/255.0, blue: 255.0/255.0, alpha: 1.0).CGColor
    let gradLayer = CAGradientLayer()
    gradLayer.colors = [colorTeal, colorWhite]
    gradLayer.locations = [0.0, 1.0]
    gradLayer.frame = self.view.bounds
    self.view.layer.insertSublayer(gradLayer, at:0)
}

edited Mar 20 '20 at 18:11

answered Mar 20 '20 at 16:45

Abdul Karim Khan

4,256
1
26
30

For UIView, you can call this function in viewWillAppear – Abdul Karim Khan Mar 20 '20 at 19:03
This way you can add fadded color. – Abdul Karim Khan Mar 20 '20 at 19:04
For nav bar, UINavigationBar.appearance().setBackgroundImage(self.image(fromLayer: gradLayer), for: .default) – Abdul Karim Khan Mar 20 '20 at 19:09

Is there any way to add faded color to navigation bar and UIview?

1 Answers1