在画布上用鼠标画线：Java awt

Posted 2023-02-26

【中文标题】在画布上用鼠标画线：Java awt

【英文标题】：Drawing lines with mouse on canvas : Java awt

【发布时间】：2012-04-23 12:09:00

【问题描述】：

尝试使用鼠标在 awt 画布上绘制图形（现在是一条线）。我第一次尝试java图形。所以不知道该怎么做。这是我的第一次尝试：

package def.grafi;

import java.awt.Canvas;
import java.awt.Frame;
import java.awt.Graphics;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;

  public class Dra 
  Frame f = new Frame();

public void disp() 
    f.setBounds(100, 100, 200, 200);
    MosL ml = new MosL();
    Can c = new Can();
    f.add(c);
    c.addMouseListener(ml);
    c.addMouseMotionListener(ml);
    f.setVisible(true);


public static void main(String[] args) 
    Dra d = new Dra();
    d.disp();


public class MosL extends MouseAdapter 
    int sx = 0;
    int sy = 0;
    boolean onDrag = false;

    @Override
    public void mouseDragged(MouseEvent e) 
        if (onDrag) 
            int x = e.getX();
            int y = e.getY();

            Canvas comp = (Canvas) e.getSource();
            Graphics g = comp.getGraphics();
                            // comp.repaint(); << for cleaning up the intermediate lines : doesnt work :(
            g.drawLine(sx, sy, x, y);
            return;
        
        onDrag = true;
        sx = e.getX();
        sy = e.getY();

        System.out.println("Draggg");
    

    @Override
    public void mousePressed(MouseEvent e) 
        System.out.println("Pressed");
    

    @Override
    public void mouseReleased(MouseEvent e) 
        System.out.println("Released");
        if (onDrag)
            onDrag = false;
    


public class Can extends Canvas 
    @Override
    public void paint(Graphics g) 

    

问题： 1）当窗口最小化并恢复时，绘制的线消失了（由于重新绘制） 2）我想要的是线条应该跟随鼠标（当它被拖动时）。最后一行应该从按下鼠标的点延伸到释放鼠标的点。仪式现在，当鼠标移动时，新的线条被绘制出来。我不知道如何清理画布上的中间线。

有人可以帮我解决这些问题吗？

【问题讨论】：

只是一个小建议，在使用Swing 时，不要将AWT 与此混用。画在JComponent的paintComponent(...)方法上而不是Canvas，属于AWT

【参考方案1】：

下面是这样一个“绘画”的简单例子：

public static void main ( String[] args )

    JFrame paint = new JFrame ();

    paint.add ( new JComponent ()
    
        private List<Shape> shapes = new ArrayList<Shape> ();
        private Shape currentShape = null;

        
        MouseAdapter mouseAdapter = new MouseAdapter ()
        
            public void mousePressed ( MouseEvent e )
            
            currentShape = new Line2D.Double ( e.getPoint (), e.getPoint () );
            shapes.add ( currentShape );
            repaint ();
            

            public void mouseDragged ( MouseEvent e )
            
            Line2D shape = ( Line2D ) currentShape;
            shape.setLine ( shape.getP1 (), e.getPoint () );
            repaint ();
            

            public void mouseReleased ( MouseEvent e )
            
            currentShape = null;
            repaint ();
            
        ;
        addMouseListener ( mouseAdapter );
        addMouseMotionListener ( mouseAdapter );
        

        protected void paintComponent ( Graphics g )
        
        Graphics2D g2d = ( Graphics2D ) g;
        g2d.setPaint ( Color.BLACK );
        for ( Shape shape : shapes )
        
            g2d.draw ( shape );
        
        
     );

    paint.setSize ( 500, 500 );
    paint.setLocationRelativeTo ( null );
    paint.setVisible ( true );

它会记住所有绘制的形状，并且只需稍加努力，您就可以扩展它以绘制您喜欢的任何其他形状。

【讨论】：

感谢您的代码.. 它帮助很大。我不确定为什么 Swing 中缺少 JCanvas 。我使用 awt Canvas 而不是 JComponent 进行绘图，并将形状的绘制放在 canvas 的 paint 方法中。有什么理由比 Canvas 更喜欢 Jcomponent 吗？

好吧，据我所知 - 最大的区别是 JComponent 及其所有祖先都是双缓冲的，这意味着从一个 paintComponent() 调用到另一个调用发生的任何更改都将首先呈现到缓冲图像，然后才显示。这消除了 Canvas 在重新绘制时产生的令人讨厌的闪烁效果。

@MikleGarin 你好，迈克，只是想知道我将如何编辑你的代码，以便在释放鼠标时它会重新绘制屏幕并删除刚刚绘制的线条？

@Thatdude1 只需将鼠标从shapes 数组中移动并调用repaint() 即可删除刚刚创建的形状。

【参考方案2】：

利用 AWT 包中的 Line2D 对象并执行以下步骤：

为第一次和第二次点击创建鼠标 (X,Y) 值 创建一个booleanvariable来检查点击是第一次还是第一次 第二个 创建一个 List 容器来包含您的 Line2D 对象 在您的 Can 对象中绘制它们 通过鼠标分配 before 和 after (X,Y) 值 听众的事件

第 5 步可以通过以下方式实现：

e.getX() e.getY()

其中e是鼠标事件，可以通过鼠标监听方法的参数来访问。

【讨论】：

@ShawnShroyer 最好链接到最新版本的 JavaDocs。有关获取最新文档链接的提示，请参阅 point 2 of advantages。

@theneoindian 很高兴它对您有所帮助！请单击绿色复选标记选择此作为您的答案。

【参考方案3】：

您应该使用 awt 包中的 Line2D 对象，为第一次单击和第二次单击创建 x 和 y 值，以及确定是第一次单击还是第二次单击的布尔值。然后制作一个 Line2D 的 ArrayList 并将它们绘制在您的 Can 对象中。因此，您可以使用 MouseEvent.getX() 和 getY() 为鼠标侦听器中的事件分配前后 x 和 y 值。