Java,在特定的JPanel上绘制

时间:2016-11-25 20:33:53

标签: java swing jframe jpanel draw

我正在研究一个基于用户给出的输入绘制线性函数的程序。 我设法创建了一个绘制“线”(许多点)的方法。

正如您在屏幕截图中看到的,右侧有一些空间。我想添加一些JButtons,JLabel和JTextFields,以便用户可以输入函数的数据。

Screenshot of the program

但是如果我添加一些JButtons或一些JLabel,它们将不会显示在右侧。谁能解释一下这种行为的原因?我将上传没有JButton的版本的源代码。 谢谢你们的帮助!

Student_Num  Course 

1               2

1               3

2               2

3 个答案:

答案 0 :(得分:3)

如果要在右侧添加按钮,您将需要了解并使用布局管理器。一个关键概念是,您可以通过嵌套JPanel来有效地嵌套布局,每个JPanel都使用自己的布局。例如,如果我们在JPanel中绘图(建议这样做而不是直接在JFrame中绘图,我们可以将此JPanel放在另一个在BorderLayOut.CENTER位置使用BorderLayout的JPanel中。然后我们可以添加另一个JPanel使用GridLayout将按钮添加到此外部JPanel的右侧。

或许最好只展示一个例子:

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.GridLayout;

import javax.swing.*;

public class ProjectFunctionTest {
    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            JFrame mainFrame = new JFrame("Project Function");
            mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            mainFrame.add(new ProjFunctMainPanel());
            mainFrame.pack();
            mainFrame.setLocationRelativeTo(null);
            // mainFrame.setExtendedState(JFrame.MAXIMIZED_BOTH);
            mainFrame.setVisible(true);
        });
    }
}

class ProjFunctMainPanel extends JPanel {
    private static final String[] BUTTON_TEXTS = {"Open", "Save", "Edit", "Exit"};
    private ProjFunctDrawingPanel drawingPanel = new ProjFunctDrawingPanel();

    public ProjFunctMainPanel() {
        // an inner jpanel to hold our jbuttons and uses grid layout
        JPanel buttonPanel = new JPanel(new GridLayout(0, 1, 5, 5));
        for (String btnText : BUTTON_TEXTS) {
            buttonPanel.add(new JButton(btnText));
        }

        // a wrapper jpanel to hold the button panel above at its top
        // so the buttons are loaded top-right
        JPanel rightPanel = new JPanel(new BorderLayout());
        rightPanel.add(buttonPanel, BorderLayout.PAGE_START);

        // make outer panel use borderlayout
        setLayout(new BorderLayout());
        add(drawingPanel, BorderLayout.CENTER); // add drawing to the center
        add(rightPanel, BorderLayout.LINE_END);  // and wrapper panel with buttons to the right
    }
}

class ProjFunctDrawingPanel extends JPanel {
    private static final int PANEL_W = 1000;
    private static final int PANEL_H = 900;

    public ProjFunctDrawingPanel() {
        setBorder(BorderFactory.createLineBorder(Color.BLUE));
    }

    // this will set the preferred size of the jpanel to be one that fits the image
    @Override
    public Dimension getPreferredSize() {
        if (isPreferredSizeSet()) {
            return super.getPreferredSize();            
        } else {
            return new Dimension(PANEL_W, PANEL_H);
        }
    }

