Dissolvenza da iOS a nero in cima a UIImageView

Question

Ho un UITableView dove la mia cella backgroundView è una UIImageView. Vorrei che la parte superiore di ogni immagine si dissolvesse in nero in modo da poter sovrapporre del testo bianco.

Ho visto alcune risposte come this, ma nessuna sembra funzionare.

In tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) ho provato:

var imageView = UIImageView(image: image) 

var gradient: CAGradientLayer = CAGradientLayer() 
gradient.frame = imageView.frame 
gradient.colors = [UIColor.blackColor(), UIColor.clearColor()] 
gradient.locations = [0.0, 0.1] 
imageView.layer.insertSublayer(gradient, atIndex: 0) 

cell!.backgroundView = imageView 

Ma vedo nessuna sfumatura e nessuna differenza da quando viene rimosso il codice gradiente. La mia sfumatura è seduta sotto l'immagine?

Se sostituisco la riga imageView.layer.insertSublayer(gradient, atIndex: 0) con imageView.layer.mask = gradient, le mie celle sono solo bianche e vuote (nessuna immagine).

Answer 1

Nella tua gradient.colors è necessario disporre di serie di CGColor, quindi:

gradient.colors = [UIColor.blackColor().CGColor, UIColor.clearColor().CGColor] 

Answer 2

Ho dimenticato come è ordinato l'array di livelli. Tuttavia, dovresti semplicemente aggiungere il tuo livello sfumato sopra il livello della vista dell'immagine usando addSubLayer, non insertSublayer: atIndex: vuoi il livello sfumatura sopra l'altro livello in modo che le parti non opache coprano la vista dell'immagine.

Answer 3

per SWIFT 3.0, alcune lievi modifiche richieste:

let gradient: CAGradientLayer = CAGradientLayer() 
    gradient.frame = imageView.frame 
    gradient.colors = [UIColor.black.cgColor, UIColor.clear.cgColor] 
    gradient.locations = [0.0, 0.1] 
    imageView.layer.insertSublayer(gradient, at: 0)