在100%屏幕缩放时,绘制的形状总是“像素完美”。
x1c 0d1x的数据
在125%的屏幕缩放比例下,同一个形状有时会被绘制成顶部有一行额外的像素(1),而不是应该绘制的方式(2)。这些形状被绘制在滚动窗格中的列表中,当上下滚动时,它们 Flink ,从一个版本变成另一个版本,这非常明显和分散注意力。
的
我观察到这取决于组件的位置,也许我认为它在2个像素之间绘制形状,因此它“随机”选择一个组件的上方像素或另一个组件的下方像素。
package debug;
import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridLayout;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.SwingUtilities;
import javax.swing.border.EmptyBorder;
public class TestBugScaling implements Runnable {
private final int size = 38;
public static void main(String[] args) {
SwingUtilities.invokeLater(new TestBugScaling());
}
@Override
public void run() {
JFrame frame = new JFrame();
frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
frame.setPreferredSize(new Dimension(400, 400));
Container contentPane = frame.getContentPane();
contentPane.setLayout(new BorderLayout());
contentPane.setPreferredSize(new Dimension(400, 400));
JScrollPane scrollPane = new JScrollPane();
scrollPane.setPreferredSize(new Dimension(size + 10, 400));
scrollPane.getVerticalScrollBar().setUnitIncrement(size + 5);
scrollPane.getVerticalScrollBar().setBlockIncrement((size + 5) * 2);
JPanel container = new JPanel();
container.setBorder(new EmptyBorder(5, 5, 5, 5));
container.setLayout(new GridLayout(20, 0, 0, 5));
container.setPreferredSize(new Dimension(size + 10, (size + 5) * 20));
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
container.add(new CirclePanel());
scrollPane.setViewportView(container);
contentPane.add(scrollPane, BorderLayout.NORTH);
frame.pack();
frame.setVisible(true);
}
public class CirclePanel extends JPanel {
public CirclePanel() {
super();
setPreferredSize(new Dimension(size, size));
setMinimumSize(new Dimension(size, size));
setMaximumSize(new Dimension(size, size));
}
@Override
public void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D) g.create();
g2.fillOval(0, 0, getHeight(), getHeight());
g2.dispose();
}
}
}
字符串
有了这个代码,如果你有100%的屏幕比例,你会看到一个平滑滚动的圆圈。相反,125%的屏幕比例,如果你仔细看,你会看到滚动时圆圈上下摆动1个像素。
有什么方法可以预防/解决这个问题吗?是什么原因造成的?
我不介意形状不完全完美,但我介意它 Flink ,它不是一直一致的。
1条答案
按热度按时间lsmepo6l1#
我找到了问题所在,更重要的是,我找到了解决方案。
Graphics和Graphics2D对象需要一些余量才能正确绘制曲线形状,事后看来这实际上是很有意义的。
通过简单地将
g2.fillOval(1, 1, getHeight() - 2, getHeight() - 2);
替换为g2.fillOval(1, 1, getHeight() - 2, getHeight() - 2);
,使其在形状周围具有1个单位的间距,它为它提供了足够的空间来处理抗锯齿,并自动修复了我遇到的故障。