java将x、y坐标映射到二维数组标记

Question

我需要将Swing GUI的x，y坐标映射到它所代表的特定行/列。根据我在每个“正方形”中单击的位置，它将切换显示在上方、下方、左侧或右侧的线条。例如，如果我的鼠标位于正方形的上半部分，它可以切换显示的上半部分、左半部分或右半部分。对于下半部分也是如此，除了底线而不是上半部分。要区分显示的是右线还是左线，取决于鼠标所在的正方形的垂直半部分

最重要的是，如果与顶部屏幕上的按钮交互，程序应打印“button clicked”。“按钮”只是画成一个矩形，没有使用JButton或任何东西，因为它必须使用简单的矩形和文本创建

我现在的代码是这样的，它画出了必要的球和它们之间的线。例如，如果在上图所示的灰色网格顶部单击鼠标，它将调用r=0和c=0的drawHorizontalLine。对于它旁边的正方形，鼠标最靠近它将调用的顶行，r=0，c=1。如果它是一条要画的垂直线，比如最左上方，它将是r=0，c=0等等。R表示行，C表示列

如果你需要任何进一步的信息，请在评论中告诉我

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

    public class SwingMain extends JPanel implements MouseListener {

        final static int SEPARATION = 125;
        final static int DIAMETER = 15;
        final static int NBALLS = 5;
        final static int WIDTH = (NBALLS) * (SEPARATION + DIAMETER) + (SEPARATION);
        final static int HEIGHT = (NBALLS) * (SEPARATION + DIAMETER) + (SEPARATION);
        final static int XSTART = SEPARATION;
        final static int YSTART = SEPARATION;
        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.gray);
            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 + DIAMETER;;
                }
                y += SEPARATION + DIAMETER;;
            }

            drawHorizontalLine(g2d, 0, 0);
            drawButton(g2d);
        }

        public void drawHorizontalLine(Graphics2D g, int r, int c) {
            int x1 = (SEPARATION) * (c + 1);
            int x2 = x1 + SEPARATION;
            int y1 = (SEPARATION) * (r + 1) + 2;
            int y2 = SEPARATION * (r + 1) + 6;
            drawRectangle(g, x1, y1, x2, y2, 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));
        }

        private void drawButton(Graphics2D g) {
            int centerX = WIDTH / 2;
            int x1 = centerX - 100;
            int x2 = centerX + 100;
            int y1 = 25;
            int y2 = 75;
            drawRectangle(g, x1, y1, x2, y2, Color.WHITE);
            FontMetrics fm = g.getFontMetrics();
            g.setColor(Color.gray);
            g.setFont(new Font("TimesRoman", Font.BOLD, 20));
            int strWidth = fm.stringWidth("Completed.");
            int strHeight = fm.getAscent();
            g.drawString("Completed.",
                      (centerX - 20) - strWidth / 2,
                      45 + strHeight);
        }

        public void mousePressed(MouseEvent e) {
            //If the area of the button is clicked
            System.out.println("Button clicked.");
        }
        public void mouseClicked(MouseEvent e) {}
        public void mouseReleased(MouseEvent e) {}
        public void mouseEntered(MouseEvent e) {}
        public void mouseExited(MouseEvent e) {}

    }

Answer 1

再一次，你只需要解决一个基本的数学问题

Depending on where I click within each "square" it will toggle either the line to appear above, below, to the left or to the right...

嗯，我不太明白你的全部要求，但我明白并不重要。因为这又归结为一个数学公式。因此，根据您的需求实施公式是您的责任

也许以下几点会让你朝着正确的方向开始

也许你可以介绍“细胞”的概念。在您的示例中，您有5个球，因此每行/列上有4个方形单元格

现在我们可以将“单元格大小（宽度/高度）定义为：

int cellSize = DIAMETER + SEPARATION;

现在，在鼠标侦听器中，您需要确定：

1. 您在哪个单元格中单击
2. 在单元格的哪一侧单击（左或右）

因此，如果我们先从列开始（行的逻辑将类似），您可能会执行以下操作：

int columnPoint = event.getX() - SEPARATION; 

if (columnPoint < 0 ) // you clicked in the left margin

int columnCell = columnPoint / cellSize;

If (columnCell > NBALLS) // you clicked in the right margin

int cellPoint = columnPoint % cellSize);

if (cellPoint < cellSize / 2)
    // you clicked on the left half
else
    // you clicked on the right half

重复上述基本逻辑以确定单击的行以及是否在顶部/底部单击

同样，没有一个代码经过测试。这是我试图解释的概念