Componet Allignment

[Chase Becicka]

I am having a problem being able to get my botton Jbuttons to allign properly, they are just lined up in a row at the bottom of my JFrame but I want it to appear more like

NextCust NextAcct Search
Add Update Delete Exit

  
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.text.*; 
 
public class inventFrame extends JFrame
{    
public inventFrame()    
{        
setTitle("Teller Program");        
Toolkit tk = Toolkit.getDefaultToolkit();        
Dimension d = tk.getScreenSize();        
int height = 500;        
int width = 550;        
setBounds((d.width-width)/2, (d.height-height)/2, width, height);//        
setResizable(false);        
addWindowListener(new WindowAdapter()
{            


public void windowClosing(WindowEvent e)
{                
System.exit(0);            
}});        

Container contentPane = getContentPane();        
JPanel panel = new BankingGUIPanel();        
contentPane.add(panel);        
setVisible(true);    
}      
 

public static void main(String[] args)     
{         
new inventFrame();     
} 
} 
 

class BankingGUIPanel extends JPanel implements ActionListener
{    
private JTextField custNumTF, custNameFTF, custNameMITF, custNameLTF, phoneHomeTF;
private JTextField AccountNumTF, AccountTypeTF, AccountBalanceTF, phoneWorkTF, searchTF;    
private JLabel custNumL, custNameFL, custNameMIL, custNameLL, phoneHomeL;
private JLabel AccountNumL, AccountTypeL, AccountBalanceL, phoneWorkL, searchL;    
private JButton exitButton, nextCustButton, nextAccountButton, searchButton;
private JButton updateButton, addButton, deleteButton;     


public BankingGUIPanel()    
{        
custNumL = new JLabel("Customer Number: ");        
custNameFL = new JLabel("First Name: ");        
custNameMIL = new JLabel("Middle Inital: ");        
custNameLL = new JLabel("Last Name: ");         
AccountNumL = new JLabel("Account Number: ");
AccountTypeL = new JLabel("Account Type: ");
AccountBalanceL = new JLabel("Account Balance: ");
phoneHomeL = new JLabel("Home Phone #: ");
phoneWorkL = new JLabel("Work Phone #: ");
searchL = new JLabel("Search By Cust #");
  


custNumTF = new JTextField(10);        
custNameFTF = new JTextField(10);        
custNameMITF = new JTextField(10);        
custNameLTF = new JTextField(10);
AccountNumTF = new JTextField(10);
AccountTypeTF = new JTextField(10);
AccountBalanceTF = new JTextField(10);
phoneHomeTF = new JTextField(10);
phoneWorkTF = new JTextField(10);
searchTF = new JTextField(10);          


JPanel displayPanel = new JPanel();        
displayPanel.setLayout(new GridBagLayout());        
GridBagConstraints gbc = new GridBagConstraints();        
gbc.insets = new Insets(5,2,5,2);    // spacing around components        
gbc.weightx = 1.0;                   // allows horiz dispersion        
//an option to allow components to fill the vertical space      
gbc.weighty = 1.0;                   // allows vertical dispersion         

addComponents(custNumL,    custNumTF,    displayPanel, gbc);        
addComponents(custNameFL,  custNameFTF,  displayPanel, gbc);        
addComponents(custNameMIL, custNameMITF, displayPanel, gbc);        
addComponents(custNameLL,  custNameLTF,  displayPanel, gbc);
addComponents(AccountNumL, AccountNumTF, displayPanel, gbc);
addComponents(AccountTypeL, AccountTypeTF, displayPanel, gbc);
addComponents(AccountBalanceL, AccountBalanceTF, displayPanel ,gbc);
addComponents(phoneHomeL, phoneHomeTF, displayPanel, gbc);
addComponents(phoneWorkL, phoneWorkTF, displayPanel, gbc);
addComponents(searchL, searchTF, displayPanel, gbc);        

// or instead, let components remain clumped together and then        
// push everything up by setting weighty to non�zero        
// and adding an empty component, like this        

gbc.weighty = 1.0;        
displayPanel.add(new JLabel(), gbc);         

JPanel buttonPanel = new JPanel();        
buttonPanel.setLayout(new FlowLayout(FlowLayout.LEFT));        

exitButton = new JButton("Exit");        
nextCustButton = new JButton("Next Customer");
nextAccountButton = new JButton("Next Account");
searchButton = new JButton("Search");
addButton = new JButton("Add");
updateButton = new JButton("Update");
deleteButton = new JButton("Delete");

buttonPanel.add(nextCustButton);
buttonPanel.add(nextAccountButton);
buttonPanel.add(searchButton);
buttonPanel.add(addButton);
buttonPanel.add(updateButton);
buttonPanel.add(deleteButton);
buttonPanel.add(exitButton);

         
exitButton.addActionListener(this);
nextCustButton.addActionListener(this);
nextAccountButton.addActionListener(this);


                      

setLayout(new BorderLayout());        
add(displayPanel, BorderLayout.WEST);        
add(buttonPanel, BorderLayout.SOUTH);
//add(searchPanel, BorderLayout.SOUTH);
    
}     


private void addComponents(JLabel label, JTextField tf, JPanel panel, GridBagConstraints gbc)    
{        
gbc.anchor = gbc.EAST;             // align right        
gbc.gridwidth = gbc.RELATIVE;      // next to last component in row        
panel.add(label, gbc);        
gbc.anchor = gbc.WEST;             // align left        
gbc.gridwidth = gbc.REMAINDER;     // last component in row        
panel.add(tf, gbc);    
}     


public void actionPerformed(ActionEvent e)    
{        
Object source = e.getSource();         
if (source == exitButton)            
System.exit(0);

/*else if (source == nextCustButton)
currentCust = inventDB.moveNext();
            performGameDisplay();
            enableButtons(true); **/
    
}
}

[Craig Wood]

What we can do to get this kind of layout

    NextCust NextAcct Search
    Add Update Delete Exit

Options and possibilities:
1 — add the buttons in each row to a separate JPanel with FlowLayout and add these two JPanels to buttonPanel with a GridLayout(2,0) or a BorderLayout (using north and south sections)

2 – you could use the two JPanels but try a GridLayout in each JPanel instead of FlowLayout. One of the GridLayout constructors has an hgap and vgap option.

3 — again with the two JPanels you could try a GridBagLayout or a BoxLayout in each one. These two layout managers are more advanced...