TableViewCell背景色グラデーション

Question

だから現在 - 私はTableViewControllerでの作業が、私は、画像

に示すように、各セルの勾配テーブルビューのようになりたい達成するために何か良い方法はありますこれは私がテーブルを埋める配列のサイズに基づいていますか？

Answer 1

2色の間で補間する場合は、各RGBカラーコンポーネント間で補間することができます（これはHSBでも行うことができます）。

開始色と終了色を定義します。あなたcellForRowAtIndexPathに、

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 

最後：

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) 

は、ステップの数と各色成分のステップサイズを計算します。私は、タプル表現を選択した

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) 

あなたの細胞場合もちろん、各カラーコンポーネントのステップサイズを再計算したいと思っています。遊び場で

結果：