0

我想编写一个应用程序，让您通过在 a 的左侧单击鼠标来绘制圆圈JFrame，并且所有点都“镜像”到右侧。我遇到的第一个问题是，当我尝试在我的框架中实现这种绘制机制时，没有出现任何圆圈。

public class Application{
  int x,y;
  private JPanel container;

  public static void main(String[] args)
  {
    SwingUtilities.invokeLater(new Runnable() {
      @Override
      public void run() {
        new Application().gui();
      }
    });  
  }

  public void gui()
  {
    int height = 250;
    int width = 700;
    JFrame jframe = new JFrame();
    container = new JPanel();
    container.setLayout(new BorderLayout());

    container.add(new DrawCircle(), BorderLayout.WEST);
    container.setVisible(true);
    jframe.add(container);
    //jframe.add(new DrawCircle());

    jframe.setSize(500,700);
    jframe.setVisible(true);
    jframe.setTitle("Title");
    jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    jframe.setResizable(false);

  } 
}

它在我使用时（在整个框架上）有效，container.add(new DrawCircle)但如果我想添加约束，它不会。

这是圆圈类：

public class DrawCircle extends JPanel implements MouseListener
{
  ArrayList<Point> p = new ArrayList<Point>();

  public DrawCircle()
  {
    addMouseListener(this);
  }

  public void paintComponent(Graphics g)
  {
    super.paintComponent(g);
    for(Point point : p)
    {
      g.fillOval(point.x,point.y,30,30);    
    }  
  }

  @Override
  public void mouseClicked(MouseEvent e) {
  }

  @Override
  public void mouseEntered(MouseEvent e) {
    // TODO Auto-generated method stub
  }

  @Override
  public void mouseExited(MouseEvent e) {
    // TODO Auto-generated method stub
  }

  @Override
  public void mousePressed(MouseEvent e) {
    p.add(new Point(e.getY(), e.getX()));
  }

  @Override
  public void mouseReleased(MouseEvent e) {
  }

  @Override
  public void mouseDragged(MouseEvent e) {
  }

  @Override
  public void mouseMoved(MouseEvent arg0) {
  }
}
4

1 回答 1

1

让我们来看看你的问题：

我遇到的第一个问题是，当我尝试在我的框架中实现这种绘制机制时，没有出现任何圆圈。

这是因为你忘记打电话了JPanel#revalidate()，JPanel#repaint()每当你点击DrawCircle课堂上的某个地方时。

因此，您可以将mousePressed()方法更改为：

@Override
public void mousePressed(MouseEvent e) {
    p.add(new Point(e.getX(), e.getY()));
    revalidate();
    repaint();
}

请注意，我还更改了e.getX()ande.getY()调用，因为它们位于错误的位置（除非您希望它们那样）。

这将使您的圆圈出现，但是，您的圈子DrawCircle真的很薄（我将这张图片的高度更改JFrame为 200，否则它会非常高）：

在此处输入图像描述

红色部分是您的DrawCircle面板。

要解决此问题，您需要覆盖其getPreferredSize()方法：

@Override
public Dimension getPreferredSize() {
    return new Dimension(width, height);
}

这将使您JPanel返回一半的大小，width并height作为参数传递给构造函数，您的类DrawCircle现在应该如下所示：

class DrawCircle extends JPanel implements MouseListener {
    ArrayList<Point> p = new ArrayList<Point>();
    
    int width = 0;
    int height = 0;
    
    public DrawCircle(int width, int height) {
        this.width = width;
        this.height = height;
        addMouseListener(this);
    }
    
    @Override
    public Dimension getPreferredSize() {
        return new Dimension(width, height);
    }

    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        for (Point point : p) {
            g.fillOval(point.x, point.y, 30, 30);
        }
    }

    @Override
    public void mouseClicked(MouseEvent e) {
    }

    @Override
    public void mouseEntered(MouseEvent e) {
        // TODO Auto-generated method stub
    }

    @Override
    public void mouseExited(MouseEvent e) {
        // TODO Auto-generated method stub
    }

    @Override
    public void mousePressed(MouseEvent e) {
        p.add(new Point(e.getX(), e.getY()));
        revalidate();
        repaint();
    }

    @Override
    public void mouseReleased(MouseEvent e) {
    }
}

输出将是这样的：

在此处输入图像描述

当我使用 container.add(new DrawCircle) 时它可以工作（在整个框架上）

这是因为默认情况下BorderLayout，默认情况下将元素放置在CENTER区域上，如果在其余方向（ 、 等）中没有其他内容，NORTH它将SOUTH占用整个空间。

现在让我们继续如何解决您的问题：

我还对课程进行了一些更改Application（在我的情况下，我将其重命名为CustomPaintingInHalfFrame）：

这些变化是：

  • WIDTH为和HEIGHT属性创建最终常量。
  • 删除不必要JPanel的BorderLayout布局，因为JFrame默认情况下已经有这个布局，我只是添加了我们DrawClass的。
  • 为面板绘制边框DrawCircle（因为您不希望您的（左和右）部分之间有分割，如上一个问题JFrame中所述，您可以简单地将其删除（我建议您在测试时将其留在那里）所以你知道左面板在哪里结束，右面板从哪里开始。
  • 传递WIDTH / 2和HEIGHT作为DrawCircle构造函数的参数，因此它可以返回正确的Dimension.

所以，我们的类现在应该是这样的：

public class CustomPaintingInHalfFrame {
    int x, y;
    public static final int WIDTH = 500;
    public static final int HEIGHT = 200;

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new CustomPaintingInHalfFrame().gui();
            }
        });
    }

    @SuppressWarnings("serial")
    public void gui() {
        JFrame jframe = new JFrame("Title");
        
        DrawCircle dc = new DrawCircle(WIDTH / 2, HEIGHT);
        
        dc.setBorder(BorderFactory.createLineBorder(Color.RED));
        
        jframe.add(dc, BorderLayout.WEST);
        
        jframe.setSize(WIDTH, HEIGHT);
        jframe.setVisible(true);
        jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jframe.setResizable(false);

    }
}

附加提示

  1. 我建议您将您的重命名DrawCircle为Circle或类似的名称。作为惯例，类名应该是名词

  2. gui()例如，将方法重命名为createGui()，因为作为类名称，方法名称应该是动词

于 2017-01-17T17:12:33.167 回答