迹忆客 专注技术分享

在 Java 中，我们可以通过两种方式制作画布，使用 Java AWT 或 Java Swing。今天，我们将学习如何使用 Java Swing 制作画布并绘制形状。

使用 Java Swing 创建画布

示例代码（PaintPanel.java 类）：

//write your package here
package com.voidtesting.canvas;
//import necessary libraries
import java.awt.Graphics;
import java.awt.Point;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import javax.swing.JPanel;

public class PaintPanel extends JPanel {

    //count the number of points
    private int pointCounter = 0;
    //array of 10000 Point references
    private Point[] points = new Point[10000];

    //make GUI and register the mouse event handler
    public PaintPanel() {
        //handles frame mouse motion event
        addMouseMotionListener(
                new MouseMotionAdapter(){
                    //store the drag coordinates and repaint
                    @Override
                    public void mouseDragged(MouseEvent event) {
                        if (pointCounter < points.length) {
                            //find points
                            points[pointCounter] = event.getPoint();
                            //increment point's number in the array
                            ++pointCounter;
                            //repaint JFrame
                            repaint();
                        }//end if
                    }//end mouseDragged method
                }//end anonymous inner class
        );//end call to the addMouseMotionListener
    }//end PaintPanel constructor

    /*
    draw oval in a 5 by 5 bounding box at the given location
    on the window
    */
    @Override
    public void paintComponent(Graphics g) {
        //clear drawing area
        super.paintComponent(g);
        //draw all points that we have in array
        for (int i = 0; i < pointCounter; i++)
            g.fillOval(points[i].x, points[i].y, 5, 5);
    }//end paintComponent method
}//end PaintPanel Class

示例代码（Canvas.java 类）：

//write your package here
package com.voidtesting.canvas;
//import necessary libraries
import java.awt.BorderLayout;
import java.awt.Label;
import javax.swing.JFrame;

public class Canvas {

    public static void main(String[] args) {
        //create JFrame Object
        JFrame jFrame = new JFrame("Canvas Using Java Swing");
        //create PaintPanel Object
        PaintPanel paintPanel = new PaintPanel();
        // add paintPanel in center
        jFrame.add(paintPanel, BorderLayout.CENTER);
        //place the created label in the south of BorderLayout
        jFrame.add( new Label ("Drag the mouse to draw"), BorderLayout.SOUTH);
        //exit on close
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        //set frame size
        jFrame.setSize(500, 400);
        //set jFrame location to center of the screen
        jFrame.setLocationRelativeTo(null);
        //display frame
        jFrame.setVisible(true);
    }
}

输出：

在 PaintPanet.java 类中，它扩展 JPanel 以创建用于绘制的承诺区域。Point 类表示 x 和 y 坐标。

我们创建一个 Point 类的对象来保存每个鼠标拖动事件的所有坐标，而 Graphics 类用于绘制。在这个例子中，我们使用一个 Point 类型的数组，其中包含 10,000 个点/坐标，用于存储每个鼠标拖动事件发生的位置。

我们可以看到 paintComponent 使用这些坐标进行绘制。请注意，名为 pointCounter 的实例变量仍然跟踪通过鼠标拖动事件捕获的点总数。

一旦它达到 10,000 的上限，我们就不能再画了。

然后，我们注册可以监听 PaintPanel 类的鼠标移动事件的 MouseMotionListener。在 addMouseMotionListener() 监听器中，我们创建了一个匿名内部类的对象，该对象扩展名为 MouseMotionAdapter 的适配器类。

为什么我们要覆盖 mouseDragged？因为 MouseMotionAdapter 实现 MouseMotionListener，匿名内部类对象是 MouseMotionListener。匿名内部类继承了默认的 mouseMoved 和 mouseDragged 实现。

所以，它已经实现了接口的所有方法。但是，无论何时调用默认方法，它们都不执行任何操作，这就是为什么我们覆盖 mouseDragged 以捕获鼠标拖动事件的点并将它们保存为 Point 对象。

if 语句确保我们只在有容量的情况下保存数组中的点。调用 getPoint() 方法来检索事件发生的坐标，将它们保存在索引 pointCounter 处的 points 数组中，然后也增加 pointCounter。

在发出 if 语句之前，我们使用 repaint() 方法来处理对绘制周期的更新。接下来，paintComponent 方法接收 Graphics 的参数，只要 PaintPanel 必须显示在计算机屏幕上，该参数就会自动调用。

在 paintComponent 方法中，我们调用 paintComponent 的超类来清除绘图区域。请记住，我们使用 super 关键字来访问超类的方法和实例。

我们在给定位置通过数组中的每个点绘制一个 5 x 5 椭圆形，它可以上升到 pointCounter，而 fillOval() 方法绘制实心椭圆形。

现在，来到主类 Canvas.java。它创建了 JFrame 和 PaintPanel 的对象。

然后，我们使用 add() 方法将 PaintPanel 的对象添加到 JFrame 窗口的中心。我们使用 BorderLayout.CENTER 将其添加到 JFrame 窗口的中心。

接下来，我们使用 BorderLayout.SOUTH 在 JFrame 窗口的南部添加一个 Label。之后，我们使用 setDefaultCloseOperation()、setSize()、setLocationRelativeTo() 和 setVisible() 方法在用户单击十字符号 (X) 时关闭窗口，设置 JFrame 窗口的大小，将 JFrame 窗口移动到计算机屏幕的中央并分别显示。

我们可以以编程方式绘制，而不是在画布上手动绘制。

示例代码（Draw.java 类具有 main 方法）：

//write your package here
package com.voidtesting.canvas.draw;
//import necessary libraries
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Graphics;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Draw extends JPanel {

    @Override
    public void paintComponent(Graphics g) {
        //call method of the super class
        super.paintComponent(g);
        //set background color
        this.setBackground(Color.cyan);

        //set color of the shape
        g.setColor(Color.red);
        //draw line
        g.drawLine(5, 30, 380, 30);

        //set color of the shape
        g.setColor(Color.blue);
        //draw rectangular
        g.drawRect(5, 40, 90, 55);

        //set color of the shape
        g.setColor(Color.BLACK);
        //draw string
        g.drawString("Hi, how are you?", 100, 50);

        //set color of the shape
        g.setColor(Color.green);
        //draw filled rectangular
        g.fill3DRect(5, 100, 90, 55, true);
        //draw filled oval
        g.fillOval(150, 100, 90, 55);
    }

    public static void main(String[] args) {
        //create JFrame Object
        JFrame jFrame = new JFrame("Canvas");
        // add the object of Draw Class in center
        jFrame.add(new Draw(), BorderLayout.CENTER);
        //exit on close
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        //set frame size
        jFrame.setSize(300, 200);
        //set jFrame location to center of the screen
        jFrame.setLocationRelativeTo(null);
        //display frame
        jFrame.setVisible(true);

    }
}

输出：