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

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

根据我在每个“正方形”中单击的位置，它将切换显示在上方，下方，左侧或右侧的线...

好吧，我不太了解您的完整要求，但是我这样做并不重要。因为这只是归结为一个数学公式。因此，取决于您的要求来实施公式。

也许以下指针可以帮助您正确地入手。

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

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

int cellSize = DIAMETER + SEPARATION;

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

您单击了哪个单元格
您单击了单元格的哪一侧（左侧或右侧）

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

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

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

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

将x，y坐标映射到2d数组索引

1 个答案: