图像处理之颜色梯度变化 (Color Gradient)

有过UI设计经验的一定对2D图形渲染中的Color Gradient 或多或少有些接触，很多编程

语言也提供了Gradient的接口，但是想知道它是怎么实现的嘛？

本文介绍三种简单的颜色梯度变化算法，就可以很容易实现常见的梯度变化算法

三种都要求提供两个参数即起始颜色RGB值, 最终颜色RGB的值。

垂直梯度颜色变化，效果如下：

水平梯度颜色变化，效果如下：

水平与垂直两个方向叠加梯度变化效果如下：

算法代码及其解释

计算起始颜色和终点颜色RGB之间差值代码如下：

float rr = startColor[0] - endColor[0];

float gg = startColor[1] - endColor[1];

float bb = startColor[2] - endColor[2];

实现垂直梯度变化的代码如下：

r = endColor[0] + (int)(rr * ((float)row/255.0f) +0.5f);

g = endColor[1] + (int)(gg * ((float)row/255.0f) +0.5f);

b = endColor[2] + (int)(bb * ((float)row/255.0f) +0.5f);

实现水平梯度变化代码如下：

// set