Question

我正在尝试创建一个使用Java与mySQL数据库交互的客户端 - 服务器应用程序。截至目前，我并不担心应用程序的任何功能。我目前只关心布局。我一直在尝试使用混合结果构建GUI的外观数小时。我知道GridBagLayout非常灵活且常用的GUI，这就是我一直在使用的。我甚至尝试创建多个Verticle框来表示列和水平框来表示行，这非常好用，但最终无法给出我需要的结果。

更具体地说，我的主要问题是，在我的下面的代码中，当我尝试将“输入SQL命令”列与左侧的文本框列对齐时，它不会向右“浮动”我需要它，而不是它移动它下面的所有组件，弄乱定位。

如果有人可以帮我指导我做错了什么，以及如何完成下面的GUI，我将非常感激。

到目前为止

我的Java代码：

public class Methods extends JFrame{
    private final JTextField item1 = new JTextField(40); 
    private final JTextField item2 = new JTextField(40); 
    private final JTextField item3 = new JTextField(40); 
    private final JTextField item4 = new JTextField(40);
    private final JTextArea item5 = new JTextArea(6,30);
    private JLabel label = new JLabel("Enter Database Information"); 
    private JLabel label1 = new JLabel("JDBC Driver"); 
    private JLabel label2 = new JLabel("Database URL"); 
    private JLabel label3 = new JLabel("Username"); 
    private JLabel label4 = new JLabel("Password");
    private JLabel label5 = new JLabel("Enter a SQL Command"); 
    private JLabel label6 = new JLabel("No Connection Now");
    private JLabel label7 = new JLabel("SQL Execution Result");
    private final JButton button1 = new JButton("Connect"); 
    private final JButton button2 = new JButton("Execute SQL Command"); 
    private final JButton button3 = new JButton("Clear Command");
    private final JButton button4 = new JButton("Clear Results"); 
    private final JPanel jp;

    public Methods(){
        super("SQL Client GUI - MHZ");

        item1.setText("JDBC Driver");
        item2.setText("Datbase URL");
        item3.setText("Username");
        item4.setText("Password");

        //GUI Gridlayout Layout
        jp = new JPanel();
        jp.setLayout(new GridBagLayout()); 
        GridBagConstraints grid = new GridBagConstraints(); 
        grid.anchor = GridBagConstraints.BASELINE_TRAILING;


        grid.gridx=0;
        grid.gridy=0;

        //column1
        jp.add(label1, grid);
        grid.gridy++;
        jp.add(label2, grid);
        grid.gridy++;
        jp.add(label3, grid);
        grid.gridy++;
        jp.add(label4, grid);

        grid.gridy=0;
        grid.gridx++;

        //col2
        jp.add(item1, grid);
        grid.gridy++;
        jp.add(item2, grid);
        grid.gridy++;
        jp.add(item3, grid);
        grid.gridy++;
        jp.add(item4, grid);

        grid.gridy=0;
        grid.gridx++;

        //col3
        jp.add(label5, grid);
        grid.gridy++;
        jp.add(item5, grid);
        grid.gridy++;

        grid.gridx=0;
        grid.gridy=4;
        jp.add(button1,grid);
        grid.gridx++;
        jp.add(button2, grid);
        grid.gridx++;
        jp.add(button3, grid);
        grid.gridx++;
        jp.add(button4, grid);

        add(jp);
    }
}

下面的图片是它的外观。

http://i47.tinypic.com/24pxsli.png

Answer 1

这里你必须使用的东西很少：使用gridWidth和gridHeight，例如：

     grid.gridx = 0;
     grid.gridy = 0;
     add (button1, grid);

     grid.gridx = 1;
     grid.gridy = 0;
     add (button2, grid);

     grid.gridwidth = 2;

     grid.gridx = 0;
     grid.gridy = 1;
     add (button3, grid);

在这种情况下，第三个按钮将位于前两个按钮之下并且适合两者的大小。在这种情况下，数字2表示它应该适合的按钮请注意，如果稍后要添加其他组件，则必须将宽度更改回1。同样适用于gridHeight。

如果您将在代码中使用它，首先要使textArea与四个textFields的高度相同。

另一件事是你没有添加第一个标签，所以它使textFields为1行太高。

GridBagLayout Java GUI基本定位

1 个答案: