如何通过拖动鼠标绘制一个倒置的正方形？

Question

如何使用 swing 在 Java 中绘制倒矩形？

使用'g.drawRect(x,y,width,height)'方法，鼠标拖动创建矩形成功，但有一点点错误。

如果拖动到比第一个点(x,y)大的点(x2,y2| x2>x1 && y2>y1)，它将正常运行。

但是相反的情况下，如果拖动点的坐标小于第一个点击点的坐标，则向相反的方向绘制，而不是向拖动点方向绘制。

即使我试图通过if()来反转它，我也不知道该怎么做。

我想要的方向就像Window中的一个拖框，但对我来说有点难。请给我一些提示来克服这次艰难的旅行。

↓这是我的代码

   class Rect {
            int x, y, w, h;
   }

   public class Rectangle extends JPanel{
            int i = 0;
       int x, y = 0;
       Rect [] ary = new Rect[100];
       public Rectangle() {
           addMouseListener(new MouseListener() {
               public void mouseClicked(MouseEvent e) {}
               public void mouseEntered(MouseEvent e) {}
               public void mouseExited(MouseEvent e) {}
               public void mousePressed(MouseEvent e) {
                   if(i>100) return;
                   ary[i] = new Rect();
                   ary[i].x = e.getX(); ary[i].y = e.getY();
                   x= ary[i].x; y = ary[i].y;
               }

               @Override
               public void mouseReleased(MouseEvent e) {
                   ary[i].w = Math.abs(ary[i].x-e.getX()); 
                        ary[i].h = Math.abs(ary[i].y- e.getY());
                   i++;
                   repaint();
               }
           });

           addMouseMotionListener(new MouseMotionListener() {
               @Override
               public void mouseDragged(MouseEvent e) {
                   ary[i].w = Math.abs(ary[i].x-e.getX()); 
                   ary[i].h = Math.abs(ary[i].y- e.getY());
                   repaint();
               }
               public void mouseMoved(MouseEvent e) {
               }
           });
       }

       public void paintComponent(Graphics g) {
           super.paintComponent(g);
           for(Rect r:ary){
               if(r !=null) {
                   g.setColor(Color.BLACK);
                   g.drawRect(r.x, r.y, r.w, r.h);
               }
           }
       }
   }

请帮帮我

Problem image

Answer 1

因为ary[i].x和ary[i].y必须是按下和释放坐标中的最小值：

           @Override
           public void mouseReleased(MouseEvent e) {
               ary[i].w = Math.abs(ary[i].x-e.getX()); 
               ary[i].h = Math.abs(ary[i].y- e.getY());
               // upper left point
               ary[i].x = Math.min(ary[i].x,e.getX()); 
               ary[i].y = Math.min(ary[i].y,e.getY()); 
               i++;
               repaint();
           }

Answer 2

首先不要使用Array 来存储要绘制的Rectangle 对象。使用 ArrayList 它会随着您想绘制更多矩形而动态增长。

您当前代码的问题是您正试图在 3 个不同的方法中更新 x/y/width/height 值。这应该只在 mouseDragged 方法中完成。

基本步骤是：

在 mousePressed 中保存初始鼠标点。创建一个空的 Rectangle 对象用于绘制矩形
在 mouseDragged 中，您将初始鼠标点与当前鼠标点进行比较，并确定最小 x/y 值。然后您分别获得 x 和 y 值的绝对值，这样您就知道了矩形的 width/height。更新 Rectangle 对象的 x/y/width/height 值并重新绘制 Rectangle
在 mouseReleased 中，您将 Rectangle 对象添加到 ArrayList

有关实现上述建议的工作示例，请参阅 Custom Painting Approaches 中的 DrawOnComponent 示例。

上述示例中的 MouseInputAdapter 实现如下。它显示了 mouseDragged 方法中的大部分逻辑：

class MyMouseListener extends MouseInputAdapter
{
    private Point startPoint;

    public void mousePressed(MouseEvent e)
    {
        startPoint = e.getPoint();
        shape = new Rectangle();
    }

    public void mouseDragged(MouseEvent e)
    {
        int x = Math.min(startPoint.x, e.getX());
        int y = Math.min(startPoint.y, e.getY());
        int width = Math.abs(startPoint.x - e.getX());
        int height = Math.abs(startPoint.y - e.getY());

        shape.setBounds(x, y, width, height);
        repaint();
    }

    public void mouseReleased(MouseEvent e)
    {
        if (shape.width != 0 || shape.height != 0)
        {
            addRectangle(shape, e.getComponent().getForeground());
        }

        shape = null;
    }
}

如何通过拖动鼠标绘制一个倒置的正方形？

How to draw an upsidedown square by dragging mouse?

java

swing

awt

java-2d