哪个Swing布局管理器可以获得我想要的布局?

时间:2017-11-18 13:26:38

标签: java swing layout layout-manager

我想在这个模拟后创建一个基本的登录菜单:

enter image description here

我决定将整个菜单放入JPanel,这样一旦连接成功,我就可以切换到另一个面板。

所以我决定使用Borderlayout在北区域设置标题,在南区域使用连接按钮。

我将borderlayout的中心本身设为一个面板。我决定让它成为一个gridlayout,既有标签(登录名,密码),也有用户将用户身份的文本字段。

结果非常难看,与我的预期相差甚远:

enter image description here

以下是菜单的代码:

public class EcranAccueil extends JPanel {    
    private JLabel labelTitre;
    private JPanel PanelConnexion;
    private JButton boutonConnexion;     
    private JLabel labelLogin;
    private JLabel labelMotDepasse;
    private JTextField loginUser;
    private JTextField MotDepasseUser;

     EcranAccueil(EcranGestion EcranPrincipale){
            PanelConnexion = new JPanel();     
            this.setLayout(new BorderLayout());
            PanelConnexion.setLayout(new GridLayout(2,2));
            loginUser = new JTextField("User");
            loginUser.setMinimumSize(new Dimension(20,20));
            loginUser.setMaximumSize(new Dimension(20,20));
            MotDepasseUser = new JTextField("Password");
            boutonConnexion = new JButton("Connect");
            boutonConnexion.setMinimumSize(new Dimension(200,200));
            boutonConnexion.setMaximumSize(new Dimension(200,200));
            labelTitre=  new JLabel("ApplicationName");
            labelLogin=  new JLabel("Login");
            labelMotDepasse =  new JLabel("Password");          
            PanelConnexion.add(labelLogin);
            PanelConnexion.add(loginUser);
            PanelConnexion.add(labelMotDepasse);
            PanelConnexion.add(MotDepasseUser);
            this.add(labelTitre, BorderLayout.NORTH);
            this.add(PanelConnexion, BorderLayout.CENTER);       
            this.add(boutonConnexion, BorderLayout.SOUTH);
            }     }

我尝试使用gridboxlayout,但我完全失败了使用它并且它没有编译。有人有意见或建议吗?

1 个答案:

答案 0 :(得分:3)

解决复杂计算任务的常用策略是将它们分解为小型,定义明确的可管理任务。分而治之。 这也适用于gui:将设计分解成小型,易于布局的容器。 在这种情况下,例如,首先将设计划分为3个区域:

enter image description here

每个这样的区域都是由嵌套面板实现的。 正如您在代码中看到的那样,mainPanel进一步分为两个嵌套面板,以简化和改进布局:

class EcranAccueil extends JPanel {

    EcranAccueil(){
        //Set layout (JPanel uses Flowlayout by default)
        setLayout(new BorderLayout(5,5));

        // a nested panel for application label
        JPanel topPanel = new JPanel();
        add(topPanel, BorderLayout.NORTH);
        topPanel.setLayout(new FlowLayout(FlowLayout.LEADING));//set

        JLabel labelTitre=  new JLabel("ApplicationName");
        topPanel.add(labelTitre);

        // a nested panel for login and password, having two rows
        JPanel mainPanel = new JPanel(new GridLayout(2, 1));
        add(mainPanel, BorderLayout.CENTER);

        JPanel loginPanel = new JPanel();
        loginPanel.setLayout(new FlowLayout(FlowLayout.TRAILING));
        mainPanel.add(loginPanel);

        JLabel labelLogin = new JLabel("Login");
        loginPanel.add(labelLogin);

        JTextField loginUser = new JTextField("User");
        loginUser.setColumns(10);
        loginPanel.add(loginUser);

        JPanel passwordPanel = new JPanel();
        passwordPanel.setLayout(new FlowLayout(FlowLayout.TRAILING));
        mainPanel.add(passwordPanel);
        JLabel labelMotDepasse = new JLabel("Password");
        passwordPanel.add(labelMotDepasse);
        JTextField motDepasseUser = new JTextField("Password");
        motDepasseUser.setColumns(10);
        passwordPanel.add(motDepasseUser);

        JPanel buttonPanel = new JPanel();
        buttonPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
        add(buttonPanel,BorderLayout.SOUTH);
        JButton boutonConnexion = new JButton("Connect");
        buttonPanel.add(boutonConnexion);
    }
}

一旦掌握了基本想法,就可以进一步改善布局和响应能力。