如何在JPanel中绘制？（使用Swing/Java图形库）

Question

我正在开发一个绘画程序的项目。

目前为止，我使用Netbeans创建了GUI并设置了程序。现在，我能够调用所有必要的坐标来在面板内部进行绘制，但是我不知道如何实际进行绘制。

在我的代码末尾，我尝试在面板内部进行绘制，但是失败了。

有人能解释/展示如何在这种情况下使用图形吗？

我找到的所有示例都是使用类并将其扩展为 JPanel，但我不知道是否可以这样做，因为它是在Netbeans中生成的。

我需要在我的 JFrame 内部的 JPanel 中进行绘制。我不知道在哪里放置图形类。

JavaPaintUI 类

package javapaint;

import java.awt.*;
import javax.swing.*;

public class JavaPaintUI extends javax.swing.JFrame {

public JavaPaintUI() {
    initComponents();
}


private void initComponents() {


    jPanel2 = new javax.swing.JPanel();

    jPanel2.setBackground(new java.awt.Color(255, 255, 255));
    jPanel2.setBorder(javax.swing.BorderFactory.createBevelBorder(javax.swing.border.BevelBorder.RAISED));
    jPanel2.addMouseListener(new java.awt.event.MouseAdapter() {
        public void mousePressed(java.awt.event.MouseEvent evt) {
            jPanel2MousePressed(evt);
        }
        public void mouseReleased(java.awt.event.MouseEvent evt) {
            jPanel2MouseReleased(evt);
        }
    });
    jPanel2.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
        public void mouseDragged(java.awt.event.MouseEvent evt) {
            jPanel2MouseDragged(evt);
        }
    });
    pack();
}// </editor-fold>                        

int currentX, currentY, oldX, oldY;

private void jPanel2MouseDragged(java.awt.event.MouseEvent evt) {                                     
    if (tool == 1) {
        currentX = evt.getX();
        currentY = evt.getY();
        oldX = currentX;
        oldY = currentY;
        System.out.println(currentX + " " + currentY);
        System.out.println("PEN!!!!");
    }

}                                    

private void jPanel2MousePressed(java.awt.event.MouseEvent evt) {                                     
    oldX = evt.getX();
    oldY = evt.getY();
    System.out.println(oldX + " " + oldY);
}                                    


//mouse released//
private void jPanel2MouseReleased(java.awt.event.MouseEvent evt) {                                      
    if (tool == 2) {
        currentX = evt.getX();
        currentY = evt.getY();
        System.out.println("line!!!! from" + oldX + "to" + currentX);
    }
}                                     

//set ui visible//
public static void main(String args[]) {
    java.awt.EventQueue.invokeLater(new Runnable() {

        public void run() {
            new JavaPaintUI().setVisible(true);
        }
    });
}

// Variables declaration - do not modify                     
private javax.swing.JPanel jPanel2;
// End of variables declaration                   

class jPanel2 extends JPanel {

    @Override
    public void paintComponent(Graphics g) {
        super.paintComponent(g);

        g.drawString("BLAH", 20, 20);
        g.drawRect(200, 200, 200, 200);
    }
}
}

屏幕截图

整个界面是一个JFrame，白色区域中心是jPanel2，我想在上面绘制。

- Nick R

---

请参见我在此线程中的回复以获取有关Java绘画的非常简单的示例：changing-jpanel-graphics-g-color-drawing-line。此外，请不要操作NetBeans生成的代码，因为首先学习如何自己编写Swing /图形代码将会带来即时和长期的回报。 - Hovercraft Full Of Eels

所有我找到的例子都是创建一个类并用JPanel扩展它，但我不知道是否可以这样做，因为它是在NetBeans中生成的。 这就是你的基本问题，不了解如何使用你的自动化IDE。 在这种情况下，我建议暂时放下你不理解的IDE，并学习如何编写Java代码。也许稍后，在IDE的F1功能的帮助下，你会发现如何使用自定义组件。但现在先不要考虑这个，因为这是你不需要的额外复杂性。 - Andrew Thompson

我在几个网站上意识到了这一点，作弊者永远不会赢得胜利 :) 谢谢大家，现在我比以前更进一步了。 - Nick R

Answer 1

注意额外的注释。

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.border.*;

class JavaPaintUI extends JFrame {

    private int tool = 1;
    int currentX, currentY, oldX, oldY;

    public JavaPaintUI() {
        initComponents();
    }

    private void initComponents() {
        // we want a custom Panel2, not a generic JPanel!
        jPanel2 = new Panel2();

        jPanel2.setBackground(new java.awt.Color(255, 255, 255));
        jPanel2.setBorder(BorderFactory.createBevelBorder(BevelBorder.RAISED));
        jPanel2.addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent evt) {
                jPanel2MousePressed(evt);
            }
            public void mouseReleased(MouseEvent evt) {
                jPanel2MouseReleased(evt);
            }
        });
        jPanel2.addMouseMotionListener(new MouseMotionAdapter() {
            public void mouseDragged(MouseEvent evt) {
                jPanel2MouseDragged(evt);
            }
        });

        // add the component to the frame to see it!
        this.setContentPane(jPanel2);
        // be nice to testers..
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        pack();
    }// </editor-fold>

    private void jPanel2MouseDragged(MouseEvent evt) {
        if (tool == 1) {
            currentX = evt.getX();
            currentY = evt.getY();
            oldX = currentX;
            oldY = currentY;
            System.out.println(currentX + " " + currentY);
            System.out.println("PEN!!!!");
        }
    }

    private void jPanel2MousePressed(MouseEvent evt) {
        oldX = evt.getX();
        oldY = evt.getY();
        System.out.println(oldX + " " + oldY);
    }


    //mouse released//
    private void jPanel2MouseReleased(MouseEvent evt) {
        if (tool == 2) {
            currentX = evt.getX();
            currentY = evt.getY();
            System.out.println("line!!!! from" + oldX + "to" + currentX);
        }
    }

    //set ui visible//
    public static void main(String args[]) {
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                new JavaPaintUI().setVisible(true);
            }
        });
    }

    // Variables declaration - do not modify
    private JPanel jPanel2;
    // End of variables declaration

    // This class name is very confusing, since it is also used as the
    // name of an attribute!
    //class jPanel2 extends JPanel {
    class Panel2 extends JPanel {

        Panel2() {
            // set a preferred size for the custom panel.
            setPreferredSize(new Dimension(420,420));
        }

        @Override
        public void paintComponent(Graphics g) {
            super.paintComponent(g);

            g.drawString("BLAH", 20, 20);
            g.drawRect(200, 200, 200, 200);
        }
    }
}

屏幕截图

其他示例 - 更适合多行和多线段

HFOE在本帖的第一条评论中提供了一个很好的链接。 Camickr在Custom Painting Approaches文章中也描述了绘制到BufferedImage的主动绘画与绘图的方法。

另请参见此使用在BufferedImage中绘图的方法。

- Andrew Thompson

---

@Andrew，你所做的唯一事情就是重新命名内部类...我的回答提供了一个可行的解决方案，可以编写一个绘图程序。我不是在攻击你的答案。我只是说它可以成为一行注释并提供相同的影响力。问题是“有人能解释/展示如何在这样的示例中使用图形吗？” 现在，你的答案是否回答了这个问题？ - Yanick Rochon

通过调整原始代码回答问题并提供工作代码，加一分。 - camickr

感谢您的回答，但是当我进行这些更改时，它会覆盖所有其他UI和Swing组件（可能是所有NetBeans内容）。现在，为了使它在移动鼠标时绘制，我正在使用g.drawLine(oldX, oldY, currentX, currentY)；但是，如果我将其放在我的paintcomponent中，然后再调用repaint()，它只会暂时绘制线条。我希望它能够像输出一样绘制线条（当选择笔时，每次移动都会从新的和上一个坐标绘制一条线，当选择线条时，它会在释放第一个点到第二个点时绘制一条线）。 - Nick R

@Nick：我必须承认，我忽略了检查屏幕截图（现在已嵌入到你的问题中）。那些其他控件是从哪里来的？至于绘制多条线，你需要存储多个坐标或更好的是将多个“PaintedElement”（封装坐标、笔画大小、笔/线和笔画大小）存储在可扩展列表中，并在“paintComponent()”中绘制它们所有，或者逐个将它们写入“BufferedImage”。如果用户选择“清除”当前图像，则清空坐标/“PaintedElement”列表或刷新“BufferedImage”。 - Andrew Thompson

