プログラムでグラデーションを生成しますか?
質問
2 つの RGB カラーと長方形の領域が与えられた場合、色の間に基本的な線形グラデーションを生成したいと思います。簡単に検索しましたが、見つかったのは次のとおりです このブログエントリー, 、しかしサンプルコードが欠けているようです、または少なくともこの投稿の時点では存在していました。アルゴリズム、コード例など、何でも役に立ちます。これは Java で記述されますが、表示レイヤーはすでに処理されているため、何を表示するかを理解する方法を理解するだけで済みます。
解決
最初の色と 2 番目の色の間を補間したいとします。カラーの補間は、各コンポーネント (R、G、B) に対して同じ補間を計算することで簡単に行えます。補間する方法はたくさんあります。最も簡単なのは、線形補間を使用することです。パーセンテージを取るだけ p 最初の色とパーセンテージ 1 - p 2番目の:
R = firstCol.R * p + secondCol.R * (1 - p)
あるよ 別の質問 これに関連して。
場合によっては、より効果的な補間方法が他にもあります。たとえば、 ベル型(S字型) 補間機能により遷移がよりスムーズになります。
/編集:おっと、事前定義された関数を使用するということですね。OK、さらに簡単です。リンクしたブログ投稿には、Python のサンプル コードが含まれています。
Java では、次のように使用できます。 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 とそのラッパーの 1 つ (RMagick や ジェイマジック Java の場合) が役立つ可能性があります。