TableViewCell Hintergrund Color Gradient

Question

So zur Zeit arbeite ich mit einem Tableviewcontroller, aber ich will es auf jede Zelle wie ein Gradient Tableview sein, wie in dem Bild

gezeigt

Gibt es eine gute Art und Weise zu erreichen, basierend auf der Größe des Arrays, mit dem ich die Tabelle ausfülle?

Answer 1

Wenn Sie nur zwischen zwei Farben interpolieren möchten, können Sie zwischen jeder RGB-Farbkomponente interpolieren (Sie könnten dies auch mit HSB tun).

Definieren Sie eine Start- und Endfarbe. Ich wählte eine Tupel Darstellung:

typealias Color = (red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat) 

let startColor: Color = (red: 0.0/255, green: 114.0/255.0, blue: 96.0/255.0, alpha: 1.0) 
let endColor: Color = (red: 10.0/255.0, green: 188.0/255.0, blue: 161.0/255.0, alpha: 1.0) 

die Anzahl der Schritte ermitteln und die Schrittgröße für jede Farbkomponente:

var data = [/* ... */] 
let steps = data.count > 1 ? CGFloat(data.count - 1) : 1.0 
let rStep = (endColor.red - startColor.red)/steps, 
    gStep = (endColor.green - startColor.green)/steps, 
    bStep = (endColor.blue - startColor.blue)/steps, 
    aStep = (endColor.alpha - startColor.alpha)/steps 

schließlich in Ihrem cellForRowAtIndexPath:

let rowIdx = CGFloat(indexPath.row) 
myCell.backgroundColor = UIColor(red: startColor.red + rowIdx * rStep, green: startColor.green + rowIdx * gStep, blue: startColor.blue + rowIdx * bStep , alpha: startColor.alpha + rowIdx * aStep) 

Wenn Ihr Handy Wenn Sie Änderungen zählen, möchten Sie natürlich die Schrittgröße für jede Farbkomponente neu berechnen.

Das Ergebnis auf einem Spielplatz: