如何在不覆盖JFrame的情况下将JPanel图形添加到JFrame

时间:2019-04-29 19:17:37

标签: java graphics jframe jpanel

我正在尝试向我的相框中添加一个小的龙卷风图形(倒金字塔)。我可以通过在主方法中将龙卷风添加到框架中来获得龙卷风,但是当我这样做时,我看到的只是龙卷风图形而不是其下方的GUI。

因此,我现在正在尝试在createComponents方法中创建龙卷风图形时将其添加到框架中,但现在根本没有出现。相反,我只能在框架中看到它的GUI。

我可能缺少一些简单的东西,但似乎无法弄清楚。我不确定要使GUI和龙卷风图形同时出现都需要做什么。

    public class EFScaleViewer {

        public static void main(String[] args) {
            // TODO Auto-generated method stub
            TornadoFrame frame = new TornadoFrame();

            frame.setTitle("EF Scale");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setVisible(true);  
        }
}

在这里我创建框架并尝试添加龙卷风:

public class TornadoFrame extends JFrame{

    private JButton submit;
    private JLabel label;
    static JLabel errorLabel;
    static JTextField textBox;   
    JPanel tornado = new TornadoComponent();

    private static final int FRAME_WIDTH = 400;
    private static final int FRAME_HEIGHT = 300;

    //Constructor for the frame 
    public TornadoFrame() {
        super();
        setSize(FRAME_WIDTH, FRAME_HEIGHT);
        createComponents();
    }

    private void createComponents()
       {
          textBox = new JTextField("    "); 
          submit = new JButton("Submit");
          label = new JLabel("Please enter a windspeed:");
          errorLabel = new JLabel("Error Message " );

          JPanel panel = new JPanel();
          panel.add(label);
          panel.add(textBox);
          panel.add(submit);

         panel.add(errorLabel);   
         panel.add(tornado);
         add(panel);
       }    
}

我知道这是可行的,但是我可能会遗漏一些东西,所以在这里创建龙卷风:

public class TornadoComponent extends JPanel {
    public void paintComponent(Graphics g) {
        int[] xPoints = {100,200,0};
        int[] yPoints = {0,200,200};
        int nPoints = 3;

        g.drawPolygon(xPoints, yPoints, nPoints);

    }
}

1 个答案:

答案 0 :(得分:0)

您必须设置JPanels大小才能显示图形。

static class TornadoComponent extends JPanel {

    public TornadoComponent() {
        setPreferredSize(new Dimension(500, 500));
    }

    @Override
    public void paintComponent(Graphics g) {
        //Whatever
    }
}

要触发paintComponent(Graphics g),您必须在tornado.repaint();函数的末尾添加createComponents()

private void createComponents() {
    //All your components
    panel.add(tornado);
    add(panel);
    tornado.repaint();
}

现在显示的是多边形,但不在正确的位置(稍微偏离图像)

因此,我们必须对您的JPanel进行一些安排:

    private void createComponents() {
        textBox = new JTextField("    ");
        submit = new JButton("Submit");
        label = new JLabel("Please enter a windspeed:");
        errorLabel = new JLabel("Error Message " );

        JPanel upper = new JPanel();
        upper.setLayout(new BoxLayout(upper,BoxLayout.X_AXIS));
        upper.add(label);
        upper.add(textBox);
        upper.add(submit);
        upper.add(errorLabel);
        JPanel lower = new JPanel();
        lower.setLayout(new BoxLayout(lower,BoxLayout.X_AXIS));
        lower.add(tornado);
        JPanel over = new JPanel();
        over.setLayout(new BoxLayout(over,BoxLayout.Y_AXIS));
        over.add(upper);
        over.add(lower);
        add(over);
        tornado.repaint();
    }

基本上我会做一些盒子...

Over
    Upper
        ... your stuff with text
    Lower
        Our tornado

现在我们的龙卷风是错误的方向...

int[] xPoints = {100,200,150};
int[] yPoints = {0,0,150};

还有,瞧!

Tornado

我们刚刚创建了一个非常基本的龙卷风,它并不针对任何目标:)

如果以后要更改龙卷风的位置,只需要调出tornado.repaint();就可以了。