以组件为中心的NetBeans,GUI构建器(组布局)

Question

我正在尝试设计一个JButton(一个"Ok"按钮),看起来不错,必须在包含JFrame中水平居中.
我正在使用带有自由格式布局(GroupLayout)的GUI Builder.

我已经参加了几个GUI构建器教程(http://netbeans.org/kb/docs/java/quickstart-gui.html),但还没有找到这个主题.在其他gui构建器(delphi)中,这可以通过从两个边缘移除锚点来完成.

Answer 1

如果你想让你的组件在容器中保持居中,如果容器被调整大小,你可以选择几个选项,但我认为GroupLayout不是其中之一(如果我错了,请纠正我).一种方法是将容器的布局更改为GridBagLayout,然后简单地将JButton添加到其中而不受任何约束.

Answer 2

GroupLayout确实支持组件居中。它是一个非常有能力的布局管理器。我个人把它放在MigLayout经理之后和经理之前FormLayout。

在以下三个示例中，我们有一个面板和一个按钮。按钮水平居中。

使用 NetBeans Builder 居中

要使用 Netbeans Builder 将组件居中，我们需要从按钮的两侧创建可调整大小的水平间隙。

屏幕截图的绿色区域是当前选定的间隙。间隙内的字符串表明这是一个可调整大小的间隙。

当我们在表单上放置组件时，间隙会自动添加。要定义可调整大小的间隙，我们右键单击间隙并选择“编辑布局空间”选项。我们得到以下对话框：

要获得可调整大小的间隙，我们选中可调整大小复选框。

使用平行组手动居中

通过传递GroupLayout.Alignment.CENTER参数，组件可以在并行组中居中。

package com.zetcode;

import java.awt.Container;
import java.awt.EventQueue;
import javax.swing.BorderFactory;
import javax.swing.GroupLayout;
import static javax.swing.GroupLayout.Alignment.CENTER;
import static javax.swing.GroupLayout.DEFAULT_SIZE;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class GroupLayoutCenter extends JFrame {

    public GroupLayoutCenter() {

        initUI();

        setTitle("Centered button");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLocationRelativeTo(null);        
    }

    private void initUI() {

        Container pane = getContentPane();
        GroupLayout gl = new GroupLayout(pane);
        pane.setLayout(gl);    

        gl.setAutoCreateGaps(true);
        gl.setAutoCreateContainerGaps(true);

        JPanel pnl = new JPanel();
        pnl.setBorder(BorderFactory.createEtchedBorder());

        JButton btn = new JButton("Button");

        gl.setHorizontalGroup(gl.createParallelGroup(CENTER)
           .addComponent(pnl, DEFAULT_SIZE, 200, DEFAULT_SIZE)
           .addComponent(btn)
        );

        gl.setVerticalGroup(gl.createSequentialGroup()
           .addComponent(pnl, DEFAULT_SIZE, 200, DEFAULT_SIZE)
           .addComponent(btn)            
        );          

        pack();
    }


    public static void main(String[] args) {

        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                GroupLayoutCenter ex = new GroupLayoutCenter();
                ex.setVisible(true);
            }
        });
    }
}

使用间隙手动居中

此解决方案是 NetBeans 生成的代码所做的。我们在按钮的左侧和右侧放置了两个可调整大小的间隙。

package com.zetcode;

import java.awt.Container;
import java.awt.EventQueue;
import javax.swing.BorderFactory;
import javax.swing.GroupLayout;
import static javax.swing.GroupLayout.DEFAULT_SIZE;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class GroupLayoutCenter2 extends JFrame {

    public GroupLayoutCenter2() {

        initUI();

        setTitle("Centered button");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLocationRelativeTo(null);        
    }

    private void initUI() {

        Container pane = getContentPane();
        GroupLayout gl = new GroupLayout(pane);
        pane.setLayout(gl);    

        gl.setAutoCreateGaps(true);
        gl.setAutoCreateContainerGaps(true);

        JPanel pnl = new JPanel();
        pnl.setBorder(BorderFactory.createEtchedBorder());

        JButton btn = new JButton("Button");

        gl.setHorizontalGroup(gl.createParallelGroup()
                .addComponent(pnl, DEFAULT_SIZE, 200, DEFAULT_SIZE)
                .addGroup(gl.createSequentialGroup()
                        .addGap(5, 100, Short.MAX_VALUE)
                        .addComponent(btn)
                        .addGap(5, 100, Short.MAX_VALUE))
        );

        gl.setVerticalGroup(gl.createSequentialGroup()
                .addComponent(pnl, DEFAULT_SIZE, 200, DEFAULT_SIZE)
                .addComponent(btn)
        );    

        pack();
    }


    public static void main(String[] args) {

        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                GroupLayoutCenter2 ex = new GroupLayoutCenter2();
                ex.setVisible(true);
            }
        });
    }
}