以编程方式生成渐变?

给定2个rgb颜色和一个矩形区域,我想在颜色之间生成基本的线性渐变。 我做了一个快速搜索,我唯一能找到的就是这个博客条目 ,但是示例代码似乎缺失了,或者至少是在发布时。 任何帮助,算法,代码示例,等等。 这将用Java编写,但显示层已经处理好了,我只需要弄清楚如何找出要显示的内容。

你想要在第一种和第二种颜色之间插值。 通过为每个分量(R,G,B)计算相同的插值,可以轻松插入颜色。 插值的方法有很多种。 最简单的方法是使用线性插值:只取一种颜色的百分比p和第二种颜色的百分比1 – p

R = firstCol.R * p + secondCol.R * (1 - p) 

还有一个与此相关的问题 。

还有其他插值方法有时可以更好地工作。 例如,使用钟形(S形)插值函数可使过渡更平滑。

/编辑:哎呀,你的意思是使用预定义的函数。 好的,甚至更容易。 您现在链接的博客文章中有一个Python示例代码。

在Java中,您可以使用GradientPaint

您可以使用内置的GradientPaint类。

 void Paint(Graphics2D g, Regtangle r, Color c1, Color c2) { GradientPaint gp = new GradientPaint(0,0,c1,r.getWidth(),r.getHeight(),c2); g.setPaint(gp); g.fill(rect); } 

使用基本的AWT类,你可以这样做:

 import java.awt.Color; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.geom.Rectangle2D; import javax.swing.JPanel; public class LinearGradient extends JPanel { public void paint(Graphics g) { Graphics2D g2 = (Graphics2D) g; Color color1 = Color.RED; Color color2 = Color.BLUE; int steps = 30; int rectWidth = 10; int rectHeight = 10; for (int i = 0; i < steps; i++) { float ratio = (float) i / (float) steps; int red = (int) (color2.getRed() * ratio + color1.getRed() * (1 - ratio)); int green = (int) (color2.getGreen() * ratio + color1.getGreen() * (1 - ratio)); int blue = (int) (color2.getBlue() * ratio + color1.getBlue() * (1 - ratio)); Color stepColor = new Color(red, green, blue); Rectangle2D rect2D = new Rectangle2D.Float(rectWidth * i, 0, rectWidth, rectHeight); g2.setPaint(stepColor); g2.fill(rect2D); } } } 

跟随David Crow的回答,这是一个Kotlin示例实现

 fun gradientColor(x: Double, minX: Double, maxX: Double, from: Color = Color.RED, to: Color = Color.GREEN): Color { val range = maxX - minX val p = (x - minX) / range return Color( from.red * p + to.red * (1 - p), from.green * p + to.green * (1 - p), from.blue * p + to.blue * (1 - p), 1.0 ) } 

我一直在使用RMagick 。 如果你需要进一步简单的渐变,ImageMagick和它的一个包装器(如RMagick或JMagick for Java)可能会很有用。