我如何实现一个具有多行按钮间隔相等的多个按钮的GUI GUI

Question

我想要在顶行上获得4个按钮，在底行上获得4个按钮，并且我需要一个下面的按钮 - 这是一个投票应用程序，每个按钮代表一个候选人。 initializeThings（）是从此applet的init方法调用的唯一方法。 Person类只是一个3字符串的容器，代表名称，候选人的位置以及其他关于它们的信息。我的主要问题是只想弄清楚如何使用最上面一行的4个按钮，最下面的4个按钮和最下面一行下面的投票按钮进行格式化。

public class MainElectionWindow extends JApplet implements ActionListener, MouseListener{ 
private JPanel panel, topRow, bottomRow, voteBtnRow; 
private JButton person1But,person2But,person3But,person4But,person5But,person6But,person7But,person8But,castVote; 
private Person person1,person2,person3,person4,person5,person6,person7,person8; 
private ImageIcon pic1, pic2, pic3, pic4, pic5, pic6, pic7, pic8; 

private static final int HORIZONTAL_SPACING = 10; 
private static final int VERTICAL_SPACING = 20; 


private void initializeThings() { 


// Initialize variables 
topRow = new JPanel(); 
topRow.setLayout(new BoxLayout(topRow,BoxLayout.X_AXIS)); 

bottomRow = new JPanel(); 
bottomRow.setLayout(new BoxLayout(bottomRow,BoxLayout.X_AXIS)); 

voteBtnRow = new JPanel(); 


//Create people with names, position they're running for, and other info 
person1 = new Person("Name 1", "Pos 1", "Other Info 1"); 
person2 = new Person("Name 2", "Pos 2", "Other Info 2"); 
person3 = new Person("Name 3", "Pos 3", "Other Info 3"); 
person4 = new Person("Name 4", "Pos 4", "Other Info 4"); 
person5 = new Person("Name 5", "Pos 5", "Other Info 5"); 
person6 = new Person("Name 6", "Pos 6", "Other Info 6"); 
person7 = new Person("Name 7", "Pos 7", "Other Info 7"); 
person8 = new Person("Name 8", "Pos 8", "Other Info 8"); 

pic1 = new ImageIcon("facebackground.png"); 
pic2 = new ImageIcon("facebackground.png"); 
pic3 = new ImageIcon("facebackground.png"); 
pic4 = new ImageIcon("facebackground.png"); 
pic5 = new ImageIcon("facebackground.png"); 
pic6 = new ImageIcon("facebackground.png"); 
pic7 = new ImageIcon("facebackground.png"); 
pic8 = new ImageIcon("facebackground.png"); 


// Get the content pane 
Container container = this.getContentPane(); 

// Add panel to container 
container.add(topRow); 
container.add(bottomRow); 
container.add(voteBtnRow); 

person1But = new JButton(pic1); 
person2But = new JButton(pic2); 
person3But = new JButton(pic3); 
person4But = new JButton(pic4); 
person5But = new JButton(pic5); 
person6But = new JButton(pic6); 
person7But = new JButton(pic7); 
person8But = new JButton(pic8); 
castVote = new JButton("Vote"); 

// Add action listeners 
person1But.addActionListener(this); 
person2But.addActionListener(this); 
person3But.addActionListener(this); 
person4But.addActionListener(this); 
person5But.addActionListener(this); 
person6But.addActionListener(this); 
person7But.addActionListener(this); 
person8But.addActionListener(this); 
castVote.addActionListener(this); 

//Add Mouse Listeners 
person1But.addMouseListener(this); 
person2But.addMouseListener(this); 
person3But.addMouseListener(this); 
person4But.addMouseListener(this); 
person5But.addMouseListener(this); 
person6But.addMouseListener(this); 
person7But.addMouseListener(this); 
person8But.addMouseListener(this); 


// Add components to the visual panel1 
topRow.add(person1But); 
topRow.add(person2But); 
topRow.add(person3But); 
topRow.add(person4But); 
bottomRow.add(person5But); 
bottomRow.add(person6But); 
bottomRow.add(person7But); 
bottomRow.add(person8But); 
voteBtnRow.add(castVote); 


// Make it visible 
//person1But.requestFocusInWindow(); 

add(container); 

setVisible(true); 
} 

感谢百忙之中阅读本文时/帮助

Answer 1

我建议你看一看GridBagLayout，一旦你弄清楚如何使用它，您的用户界面将是很容易做到。

Answer 2

你可以看看TableLayoutManager，我并不是那种经验丰富的使用Java的人，但是在学校我喜欢使用它。

http://code.google.com/p/table-layout/

也尝试循环的人，图片等，简化代码

Answer 3

从NetBeans中

/* 
* To change this template, choose Tools | Templates 
* and open the template in the editor. 
*/ 

/* 
* NewJPanel.java 
* 
* Created on Feb 21, 2013, 11:23:48 PM 
*/ 
package javaapplication19; 

/** 
* 
* @author yccheok 
*/ 
public class NewJPanel extends javax.swing.JPanel { 

    /** Creates new form NewJPanel */ 
    public NewJPanel() { 
     initComponents(); 
    } 

    /** This method is called from within the constructor to 
    * initialize the form. 
    * WARNING: Do NOT modify this code. The content of this method is 
    * always regenerated by the Form Editor. 
    */ 
    @SuppressWarnings("unchecked") 
    // <editor-fold defaultstate="collapsed" desc="Generated Code"> 
    private void initComponents() { 

     jButton1 = new javax.swing.JButton(); 
     jButton2 = new javax.swing.JButton(); 
     jButton3 = new javax.swing.JButton(); 
     jButton4 = new javax.swing.JButton(); 
     jButton5 = new javax.swing.JButton(); 
     jButton6 = new javax.swing.JButton(); 
     jButton7 = new javax.swing.JButton(); 
     jButton8 = new javax.swing.JButton(); 

     setLayout(new java.awt.GridLayout(2, 4)); 

     jButton1.setText("jButton1"); 
     add(jButton1); 

     jButton2.setText("jButton2"); 
     add(jButton2); 

     jButton3.setText("jButton2"); 
     add(jButton3); 

     jButton4.setText("jButton2"); 
     add(jButton4); 

     jButton5.setText("jButton2"); 
     add(jButton5); 

     jButton6.setText("jButton2"); 
     add(jButton6); 

     jButton7.setText("jButton2"); 
     add(jButton7); 

     jButton8.setText("jButton2"); 
     add(jButton8); 
    }// </editor-fold> 
    // Variables declaration - do not modify 
    private javax.swing.JButton jButton1; 
    private javax.swing.JButton jButton2; 
    private javax.swing.JButton jButton3; 
    private javax.swing.JButton jButton4; 
    private javax.swing.JButton jButton5; 
    private javax.swing.JButton jButton6; 
    private javax.swing.JButton jButton7; 
    private javax.swing.JButton jButton8; 
    // End of variables declaration 
}