TableViewCell Цвет фона Градиент

Question

Так в настоящее время я работаю с TableViewController, но я хочу, чтобы это было как градиент Tableview на каждой ячейке, как показано на рисунке

Есть ли хороший способ сделать это зависит от размера массива, который я заполняю таблицей?

Answer 1

Если вы просто хотите интерполировать между двумя цветами, вы можете интерполировать между каждым цветовым компонентом RGB (вы также можете сделать это с помощью HSB).

Определите начальный цвет и цвет окончания. Я выбрал представление кортежа:

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) 

Вычислить количество шагов и размер шага для каждого цветового компонента:

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 

Наконец, в вашем 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) 

Если ваш мобильный конечно, вы хотите пересчитать размер шага для каждого цветового компонента.

Результат на детской площадке: