Miglayout网格约束自定义布局

Question

我是新来的，所以对我很轻松。 我已经研究了有关miglayout的所有文档（这是非常好的btw），但我似乎无法正确显示我想要的网格。

我需要使用MigLayout（）参数将网格设置为：

2行，即底行被分成两半（或者如果你将：1个顶行与2个底部列相邻）。 顶行将显示带有相关按钮的搜索文本字段。 左下方列将显示3个按钮堆叠在一起。 右下方的列将显示图像标签。

以下是一些代码：

//main window panel setup
            JPanel mainPanel = new JPanel();
            mainWindow.add(mainPanel);
            mainPanel.setLayout(new MigLayout(""));

            //components insertion into panel (using MigLayout constraints)
            mainPanel.add(searchText);
            mainPanel.add(searchBtn, "wrap");
            mainPanel.add(addBtn);
            mainPanel.add(logoImage, "spany 3 , wrap");
            mainPanel.add(randomBtn, "wrap");
            mainPanel.add(getFileBtn);

（无法上传图片）

使用此代码，请注意，徽标保持在searchButton下方（我认为这是由于布局默认设置为网格）但我希望它适合邻近按钮和下方的文本框/搜索按钮。

Answer 1

首先，我会说你非常接近，你只需要使用列数和约束（加上一些缺少的组件约束）。这可以在实例化布局时完成：

MigLayout layout = new MigLayout("debug, fillx", "[][grow][]");

注意debug和fillx是布局约束，分别用于启用调试功能和填充整个宽度。有关详细信息，请参阅this answer。

现在您可以认为您需要两列，但实际上需要三列才能展开中间列，而第一列和最后一列继续占用最小可能宽度。这就是[][grow][]约束的含义。

请考虑以下代码段：

MigLayout layout = new MigLayout("debug, fillx", "[][grow][]");
JPanel content = new JPanel(layout);
// First row        
content.add(new JTextField(20), "spanx 2, growx"); // search text field
content.add(new JButton("Search"), "wrap");
// Second row
content.add(new JButton("Button # 1"), "growx");
content.add(new JLabel("Image here"), "span 2 3, grow, wrap"); // image label
content.add(new JButton("Button # 2"), "growx, wrap");
content.add(new JButton("Button # 3"), "growx, wrap");

这会产生这样的结果：

请注意，在水平调整大小时，搜索文本字段和图像标签都将占用最大可用宽度，而搜索按钮和按钮的堆栈将占用最小可能宽度。