Queue<Color>在N = 32步中从Color.green循环到Color.blue，然后再回到Color.green。请注意，在HSB模型中，Color.green在数值上小于Color.blue。也可以参考这个使用HSB的相关示例。
public Flash(JComponent component) {
this.component = component;
float gHue = Color.RGBtoHSB(0, 1, 0, null)[0];
float bHue = Color.RGBtoHSB(0, 0, 1, null)[0];
for (int i = 0; i < N; i++) {
clut.add(Color.getHSBColor(gHue + (i * (bHue - gHue) / N), 1, 1));
}
for (int i = 0; i < N; i++) {
clut.add(Color.getHSBColor(bHue - (i * (bHue - gHue) / N), 1, 1));
}
}
public class ColorFade {
public static void main(String[] args) {
new ColorFade();
}
public ColorFade() {
EventQueue.invokeLater(new Runnable() {
@Override
public void run() {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (ClassNotFoundException ex) {
} catch (InstantiationException ex) {
} catch (IllegalAccessException ex) {
} catch (UnsupportedLookAndFeelException ex) {
}
JFrame frame = new JFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new BorderLayout());
// frame.add(new FadePane());
frame.add(new ColorFadePane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
});
}
public class FadePane extends JPanel {
private float[] fractions = new float[]{0f, 0.25f, 0.5f, 1f};
private Color[] colors = new Color[]{Color.GREEN, Color.BLUE, Color.YELLOW, Color.RED};
private float direction = 0.05f;
private float progress = 0f;
public FadePane() {
Timer timer = new Timer(125, new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
if (progress + direction > 1f) {
direction = -0.05f;
} else if (progress + direction < 0f) {
direction = 0.05f;
}
progress += direction;
repaint();
}
});
timer.setCoalesce(true);
timer.setRepeats(true);
timer.start();
}
@Override
public Dimension getPreferredSize() {
return new Dimension(100, 100);
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g.create();
int width = getWidth();
int height = getHeight();
Color startColor = blendColors(fractions, colors, progress);
g2d.setColor(startColor);
g2d.fillRect(0, 0, width, height);
g2d.dispose();
}
}
public class ColorFadePane extends JPanel {
private float[] fractions = new float[]{0f, 0.25f, 0.5f, 1f};
private Color[] colors = new Color[]{Color.GREEN, Color.BLUE, Color.YELLOW, Color.RED};
public ColorFadePane() {
}
@Override
public Dimension getPreferredSize() {
return new Dimension(200, 100);
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g.create();
int width = getWidth();
int height = getHeight();
int bandWidth = width / 100;
for (int index = 0; index < 100; index++) {
float progress = (float)index / (float)100;
Color color = blendColors(fractions, colors, progress);
int x = bandWidth * index;
int y = 0;
g2d.setColor(color);
g2d.fillRect(x, y, bandWidth, height);
}
g2d.dispose();
}
}
public static Color blendColors(float[] fractions, Color[] colors, float progress) {
Color color = null;
if (fractions != null) {
if (colors != null) {
if (fractions.length == colors.length) {
int[] indicies = getFractionIndicies(fractions, progress);
float[] range = new float[]{fractions[indicies[0]], fractions[indicies[1]]};
Color[] colorRange = new Color[]{colors[indicies[0]], colors[indicies[1]]};
float max = range[1] - range[0];
float value = progress - range[0];
float weight = value / max;
color = blend(colorRange[0], colorRange[1], 1f - weight);
} else {
throw new IllegalArgumentException("Fractions and colours must have equal number of elements");
}
} else {
throw new IllegalArgumentException("Colours can't be null");
}
} else {
throw new IllegalArgumentException("Fractions can't be null");
}
return color;
}
public static int[] getFractionIndicies(float[] fractions, float progress) {
int[] range = new int[2];
int startPoint = 0;
while (startPoint < fractions.length && fractions[startPoint] <= progress) {
startPoint++;
}
if (startPoint >= fractions.length) {
startPoint = fractions.length - 1;
}
range[0] = startPoint - 1;
range[1] = startPoint;
return range;
}
public static Color blend(Color color1, Color color2, double ratio) {
float r = (float) ratio;
float ir = (float) 1.0 - r;
float rgb1[] = new float[3];
float rgb2[] = new float[3];
color1.getColorComponents(rgb1);
color2.getColorComponents(rgb2);
float red = rgb1[0] * r + rgb2[0] * ir;
float green = rgb1[1] * r + rgb2[1] * ir;
float blue = rgb1[2] * r + rgb2[2] * ir;
if (red < 0) {
red = 0;
} else if (red > 255) {
red = 255;
}
if (green < 0) {
green = 0;
} else if (green > 255) {
green = 255;
}
if (blue < 0) {
blue = 0;
} else if (blue > 255) {
blue = 255;
}
Color color = null;
try {
color = new Color(red, green, blue);
} catch (IllegalArgumentException exp) {
NumberFormat nf = NumberFormat.getNumberInstance();
System.out.println(nf.format(red) + "; " + nf.format(green) + "; " + nf.format(blue));
exp.printStackTrace();
}
return color;
}
}
最简单的方法是在每个RGB值之间进行插值。 这对于所有语言都是相同的--Python代码如下：
steps = 10
rgb1 = [ 'AA', '08', 'C3' ]
rgb2 = [ '03', '88', '1C' ]
h1 = map( lambda s: int( '0x'+s, 0 ), rgb1 )
h2 = map( lambda s: int( '0x'+s, 0 ), rgb2 )
inc = [0, 0, 0]
for i in range(0,3):
inc[i] = ( h2[i] - h1[i] ) / ( steps - 1 )
for i in range(0,steps-1):
print '<span style="background: #%02x%02x%02x"> %i </span>' % (
h1[0] + i * inc[0],
h1[1] + i * inc[1],
h1[2] + i * inc[2],
i+1 )
print '<span style="background: #%02x%02x%02x"> %i </span>' % (
h2[0], h2[1], h2[2], steps )
提示
xTadaaaa.. :-)
更新：如果您愿意，可以尝试调整x的值。
在执行过程中使用Math.Random()函数生成伪随机值到x中
感谢HovercraftFullOfEels和mKorbel提供的意见
Swings一定有相关内容。 - Mukul GoelSwingUtilities.invokeLater(new Runnable() {...});。由于这是一个与 Swing 相关的问题，最好的解决方案是使用 Swing 已经可用于此类事情的工具，即 Swing 定时器。 - Hovercraft Full Of EelsThread.sleep 可以给出慢动作效果。但并不总是适用，有很多类似的问题，其中 Thread.sleep(int) 无法正常工作。对于 AWT 组件可能是一种方法，但对于 Swing JComponents 则可能非常低效。虽然这是一个好的回答，但最好改为使用 Swing Timer。 - mKorbel你可以线性插值从起始 RGB 颜色到最终想要的颜色过渡。
这意味着，例如，如果你的起始颜色为 rgb(255,255,0)，目标颜色为 rgb(50,50,50)，并且你想在 5 步内达到最终颜色，则每一步都需要适应 (-41 = (255-50)/5, -41, 10)，得到以下颜色：
rgb(255,255, 0)
rgb(214,214, 10)
rgb(173,173, 20)
rgb(132,132, 30)
rgb( 91, 91, 40)
rgb( 50, 50, 50)
这被称为线性渐变，非常容易实现，但当然存在各种其他技术来实现颜色之间的漂亮过渡。