在JPanel的一侧绘制

Question

我想编写一个应用程序，让你用鼠标点击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);

  } 
}

当我使用容器时，它可以（在整个框架上）工作。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) {
  }
}

Answer 1

让我们看看你的问题：

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

这是因为每当您单击DrawCircle类中的某个位置时，您都忘记调用JGroup#revalize（）和JGroup#repaint（）。

因此，您可以将您的mousePressed（）方法更改为：

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

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

这会使你的圆圈出现，但是，你的画圈真的很薄（我将这个图像的JFrame高度改为200，否则它会很高）：

红色部分是您的绘图圈面板。

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

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

这将使您的JGroup返回一半大小，宽度和高度作为参数传递给构造函数，并且您的类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（新的DrawCircle）时，它（在整个框架上）有效

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

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

我还对应用程序类做了一些更改（在我的例子中，我将其重命名为CustomPaintingInHalfFrame）：

这些变化是：

• 为WIDTH和HEIGHT属性创建最终常量。
• 使用BorderLayout布局删除不必要的JGroup，因为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);

    }
}

>

我建议您将DrawCircle重命名为Circle或类似的东西。按照惯例，类名称应该是名词

例如，将方法重命名为createGui（），因为作为类名称，方法名称应该是动词