我一直在试图为我正在开发的小游戏实现基本文本泡泡。不想去太花哨,我开始与一个基本的圆角矩形包含一些文本边框:
在BufferedImage上绘制带有不透明度的圆角矩形
于是,我决定,文字气泡应该在预设时间之后淡出。这就是我偶然发现的一个问题:当我试图在测试窗口中显示气泡时,一切运行良好,但是当我将它们展示在游戏中时,泡泡消失时出现了扭曲。我测试了一些,调试了一下,发现两种情况之间唯一的区别是在测试窗口中我用paintComponent方法的Graphics画了泡泡,而在游戏中我使用BufferedImages来模拟图层并使用image.createGraphics中的图形。然后我可以成功复制的bug:
在这里,你看到的是,当左边的泡沫渐弱,其圆角右侧的圆角不改变而改变形状相比褪色之前,而泡沫。事实上,左侧的气泡是在BufferedImage上绘制的,然后在面板上绘制,而右侧的气泡直接绘制在面板上。
我已经分离出这是需要重现该问题的代码:
public static void main(String[] args) {
JFrame frame = new JFrame("Test");
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
frame.setLocationRelativeTo(null);
frame.setSize(400, 400);
JPanel panel = new JPanel() {
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
BufferedImage image = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_ARGB);
Graphics graphics = image.createGraphics();
paintExampleBubble(graphics, 50, 50);
g.drawImage(image, 0, 0, this);
paintExampleBubble(g, 250, 50);
}
};
frame.getContentPane().add(panel);
frame.setVisible(true);
}
private static final Color background = new Color(1f, 1f, 1f, 0.5f);
private static final Color foreground = new Color(0f, 0f, 0f, 0.5f);
private static final int borderRadius = 16;
private static final int width = 100;
private static final int height = 50;
private static void paintExampleBubble(Graphics g, int x, int y) {
g.setColor(background);
g.fillRoundRect(x, y, width, height, borderRadius, borderRadius);
g.setColor(foreground);
g.drawRoundRect(x, y, width, height, borderRadius, borderRadius);
}
这里是上面的代码产生的结果:
不管怎么说,这表明拉伸到BufferedImage的是什么原因导致这个问题,但是暂时放弃BufferedImages不是一个选择。
我试图调试代码来查看可能会导致这种差异的原因,并且只能注意到图形对象在涉及透明度时使用不同的组件绘制,但是这并不能帮助我解决我的问题,即使有可能强制图形做我想要的,我宁愿尽可能避免黑客入侵。
有没有人知道一个相对简单而有效的方法来解决这个问题,或解决它?
不管怎么说,感谢百忙之中阅读本文时:)
PS:由于这是第一次我问一个问题,我可能已经错过了一些东西,所以随时告诉我如果是这样的案件 !这将非常感激。
编辑:正如我在评论中所说,游戏是基于像素艺术的,因此我宁愿不使用抗锯齿,但保留圆角矩形的基本像素化外观。
不完全相信如果我正确地看到你的描述失真,但尝试打开反锯齿'g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON)'其中'g'是'Graphics2D'的一个实例 – copeg
感谢您的快速回答!我现在已经尝试过了,它确实有效(因为在透明度启动时边框不再改变)。然而,我没有提到这一点,我正在研究的游戏只具有像素艺术图形和自动抗锯齿功能,而且由于分辨率低,看起来很模糊。我会更新我的问题来澄清 – Niss36
并没有真正遵循你正在尝试做的事情,但是这里有一个可能(或可能不)给你使用不同方法的帖子:http://stackoverflow.com/问题/ 15025092/border-with-rounded-corners-transparency – camickr