La generazione di gradienti a livello di programmazione?
Domanda
2 colori di rgb e di un'area rettangolare, vorrei generare una base gradiente lineare tra i colori.Ho fatto una rapida ricerca e l'unica cosa che ho potuto trovare è questo blog, ma il codice di esempio sembra essere mancante, o almeno lo è stata, come di questo intervento.Nulla aiuta, algoritmi, esempi di codice, a prescindere.Questo sarà scritto in Java, ma il layer di visualizzazione è già preso cura di te, ho solo bisogno di capire come fare a capire cosa visualizzare.
Soluzione
vuoi un'interpolazione tra il primo e il secondo colore.Interpolando i colori è facile da calcolare stesso interpolazione per ciascuno dei suoi componenti (R, G, B).Ci sono molti modi per interpolare.Il modo più semplice è quello di utilizzare l'interpolazione lineare:basta prendere percentuale p il primo colore e percentuale 1 - p del secondo:
R = firstCol.R * p + secondCol.R * (1 - p)
C'è un'altra domanda relativi a questo.
Ci sono altri metodi di interpolazione che a volte funzionano meglio.Per esempio, utilizzando un a forma di campana (sigmoidale) funzione di interpolazione rende la transizione.
/EDIT:Oops, vuoi dire che utilizzando una funzione predefinita.OK, anche la più semplice.Il post sul blog collegato ora è un esempio di codice in Python.
In Java, è possibile utilizzare il GradientPaint
.
Altri suggerimenti
È possibile utilizzare il costruito nel GradientPaint classe.
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);
}
Utilizzando la base AWT classi, si potrebbe fare qualcosa di simile a questo:
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);
}
}
}
A seguito del execllent risposta di David Crow, ecco un Kotlin esempio di implementazione
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
)
}
Sto usando RMagick per.Se avete bisogno di andare oltre la semplice pendenza, ImageMagick, e uno dei suoi wrapper (come RMagick o JMagick per Java) potrebbe essere utile.