MigLayout包裹两行

Question

我刚开始使用MigLayout。

我已经阅读了一些文档，包括MigLayout的快速入门指南，以及搜索了一些SO问题，但我没有找到答案。我确信它是显而易见的，但就像我说的，这是我第一次使用这个布局管理器。

我试图让我的MigLayout中的一行成为其他行的两倍。

我的代码开头为：

public GameWindow() {
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setLayout(new MigLayout("fill"));
    add(new PanelHud(), "grow, span 2, wrap");
    add(new PanelWorldView(), "grow");
    add(new PanelDetailView(), "grow, wrap");
    add(new PanelMenu(), "grow, span 2");
    pack();
    setVisible(true);
}

产生：

这是一个好的开始，但我想要的是中间行的高度是顶行和底行的两倍。起初我以为我可以让中间元素跨越两行，但这不起作用：

public GameWindow() {
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setLayout(new MigLayout("fill"));
    add(new PanelHud(), "grow, span 2, wrap");
    add(new PanelWorldView(), "grow, span 1 2");
    add(new PanelDetailView(), "grow, span 1 2, wrap");
    add(new PanelMenu(), "grow, span 2");
    pack();
    setVisible(true);
}

看起来中间的行确实是正确的大小，但是底行被移位了。我该如何解决这个问题？

Answer 1

3种可能的解决方案（我可能有点过头了）。

使用自动换行，以便miglayout自己检测完整行：

setLayout(new MigLayout("fill, wrap 2"));
add(new PanelHud(), "grow, span 2");
add(new PanelWorldView(), "grow, span 1 2");
add(new PanelDetailView(), "grow, span 1 2");
add(new PanelMenu(), "grow, span 2");

根据单元格进行布局：

setLayout(new MigLayout("fill", "[][]", "[][][][]"));
add(new PanelHud(), "grow, cell 0 0 2 1");
add(new PanelWorldView(), "grow, cell 0 1 1 2");
add(new PanelDetailView(), "grow, cell 1 1 1 2");
add(new PanelMenu(), "grow, cell 0 3 2 1");

使用增长重量（虽然这似乎不能保持小窗口尺寸的2：1比例）：

setLayout(new MigLayout("fill", "[][]", "[grow 100][grow 200][grow 100]"));
add(new PanelHud(), "grow, span 2, wrap");
add(new PanelWorldView(), "grow");
add(new PanelDetailView(), "grow, wrap");
add(new PanelMenu(), "grow, span 2");