Сведения о вопросе

Oleksandr

01:55, 21st August, 2020

Теги

java   colors   rgb   gradient    

Создание градиентов программно?

Просмотров: 513   Ответов: 5

Учитывая 2 rgb цветов и прямоугольную область, я хотел бы создать базовый линейный градиент между цветами. Я сделал быстрый поиск , и единственное, что мне удалось найти, - это запись в блоге, но пример кода, похоже, отсутствует, или, по крайней мере, он был на момент этой публикации. Помогает все, что угодно: алгоритмы, примеры кода, что угодно. Это будет написано в Java, но слой отображения уже позаботился, мне просто нужно выяснить, как понять, что отображать.



  Сведения об ответе

прога

21:42, 1st August, 2020

вам нужна интерполяция между первым и вторым цветом. Интерполяция цветов легко производится путем вычисления одной и той же интерполяции для каждого из ее компонентов (R, G, B). Существует множество способов интерполяции. Проще всего использовать линейную интерполяцию: просто возьмите процент p первого цвета и процент 1- p второго:

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

Есть еще один вопрос , связанный с этим.

Есть и другие методы интерполяции, которые иногда работают лучше. Например, использование колоколообразной (сигмоидальной) интерполяционной функции делает переход более плавным.

/EDIT: Ой, вы имеете в виду использование предопределенной функции. OK, еще проще. Запись в блоге, которую вы связали, теперь имеет пример кода в Python.

В Java вы можете использовать GradientPaint .


  Сведения об ответе

PROGA

23:16, 26th August, 2020

Вы можете использовать встроенный класс 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);
}


  Сведения об ответе

ASSembler

03:18, 18th August, 2020

Используя базовые классы 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);
        }
    }
}


  Сведения об ответе

SKY

17:08, 28th August, 2020

Следуя за execllent ответом Дэвида Кроу, вот пример реализации 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
    )
}


  Сведения об ответе

lool

14:10, 9th August, 2020

Я использовал для этого RMagick . Если вам нужно пойти дальше простого градиента, ImageMagick и одна из его оболочек (например, RMagick или JMagick для Java) могут быть полезны.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться