Swing布局：垂直流布局

Question

我应该使用哪种LayoutManager来实现一个反转版本的FlowLayout？

本质上，我想要一个垂直列表，如果不能将所有组件都放在一列中，则占用多个列。

+------------------------+
| item 1                 |
| item 2                 |
| item 3                 |
| item 4                 |
| item 5                 |
| item 6                 |
| item 7                 |
| item 8                 |
+------------------------+

或者

+------------------------+
| item 1  item 7         |
| item 2  item 8         |
| item 3                 |
| item 4                 |
| item 5                 |
| item 6                 |
+------------------------+

这个包装逻辑需要动态发生，也就是在容器调整大小时发生。

- pstanton

---

我最接近的方法是使用JList，但这不能让我在框架中布置组件。 - pstanton

你曾经制作过自定义布局管理器吗？如果没有，现在可能是一个尝试的好时机。 - Hovercraft Full Of Eels

不，通常情况下，我所需要的一切都可以用MigLayout完成。 - pstanton

Answer 1

非常简单，你只需要这个。

yourPanel.setLayout(new BoxLayout(yourPanel, BoxLayout.Y_AXIS)); 

在此之后，您只需将视图添加到您的面板中，就会获得垂直流布局。

- user1232972

Answer 2

我正在解决自己的问题（非常相似：我需要垂直流动但水平约束宽度），我已经得到一个快速示例，也许可以帮助你开始使用自定义布局管理器：

import java.awt.Component;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.LayoutManager2;
import java.util.Random;
import java.util.Set;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import com.google.common.collect.Sets;


public class VerticalFlowLayout implements LayoutManager2
{
    final private Set<Component> components = Sets.newLinkedHashSet();
    private int hgap = 0;
    private int vgap = 0;

    public void setHGap(int hgap) { this.hgap = hgap; }
    public void setVGap(int vgap) { this.vgap = vgap; }

    @Override public void addLayoutComponent(Component comp, Object constraints) {
        this.components.add(comp);
    }

    /* these 3 methods need to be overridden properly */
    @Override public float getLayoutAlignmentX(Container target) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override public float getLayoutAlignmentY(Container target) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override public void invalidateLayout(Container target) {
        // TODO Auto-generated method stub

    }


    @Override public void addLayoutComponent(String name, Component comp) {
        this.components.add(comp);
    }

    @Override public void layoutContainer(Container parent) {
        int x = 0;
        int y = 0;
        int columnWidth = 0;
        for (Component c : this.components)
        {
            if (c.isVisible())
            {
                Dimension d = c.getPreferredSize();
                columnWidth = Math.max(columnWidth, d.width);
                if (y+d.height > parent.getHeight())
                {
                    x += columnWidth + this.hgap;
                    y = 0;
                }
                c.setBounds(x, y, d.width, d.height);
                y += d.height + this.vgap;              
            }
        }       
    }

    /* these 3 methods need to be overridden properly */
    @Override public Dimension minimumLayoutSize(Container parent) {
        return new Dimension(0,0);
    }

    @Override public Dimension preferredLayoutSize(Container parent) {
        return new Dimension(200,200);
    }

    @Override public Dimension maximumLayoutSize(Container target) {
        return new Dimension(600,600);
    }


    @Override public void removeLayoutComponent(Component comp) {
        this.components.remove(comp);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("VerticalFlowLayoutTest");    
        VerticalFlowLayout vfl = new VerticalFlowLayout();
        JPanel panel = new JPanel(vfl);
        vfl.setHGap(20);
        vfl.setVGap(2);
        int n = 19;
        Random r = new Random(12345);
        for (int i = 0; i < n; ++i)
        {
            JLabel label = new JLabel(labelName(i,r));
            panel.add(label);
        }

        frame.setContentPane(panel);
        frame.pack();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }

    private static String labelName(int i, Random r) {
        StringBuilder sb = new StringBuilder();
        sb.append("label #");
        sb.append(i);
        sb.append(" ");
        int n = r.nextInt(26);
        for (int j = 0; j < n; ++j)
            sb.append("_");
        return sb.toString();
    }
}

- Jason S

---

如果有人在使用final private Set<Component> components = Sets.newLinkedHashSet();时出现错误，因为它是import com.google.common.collect.Sets;，请改用java.collections.LinkedHashSet。 - Akhil Jain

Answer 3

我修改了GridLayout的布局方式，将组件按列而不是按行布局：

http://forums.oracle.com/forums/thread.jspa?messageID=5716765#5716765

- camickr

---

+1 没有勾选，因为这需要动态管理布局，即在组件调整大小时垂直换行。 - pstanton

Answer 4

你需要一个自定义的布局管理器，或者你可以使用类似 GridBagLayout 的东西并自己控制。

例如：

Component parent = ...;  
GridBagConstraints c = ...;   
//set other parameters  
c.gridx = 0;  
c.gridy = 0;  
parent.add([component1], c);  
c.gridy++;  
parent.add([component2], c);  
c.gridy++;

- user500074

---

GridBag 不太适合。"这种包装逻辑需要动态发生，即随着容器的调整而发生。" - pstanton

Answer 5

这篇文章有点老了 :)

下面链接中的代码不太好用（计算不可见项目的高度是错误的！） http://www.java2s.com/Code/Java/Swing-JFC/AverticallayoutmanagersimilartojavaawtFlowLayout.htm

我改了一些部分，现在它可以正常工作了。

我还清理了插入值，如果需要，请自行添加。 谢谢

package Common;

/**
 * @author Pasban
 */
import java.awt.*;
import java.util.*;

public class VerticalLayout implements LayoutManager {

    public final static int CENTER = 0;
    public final static int RIGHT = 1;
    public final static int LEFT = 2;
    public final static int BOTH = 3;
    public final static int TOP = 1;
    public final static int BOTTOM = 2;
    private int vgap;
    private int alignment;
    private int anchor;
    private Hashtable comps;

    public VerticalLayout() {
        this(5, CENTER, TOP);
    }

    public VerticalLayout(int vgap) {
        this(vgap, CENTER, TOP);
    }

    public VerticalLayout(int vgap, int alignment) {
        this(vgap, alignment, TOP);
    }

    public VerticalLayout(int vgap, int alignment, int anchor) {
        this.vgap = vgap;
        this.alignment = alignment;
        this.anchor = anchor;
    }

    private Dimension layoutSize(Container parent, boolean minimum) {
        Dimension dim = new Dimension(0, 0);
        Dimension d;
        synchronized (parent.getTreeLock()) {
            int n = parent.getComponentCount();
            for (int i = 0; i < n; i++) {
                Component c = parent.getComponent(i);
                if (c.isVisible()) {
                    d = minimum ? c.getMinimumSize() : c.getPreferredSize();
                    dim.width = Math.max(dim.width, d.width);
                    dim.height += d.height;
                    if (i > 0) {
                        dim.height += vgap;
                    }
                }
            }
        }
        Insets insets = parent.getInsets();
        dim.width += insets.left + insets.right;
        dim.height += insets.top + insets.bottom + vgap + vgap;
        return dim;
    }

    public void layoutContainer(Container parent) {
        Insets insets = parent.getInsets();
        synchronized (parent.getTreeLock()) {
            int n = parent.getComponentCount();
            Dimension pd = parent.getSize();
            int y = 0;
            for (int i = 0; i < n; i++) {
                Component c = parent.getComponent(i);
                Dimension d = c.getPreferredSize();
                if (c.isVisible()) {
                    y += d.height + vgap;
                }
            }
            y -= vgap;
            if (anchor == TOP) {
                y = insets.top;
            } else if (anchor == CENTER) {
                y = (pd.height - y) / 2;
            } else {
                y = pd.height - y - insets.bottom;
            }
            for (int i = 0; i < n; i++) {
                Component c = parent.getComponent(i);
                Dimension d = c.getPreferredSize();
                if (!c.isVisible()) {
                    continue;
                }
                int x = 1;
                int wid = pd.width - 3;
                c.setBounds(x, y, wid, d.height);
                y += d.height + vgap;
            }
        }
    }

    public Dimension minimumLayoutSize(Container parent) {
        return layoutSize(parent, false);
    }

    public Dimension preferredLayoutSize(Container parent) {
        return layoutSize(parent, false);
    }

    public void addLayoutComponent(String name, Component comp) {
    }

    public void removeLayoutComponent(Component comp) {
    }

    public String toString() {
        return getClass().getName() + "[vgap=" + vgap + " align=" + alignment + " anchor=" + anchor + "]";
    }
}

- Soley

---

尝试不错，但仍然无法正常工作。JLabels被剪切等等。 - huidube

可能是因为移除了插图导致的。旧代码添加了额外的空格，所以我将其删除了。您可以检查layoutContainer和layoutSize来找出问题和计算。 - Soley

Answer 6

Jason S的解决方案对我有效。我唯一纠正的问题是我没有com.google.common.collect.Sets或java.collections.LinkedHashSet库（Java 7）... 因此，我只需替换

final private Set<Component> components = Sets.newLinkedHashSet();

由

final private List<Component> components = new LinkedList<>();

一切看起来都很好 :)

- Elloco