    // draw in a JPanel's paintComponent method
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g); // don't forget to call the super's method
        g.setColor(new Color(204, 204, 204));
        g.drawLine(0, 900, 1000, 900);
        g.drawLine(0, 800, 1000, 800);
        g.drawLine(0, 700, 1000, 700);
        g.drawLine(0, 600, 1000, 600);
        g.drawLine(0, 400, 1000, 400);
        g.drawLine(0, 300, 1000, 300);
        g.drawLine(0, 200, 1000, 200);
        g.drawLine(0, 100, 1000, 100);
        g.drawLine(100, 0, 100, 1000);
        g.drawLine(200, 0, 200, 1000);
        g.drawLine(300, 0, 300, 1000);
        g.drawLine(400, 0, 400, 1000);
        g.drawLine(600, 0, 600, 1000);
        g.drawLine(700, 0, 700, 1000);
        g.drawLine(800, 0, 800, 1000);
        g.drawLine(900, 0, 900, 1000);
        g.setColor(Color.BLACK);
        g.drawRect(0, 500, 1000, 1);
        g.drawRect(500, 0, 1, 1000);
        g.setColor(Color.RED);
        linear(0.25, 1, g);
        g.setColor(Color.BLUE);
        linear(-3, -2.5, g);
    }

    public void linear(double s, double c, Graphics g) {
        int Anzpunkte = 0;
        c = c * 100;
        int x = 500, y = 500 - (int) c;
        g.drawOval(x, y, 2, 2);
        y = y - (int) s;
        double abtrag = s - (int) s;
        System.out.println("Punkt   X-Achse  Y-Achse   Abtrag   Steigung");
        Anzpunkte++;
        System.out.println("" + Anzpunkte + "      " + x + "      " + y + "       " + abtrag + "   " + s);
        while (x < 1000 && y < 1000 && x > 0 && y > 0) {
            x++;
            g.drawOval(x, y, 2, 2);
            Anzpunkte++;
            System.out.println("" + Anzpunkte + "      " + x + "      " + y + "       " + abtrag + "   " + s);
            if (abtrag >= 1 || abtrag <= -1) {
                y = y - (int) s;
                y = y - (int) abtrag;
                abtrag = s - (int) s;
            } else {
                y = y - (int) s;
                abtrag = abtrag + s - (int) s;
            }
        }
        x = 500;
        y = 500 - (int) c;
        while (x < 1000 && y < 1000 && x > 0 && y > 0) {
            x--;
            g.drawOval(x, y, 2, 2);
            Anzpunkte++;
            System.out.println("" + Anzpunkte + "      " + x + "      " + y + "       " + abtrag + "   " + s);
            if (abtrag >= 1 || abtrag <= -1) {
                y = y + (int) s;
                y = y + (int) abtrag;
                abtrag = s - (int) s;
            } else {
                y = y + (int) s;
                abtrag = abtrag + s - (int) s;
            }
        }
    }
}

关于绘图的注释:您永远不想直接在JFrame中绘制,因为JFrames是包含,显示和绘制多个组件的复杂GUI组件,并且绘制其绘制方法可能会破坏此功能。此外,它没有paintComponent方法,所以你失去了自动双缓冲,这对你做动画很重要。而是在JPanel的paintComponent方法中绘制并在覆盖中调用super的方法,以便可以完成管家绘制。

答案 1 :(得分:1)

如果没有调用paint(...),那么您将覆盖super.paint(g),其中绘制了框架的组件。如果你先调用它然后画出你的线条,你可能只是画出组件。你的下一个问题是布局。如果你没有使用GUI构建器(我不推荐,因为我是纯粹主义者; P),你将不得不处理适当的布局,我认为最好不要将行抽屉放在JFrame本身但在JPanel中将放入JFrame。我也推荐GridBagLayout,但你可能会因为它有点复杂而讨厌我。

如果您正在使用GUI构建器......不知道,我从未这样做过。

答案 2 :(得分:1)

  

右侧有一些空间。我想添加一些JButton,JLabel和JTextFields,以便用户可以为funktion输入数据。

那么在您的框架中,您需要在框架中添加两个单独的面板:

  1. 您进行自定义绘画的第一个面板。您为此绘画覆盖paintComponent(..)

  2. 第二个面板将包含您的组件

  3. 所以基本代码是:

    JFrame frame = new JFrame(...);
    frame.add(new PaintingPanel(), BorderLayout.CENTER);
    frame.add(new ComponentPanel(), BorderLayout.LINE_END);
    

    不要直接在画面上进行自定义绘画。

    阅读自定义绘画的Swing教程中的部分以获取更多信息和工作示例。