我怎样才能像这张照片一样设置 Gui

Question

package matchgame;import java.awt.BorderLayout;import javax.swing.*;import javax.swing.border.Border;public class Start_Manu extends JFrame {    Start_Manu()    {        JLabel welcome=new JLabel("Welcome to Match Card Game ☺");        JButton start=new JButton("Start");        JPanel manustart=new JPanel(new BorderLayout());        manustart.add(welcome,BorderLayout.NORTH);        manustart.add(start,BorderLayout.CENTER);        add(manustart);        //set Frame        setSize(800, 600);        setTitle("Match Card Game");        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);        setLocationRelativeTo(null);        setVisible(true);    }    public static void main(String[] args) {        Start_Manu a=new Start_Manu();    }}我想设置喜欢这张照片。点击开始按钮后进入游戏状态但是当我写代码的时候。你能告诉我如何编写像我的第一张照片一样的代码吗？

Answer 1

这只是一个粗略的设计。您想要嵌套不同的布局方法。这应该是您设计的准确框架，您可以根据自己的喜好调整一些数字（如空格等）。

        //Main Panel to contain everything

        JPanel main = new JPanel();

        main.setLayout(new BoxLayout(main,BoxLayout.Y_AXIS));

        JLabel welcome=new JLabel("Welcome to Match Card Game ☺");

        //Setting prefered Font-Size

        welcome.setFont(new Font(welcome.getName(), Font.PLAIN, 24));

        JButton start=new JButton("Start Game");

        //Change button size and apparence

        start.setPreferredSize(new Dimension(150,50));

        start.setContentAreaFilled(false);

        //Add two sub-panels for advanced positioning

        JPanel welcome_p=new JPanel(new FlowLayout(1,0,150));

        JPanel button_p=new JPanel();

        //Set welcomepanel size to lower space to Button

        welcome_p.setPreferredSize(new Dimension(300,150));

        welcome_p.add(welcome);

        button_p.add(start);

        main.add(welcome_p);

        main.add(button_p);

        add(main);

        setSize(800, 600);

        setTitle("Match Card Game");

        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        setLocationRelativeTo(null);

        setVisible(true);