Problems implementing GridBagLayout in Java

Question

I am trying to implement GridBagLayout in Java for a Sign in dialog that I have to make for a program that I am building. I am going for the clean Google sign in. The main issue that I am having is that the constraints that I have set using GridBagConstraints is not working. Here is what I would like the dialog to look like.

And here is the code for the dialog I am trying to implement.

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

public class Login_Dialog extends JDialog{

    // SEtting up the required components for the sign in

    /**
     * 
     */
    private static final long serialVersionUID = 1L;


    protected JLabel username_Label = new JLabel("Username");
    protected JLabel password_Label = new JLabel("Username");

    protected JTextField username_Field = new JTextField(30);
    protected JTextField password_Field = new JTextField(30);

    protected JButton sign_In = new JButton("Sign in!");

    public Login_Dialog() {
        setSize(600,400);
        setTitle("Sign in");

        setLayout(new GridBagLayout());

        GridBagConstraints c = new GridBagConstraints();

        c.fill = GridBagConstraints.HORIZONTAL;
        c.gridx = 0;
        c.gridy = 0;

        add(username_Label);

        c.fill = GridBagConstraints.HORIZONTAL;
//      c.weightx = 0.5;
        c.gridx = 1;
        c.gridy = 0;

        add(username_Field);

        c.fill = GridBagConstraints.HORIZONTAL;
        c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 2;

        add(password_Label);

        c.fill = GridBagConstraints.HORIZONTAL;
        c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 4;

        add(password_Field);

        c.fill = GridBagConstraints.HORIZONTAL;
        c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 5;

        add(sign_In);

        setVisible(true);

    }

}

UPDATE:

I have made some changes and it seems that I am reaching my desired result. Now the issue is that everything is centred and the length of the button is too wide. Also, I would like the textfield and label to much bigger.

Here is the updated for the GridBagLayout

//cusotmization of buttons
        Dimension signD = sign_In.getPreferredSize();
        signD.height = 50;
        signD.width = 30;

        sign_In.setPreferredSize(signD);


        GridBagConstraints c = new GridBagConstraints();

        c.fill = GridBagConstraints.HORIZONTAL;
        c.gridx = 0;
        c.gridy = 0;

        add(username_Label,c);

        c.fill = GridBagConstraints.HORIZONTAL;
//      c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 1;

        add(username_Field,c);

        c.fill = GridBagConstraints.HORIZONTAL;
//      c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 2;

        add(password_Label,c);

        c.fill = GridBagConstraints.HORIZONTAL;
//      c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 3;

        add(password_Field,c);
//      
//      c.fill = GridBagConstraints.HORIZONTAL;
//      c.weightx = 0.5;
        c.gridx = 0;
        c.gridy = 5;
//      
        add(sign_In,c);

Answer 1

You have to add the constraint object in the add()

Example :

add(username_Field, c);

Where c is your GridBagConstraints.

Here is a full example :

package gui;

import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;

import javax.swing.JButton;
import javax.swing.JDialog;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.WindowConstants;

@SuppressWarnings("serial")
public class LoginPanel extends JPanel
{
    private static final Dimension TFIELD_SZ = new Dimension(120, 20);

    public LoginPanel()
    {
        super(new GridBagLayout());

        final GridBagConstraints cst = new GridBagConstraints();
        cst.insets = new Insets(0, 5, 0, 5);
        cst.weightx = 0.5;
        cst.weighty = 0.5;
        cst.anchor = GridBagConstraints.LINE_START;

        // Username
        cst.gridx = 0;
        cst.gridy = 0;
        this.add(new JLabel("Username:"), cst);
        cst.gridy = 1;
        cst.gridwidth = 2;
        final JTextField uTField = new JTextField();
        uTField.setMinimumSize(TFIELD_SZ);
        uTField.setPreferredSize(TFIELD_SZ);
        this.add(uTField, cst);

        // Password
        cst.gridwidth = 1;
        cst.gridy = 2;
        this.add(new JLabel("Password:"), cst);
        cst.gridy = 3;
        cst.gridwidth = 2;
        final JTextField pwTField = new JTextField();
        pwTField.setMinimumSize(TFIELD_SZ);
        pwTField.setPreferredSize(TFIELD_SZ);
        this.add(pwTField, cst);

        // Buttons
        cst.anchor = GridBagConstraints.CENTER;
        cst.gridy = 4;
        cst.gridwidth = 1;
        this.add(new JButton("Sign in"), cst);
        cst.gridx = 1;
        this.add(new JButton("Sign up"), cst);

    }

    public static void main(final String[] args)
    {
        EventQueue.invokeLater(new Runnable()
        {
            @Override
            public void run()
            {
                final JDialog myDialog = new JDialog();
                myDialog.setTitle("Sign in");
                myDialog.setSize(180, 170);
                myDialog.setContentPane(new LoginPanel());
                myDialog.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
                myDialog.setVisible(true);
            }
        });
    }
}