3

我想JPanel在鼠标拖动时绘制 2 条（或更多条）线。当我super.paintComponent(g) 在我的代码中使用时，我无法在面板上绘制 2 行，但是当我不使用super.paintComponent(g);时，结果很丑陋，如下图所示：

在此处输入图像描述

我理解为什么这些线条会这样。

拖动鼠标时如何在面板上绘制线条？

顺便说一句，有时绘制的线g2d.draw(line2d)不是平滑线（下图）

在此处输入图像描述

到目前为止我的代码：

import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.geom.Line2D;
import java.util.ArrayList;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.WindowConstants;


public class LineDrawing extends JPanel implements MouseMotionListener, MouseListener{
    Point point1;
    Point point2;
    Line2D line2d;

  public LineDrawing(){
       super();
       addMouseListener(this);
       addMouseMotionListener(this);
    }

 @Override
  public void paintComponent(Graphics g){

    //super.paintComponent(g);

       Graphics2D g2d = (Graphics2D) g;
       if(point1!=null && point2!=null){

          g2d.setPaint(Color.RED);
          g2d.setStroke(new BasicStroke(1.5f));
          g2d.draw(line2d);

         }
      }   


  @Override
  public void mouseDragged(MouseEvent e) {

    point2 = e.getPoint();
    line2d = new Line2D.Double(point1, point2); 
    repaint();

  }

   @Override
   public void mouseMoved(MouseEvent e) {

   }

   @Override
   public void mouseClicked(MouseEvent e) {

  }

   @Override
   public void mousePressed(MouseEvent e) {
     point1 = e.getPoint();

   }

  @Override
  public void mouseReleased(MouseEvent e) {

  }

 @Override
 public void mouseEntered(MouseEvent e) {

 }

 @Override
 public void mouseExited(MouseEvent e) {

}


public static void main(String a[]){
   EventQueue.invokeLater(new Runnable(){
        @Override
        public void run() {

         JFrame frame = new JFrame();
         LineDrawing linedraw= new LineDrawing();
         frame.add(linedraw);
         frame.setSize(500,500);
         frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
         frame.setVisible(true);   

                         }
                });
   }   
}
4

2 回答 2

5

..画两条线

这似乎是这个问题的症结所在。

单击/拖动时，将一组行保留在可扩展列表中（例如ArrayList），向列表中添加新行并调用repaint(). 在paintComponent(Graphics)中，迭代集合并绘制每一行。

顺便说一句 - 我猜你在测试这个时没有最小化和恢复你的窗口。你的台词（漂亮的或丑陋的）会消失！

..他们消失了。什么原因？

每当 GUI 需要重绘时，都会调用方法paint()和。paintComponent()它们可能会在另一个窗口出现在应用程序前面后被调用，然后将它带回到前面。还有一次是从最小化恢复后。

保留这些行的选项包括：

  • 存储线的位置并在被要求时重新绘制所有线（如上所述）。这可以用于大多数目的。即使有数百行，GUI 也会在“眨眼之间”重新绘制它们。
  • 将每条线绘制到 aBufferedImage并将图像放入 (an ImageIconin) aJLabel中。如果绘图区域的大小是固定的，并且没有任何内容被删除，那么这种方法效果很好，并且可以容纳..数百万条线、弧、半透明区域、较小的图像、文本.. 使用图像作为渲染表面，您将不再需要ArrayList，因为您所做的只是向图像添加新行，然后重新绘制标签以查看新行和所有先前的行。

..这条线不是直线。

这是因为绘制线条时使用了“渲染提示”。由对齐的像素行组成的屏幕只能完美地制作垂直或水平线。要在任何其他角度给出直线和连续线的“幻觉”，需要一种称为抖动的技术。阅读 的开头部分以Graphics2D获得更多的解释和描述RenderingHints。

于 2012-04-18T13:37:50.807 回答
1

我不知道我得到你的问题，但如果你想画一条连续的线。拖动时，您必须更新最后一个点的位置。

@Override
  public void mouseDragged(MouseEvent e) {
    point2 = e.getPoint();
    line2d = new Line2D.Double(point1, point2); 
    point1 = point2;  // add this line
    repaint();
  }
于 2012-04-18T13:38:38.713 回答