@Nick: "( should i update full code? )" 不需要。我建议你准备一个SSCCE（我的例子就是一个SSCCE）。"i use buffered images to do this right?" 可以使用BufferedImage或存储（假设的）PaintedElement。使用BufferedImage的一个优点是可以将其设置为JLabel的ImageIcon，然后将标签添加到面板中。在这种情况下，不需要覆盖/扩展任何内容。 - Andrew Thompson

Answer 2

在使用图形用户界面时，需要记住绘制窗格是在 Java AWT/Swing 事件队列中完成的。不能在 paint()/paintComponent()/等方法之外直接使用 Graphics 对象。

但是，您可以使用一种称为 "帧缓冲技术" 的技术。基本上，您需要有一个 BufferedImage 并直接在其上绘制（请参见其 createGraphics() 方法；您可以保留并重用该绘图上下文用于同一 BufferedImage 实例上的多个操作，无需每次重新创建它，仅在创建新实例时需要）。然后，在您的 JPanel 的 paintComponent() 中，您只需要将 BufferedImage 实例绘制到 JPanel 上即可。使用此技术，您可以通过仿射变换轻松执行缩放、平移和旋转操作。

- Yanick Rochon

---

谢谢你的回答，我在一些例子中看到过它，但不确定它的作用。我会试一下。 - Nick R

我觉得这个任务对我来说有点难度太大了，我还没有学习足够的相关概念。 - Nick R

@Nick，将缓冲图像视为具有方便的绘图方法等的赞美的2D像素值数组。您的应用程序通过缓冲图像的“Graphics”上下文绘制，并且当准备好更新时，您的JPanel使用该图像来更新自身（当操作系统重新绘制它时）。这是您情况下最简单的光栅图形解决方案。更复杂的解决方案是像Andrew建议的那样保留绘图元素数组，而不是缓冲图像，并在“paintComponent”方法中绘制这些元素；用于矢量图形解决方案。 - Yanick Rochon

Answer 3

这是一个简单的例子。我相信很容易理解：

import java.awt.*;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Graph extends JFrame {
JFrame f = new JFrame();
JPanel jp;


public Graph() {
    f.setTitle("Simple Drawing");
    f.setSize(300, 300);
    f.setDefaultCloseOperation(EXIT_ON_CLOSE);

    jp = new GPanel();
    f.add(jp);
    f.setVisible(true);
}

public static void main(String[] args) {
    Graph g1 = new Graph();
    g1.setVisible(true);
}

class GPanel extends JPanel {
    public GPanel() {
        f.setPreferredSize(new Dimension(300, 300));
    }

    @Override
    public void paintComponent(Graphics g) {
        //rectangle originates at 10,10 and ends at 240,240
        g.drawRect(10, 10, 240, 240);
        //filled Rectangle with rounded corners.    
        g.fillRoundRect(50, 50, 100, 100, 80, 80);
    }
}

输出结果如下：

- Bijaya Bidari

---

你可以选择扩展JFrame或使用JFrame f = new JFrame();。如果两者都做，将创建2个JFrame对象。此外，你可以省略g.drawRect（10,10,240,240）; - c0der

Answer 4

对Bijaya Bidari代码的变化，Java 8接受，没有在构造函数中出现可重写方法调用的警告：

public class Graph extends JFrame {
    JPanel jp;

    public Graph() {
        super("Simple Drawing");
        super.setSize(300, 300);
        super.setDefaultCloseOperation(EXIT_ON_CLOSE);

        jp = new GPanel();
        super.add(jp);
    }

    public static void main(String[] args) {
        Graph g1 = new Graph();
        g1.setVisible(true);
    }

    class GPanel extends JPanel {
        public GPanel() {
            super.setPreferredSize(new Dimension(300, 300));
        }

        @Override
        public void paintComponent(Graphics g) {
            super.paintComponent(g);
            //rectangle originated at 10,10 and end at 240,240
            g.drawRect(10, 10, 240, 240);
                    //filled Rectangle with rounded corners.    
            g.fillRoundRect(50, 50, 100, 100, 80, 80);
        }
    }
}

- joser