为什么宽度为1的fillRect和drawLine不一样

Question

我正在开发一个在 JFrame 上使用 Canvas 的 java gui 应用程序。我尝试在 Jframe 上绘制细矩形，并注意到它们并不总是显示相同的宽度。

这是我写的测试类的结果。左侧使用fillRect()绘制，宽度为1，右侧使用drawLine绘制。

这是我的测试类的代码。

import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferStrategy;

public class test {
    public static void main(String[]args){
        new test();
    }

    public test(){
        JWindow frame = new JWindow();
        frame.setSize(500,500);
        frame.setLocation(200,200);

        Canvas c = new Canvas();
        frame.add(c);

        frame.setVisible(true);

        new Thread(() -> {
            while(true) {
                BufferStrategy bs = c.getBufferStrategy();

                if (bs == null) {
                    c.createBufferStrategy(2);
                    bs = c.getBufferStrategy();
                }

                Graphics g = bs.getDrawGraphics();
                Graphics2D g2 = (Graphics2D) g;

                g2.setColor(Color.black);

                for(int i = 0; i < 50; i++){
                    if(i % 4 == 0){
                        g2.fillRect(20 + i, 50, 1, 100);
                    }
                    else if(i % 4 == 1){
                        g2.fillRect(20 + i, 150, 1, 100);
                    }
                    else if(i % 4 == 2){
                        g2.fillRect(20 + i, 250, 1, 100);
                    }
                    else{
                        g2.fillRect(20 + i, 350, 1, 100);
                    }
                }

                for(int i = 0; i < 50; i++){
                    if(i % 4 == 0){
                        g2.drawLine(100 + i, 50, 100 + i, 150);
                    }
                    else if(i % 4 == 1){
                        g2.drawLine(100 + i, 150, 100 + i, 250);
                    }
                    else if(i % 4 == 2){
                        g2.drawLine(100 + i, 250, 100 + i, 350);
                    }
                    else{
                        g2.drawLine(100 + i, 350, 100 + i, 450);
                    }
                }

                g.dispose();
                bs.show();
            }
        }).start();
    }
}

有人知道它是如何工作的，或者甚至是解决这个问题的方法吗？

Answer 1

如果仔细观察，您会发现第四组线向右移动了 2 个像素。

我认为您正在进行125% UI 缩放，因此每 4 个逻辑像素就有 5 个物理像素。尽管代码要求线条长度为 100 像素，但发布图像中的线条高度为 125 像素，这一事实证实了这一点。

这意味着当您使用x + 3 (逻辑上)绘制时，它实际上映射到x + 4 (物理上在显示器上)。该drawLine()方法已正确移动 4 个像素（而不是 3 个），并正确绘制一条 1 像素宽的线。

drawRect()然而，将分别计算要填充的框的左侧（包括）和右侧（不包括），因此对于第三组框，右侧是左侧右侧的 2 个像素。然后它填充 2 像素宽的框。

我们大多数人都没有 UI Scaling，因此我们不会看到您遇到的问题。