创建演示应用程序(步骤 3)

最后，我们将添加事件处理代码，以每当用户单击或拖动鼠标时以编程方式重新绘制组件。为了使自定义绘制尽可能高效，我们将跟踪鼠标坐标并仅重新绘制屏幕上已更改的区域。这是推荐的最佳实践，它将使您的应用程序尽可能高效地运行。

完成的申请

图 3：完成的应用程序

单击启动按钮以使用Java™Web 开始(下载 JDK 7 或更高版本)运行 SwingPaintDemo3.另外，要自己编译和运行示例，请查阅example index。

package painting;

import javax.swing.SwingUtilities;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.BorderFactory;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseMotionListener;
import java.awt.event.MouseMotionAdapter;

public class SwingPaintDemo3 {
    
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI(); 
            }
        });
    }

    private static void createAndShowGUI() {
        System.out.println("Created GUI on EDT? "+
        SwingUtilities.isEventDispatchThread());
        JFrame f = new JFrame("Swing Paint Demo");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
        f.add(new MyPanel());
        f.pack();
        f.setVisible(true);
    } 
}

class MyPanel extends JPanel {

    private int squareX = 50;
    private int squareY = 50;
    private int squareW = 20;
    private int squareH = 20;

    public MyPanel() {

        setBorder(BorderFactory.createLineBorder(Color.black));

        addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                moveSquare(e.getX(),e.getY());
            }
        });

        addMouseMotionListener(new MouseAdapter() {
            public void mouseDragged(MouseEvent e) {
                moveSquare(e.getX(),e.getY());
            }
        });
        
    }
    
    private void moveSquare(int x, int y) {
        int OFFSET = 1;
        if ((squareX!=x) || (squareY!=y)) {
            repaint(squareX,squareY,squareW+OFFSET,squareH+OFFSET);
            squareX=x;
            squareY=y;
            repaint(squareX,squareY,squareW+OFFSET,squareH+OFFSET);
        } 
    }
    

    public Dimension getPreferredSize() {
        return new Dimension(250,200);
    }
    
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);       
        g.drawString("This is my custom Panel!",10,20);
        g.setColor(Color.RED);
        g.fillRect(squareX,squareY,squareW,squareH);
        g.setColor(Color.BLACK);
        g.drawRect(squareX,squareY,squareW,squareH);
    }  
}

此更改首先从java.awt.event包中导入各种鼠标类，从而使应用程序能够响应用户的鼠标活动。构造函数已更新，可以注册用于鼠标按下和拖动的事件侦听器。每当收到MouseEvent时，它将被转发到moveSquare方法，该方法将更新正方形的坐标并以智能方式重新绘制组件。请注意，默认情况下，放置在这些事件处理程序中的任何代码都将在事件调度线程上执行。

但是最重要的变化是repaint方法的调用。此方法由java.awt.Component定义，并且是一种允许您以编程方式重新绘制任何给定组件的表面的机制。它具有无参数版本(重新绘制整个组件)和多参数版本(仅重新绘制指定的区域.)此区域也称为剪辑。调用repaint的多参数版本会花费一些额外的精力，但可以保证您的绘画代码不会浪费循环重新绘画屏幕的未更改区域。

因为我们是手动设置剪辑，所以我们的moveSquare方法不会一次调用 repaint 方法，而是两次。第一次调用告诉 Swing 重新绘制以前正方形所在的组件区域(继承的行为使用 UI 委托以当前背景色填充该区域.)第二次调用绘制当前正方形所在的组件区域。 。值得注意的重要一点是，尽管我们在同一事件处理程序中连续两次调用了重新绘制，但是 Swing 足够聪明，可以通过一次绘制操作来获取该信息并重新绘制屏幕的这些部分。换句话说，Swing 不会连续两次重涂组件，即使这似乎是代码正在做的事情。

Exercises:

• 注解 掉重画的第一次调用，并记下单击或拖动鼠标时发生的情况。由于该行负责填充背景，因此您应注意，所有正方形在绘制后仍保留在屏幕上。

• 屏幕上有多个正方形，请最小化并还原应用程序框架。怎么了？您应注意，最大化屏幕的行为会使系统完全重涂组件表面，这将擦除除当前正方形以外的所有正方形。

• 注解 掉这两个重绘的调用，并在 paintComponent 方法的末尾添加一行以替代地调用零参数版本的重绘。该应用程序似乎已恢复到其原始行为，但是由于该组件的整个表面积都已被绘制，因此绘制效率将降低。您可能会注意到性能降低，尤其是在应用程序已最大化的情况下。