java - 根据行和列绘制一条线

Question

我正在执行的任务的一部分要求我根据给定的行和列在两个点之间画一条线。我的问题是，对于 3x3 的正方形，它会完美地为第 0 列、第 0 行绘制线条。但是，当我创建 5x5 的正方形时，它位于错误的位置。

在下面显示的两个示例中，线条绘制在第 0 列、第 0 行。请注意，图像相对较大，因此最好不要嵌入它们。

5x5 Example

3x3 Example

我正在使用 Swing，drawRectangle 方法签名是 (x1, y1, x2, y2)。在本例中，“r”代表行，“c”代表参数中给出的列值。

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

    public class SwingMain extends JPanel {

       final static int SEPARATION = 200;
       final static int DIAMETER   = 25;
       final static int NBALLS     = 4;
       final static int WIDTH      = NBALLS * 250;
       final static int HEIGHT     = NBALLS * 250;
       final static int XSTART     = WIDTH / (NBALLS + 2);
       final static int YSTART     = HEIGHT / (NBALLS + 2);
       JFrame           frame      = new JFrame();

       public static void main(String[] args) {
          SwingUtilities.invokeLater(() -> new SwingMain().start());
       }

       public void start() {
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          setPreferredSize(new Dimension(WIDTH, HEIGHT));
          frame.add(this);
          setBackground(Color.BLACK);
          frame.pack();
          frame.setLocationRelativeTo(null);
          frame.setVisible(true);
       }

       @Override
       public void paintComponent(Graphics g) {
          super.paintComponent(g);
          Graphics2D g2d = (Graphics2D) g;

          g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
          g2d.setColor(Color.white);

          int y = YSTART;
          for (int r = 0; r < NBALLS; r++) {
             int x = XSTART;
             for (int c = 0; c < NBALLS; c++) {
                g2d.fillOval(x, y, DIAMETER, DIAMETER);
                x += SEPARATION;
             }
             y += SEPARATION;
          }

          drawHorizontalLine(g2d, 0, 0);

       }

       public void drawHorizontalLine(Graphics2D g, int r, int c) {
           drawRectangle(g, 175 * (c + 1), 155 * (r + 1), 375 * (c + 1), 175 * (r + 1), Color.WHITE);
       }

       public void drawRectangle(Graphics2D graphic, int x1, int y1, int x2, int y2, Color c) {
           graphic.fillRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x1 - x2), Math.abs(y1 - y2));
        }

    }

我相信这个问题与我为绘制矩形输入的魔数(Magic Number)有关。相反，我还应该合并窗口的宽度和高度。但是，我完全迷失了。窗口宽度基于(n * 250)，n代表点数。因此，在 5x5 示例中，n = 6，而在 3x3 中，n = 4。另外，如果有人可以建议如何向均匀的圆的外部区域添加一些填充。目前我的窗口宽度和高度公式非常糟糕。

此外，这个相当无意义的公式仅适用于第 0 列、第 0 行。因此，如果我尝试在第 0 列处画线，则下面将显示第 2 行。

Row 2, Column 0 Example

Answer 1

the issue has to do with the magic numbers

我同意。但它也会以静态变量的错误值开始。

1) “SEPARATION”定义不正确。当您绘制椭圆形时，您将按“SEPARATION”增加 x/y 值。但由于椭圆形的直径为 25，因此两个椭圆形之间的实际间距仅为 175。因此我建议 SEPARATION 应该仅为 175。

2) 宽度/高度也使用随机数。在我看来，你想要在所有椭圆形之前/之后留出空间。所以宽度/高度应该是这样的:

a) number of ovals * diameter, plus
b) (number of ovals + 1) * separation. 

这将允许每个椭圆形之前/之后以及每个球的绘制具有相等的空间。

3) 现在您的 XSTART/YSTART 值就是 SEPARATION 值 (175)。

4) 现在，当您绘制每个椭圆形时，您需要按直径 + 间隔增加下一个位置。

5) 当您绘制矩形时，宽度将始终保持不变。即直径 + 间距

6)高度也将是恒定的，具体取决于您想要的线条粗细

7) 所以剩下的就是如何计算 x/y 位置。对于第一行/列，您知道“x”只是分隔符。对于下一列，您将增加直径和间隔。所以一般公式是这样的:

a) SEPARATION, plus
b) (column * (DIAMETER + SEPARTION))

“y”计算类似，只是在计算中使用“row”值。

8) 最后，您可能想要调整“x”值以从一个椭圆形的中心绘制到另一个椭圆形的中心，因此您只需添加直径/2。对于“y”值，调整类似于(直径 - 线高)/2。

这些建议都没有经过测试，但我希望您明白，您真正需要知道的唯一两个数字是直径和间距。

注意，如果我定义你的类，我不会使用静态变量。我将传递“球”和“分离”作为参数。然后在构造函数中我将计算其他值。