Gradienten programmgesteuert erzeugen?

Gegeben 2 rgb-Farben und einer rechteckigen Fläche, die würde ich gerne zum generieren einer grundlegenden linearen Farbverlauf zwischen den Farben. Ich habe getan eine schnelle Suche und das einzige, was ich habe finden können ist dieser blog-Eintragaber der Beispiel-code zu fehlen scheint, oder zumindest es war, als dieses posting. Alles, was hilft, algorithmen, code-Beispiele, was auch immer. Dies wird in Java geschrieben, aber die display-Schicht ist bereits gesorgt, ich muss nur herausfinden, wie, um herauszufinden, was angezeigt werden soll.

InformationsquelleAutor der Frage Paul Wicks | 2008-08-26

  1. 36

    du willst eine interpolation zwischen der ersten und der zweiten Farbe. Interpolieren der Farben ist einfach durch die Berechnung der gleichen interpolation für die einzelnen Komponenten (R, G, B). Es gibt viele Möglichkeiten, zu interpolieren. Der einfachste Weg ist die Verwendung der linearen interpolation: nur Anteil p der ersten Farbe und der Anteil 1 - p der zweite:

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

    Gibt es eine andere Frage damit in Zusammenhang stehen.

    Gibt es andere Methoden der interpolation, das manchmal besser funktioniert. Zum Beispiel mit einer bell-förmige (sigmoidale) interpolation-Funktion macht den übergang glatter.

    /EDIT: UPS, du meinst die Verwendung einer vordefinierten Funktion. OK, noch einfacher. Der blog-post verlinkt wurde, hat jetzt einen Beispiel code in Python.

    In Java, könnten Sie die GradientPaint.

    InformationsquelleAutor der Antwort Konrad Rudolph

  2. 10

    Können Sie mit dem eingebauten GradientPaint Klasse. 

    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);
}

    InformationsquelleAutor der Antwort dbkk

  3. 8

    Verwenden der grundlegenden AWT-Klassen, die Sie tun könnten, so etwas wie dieses:

    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);
        }
    }
}

    InformationsquelleAutor der Antwort David Crow

  4. 1

    Folgenden auf das execllent Antwort von David Crow, hier ist eine Kotlin Beispiel die Umsetzung

    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
    )
}

    InformationsquelleAutor der Antwort Holger Brandl

  5. 0

    Habe ich mit RMagick für die. Wenn Sie brauchen, um weiter zu gehen den einfachen Verlauf, ImageMagick und einem der Wrapper (wie RMagick oder JMagick für Java) könnte nützlich sein.

    InformationsquelleAutor der Antwort Thibaut Barrère

Schreibe einen Kommentar