类似于文档流的界面布局器：改进版的FlowLayout

 

我在做一个swing程序的时候想做一个类似于文档流的界面布局：

 

在一个JPanel里面动态放置一些面板（如jPanel），这些面板的尺寸大小都是相同的，考虑到不同尺寸屏幕的使用方便性来说，最好是当第一行满时，会自动换行到第二行。如果超过了当前JPanle的高度，则会出现上下滚动条。

 

一开始我用JPanel＋FlowLayout.LEFT布局，倒是可以自动换行，但是发现当面板占据空间的高度高于JPanel的高度时，没有上下方向的滚动条出现，也就是说，下面的内容都被遮住了。

 

然后我在JPanel外面套了一个JScrollPane，却发现内容会一直往右边加，超出JPanel的宽度则出现横向的滚动条，与预想的效果相差较大。

 

于是我把JScrollPane的horizontalScrollBarPolicy属性设为ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER，这回横向滚动条没了，但是图片还是一直往右边加，超出JPanle宽度部分被遮住了。

 

经过上网检索资料，有一个方法可以实现，即继承FLowLayout类，并重写minimumLayoutSize方法和preferredLayoutSize方法，不过帖子上的代码有点小问题，后来我仔细研究代码和源码，进行了修正，最后实现了想要的效果，下面把正确的代码贴出来，供有此类需求的人使用

 

package com.xxxx.swing.layout;

import java.awt.Component;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Insets;

public class ModifiedFlowLayout extends FlowLayout {

    public ModifiedFlowLayout() {  
        super();  
    }  
  
    public ModifiedFlowLayout(int align) {  
        super(align);  
    }  
  
    public ModifiedFlowLayout(int align, int hgap, int vgap) {  
        super(align, hgap, vgap);  
    }  
  
    public Dimension minimumLayoutSize(Container target) {  
        return computeSize(target, true);  
    }  
  
    public Dimension preferredLayoutSize(Container target) {  
        return computeSize(target, false);  
    }  
  
    private Dimension computeSize(Container target, boolean minimum) {  
        synchronized (target.getTreeLock()) {  
            int hgap = getHgap();  
            int vgap = getVgap();  
            int w = target.getWidth();  
  
            if (w == 0) {  
                w = Integer.MAX_VALUE;  
            }  
  
            Insets insets = target.getInsets();  
            if (insets == null) {  
                insets = new Insets(0, 0, 0, 0);  
            }  
            int reqdWidth = 0;  
  
            int maxwidth = w - (insets.left + insets.right + hgap * 2);  
            int n = target.getComponentCount();  
            int x = 0;  
            int y = insets.top;  
            int rowHeight = 0;  
  
            for (int i = 0; i < n; i++) {  
                Component c = target.getComponent(i);  
                if (c.isVisible()) {  
                    Dimension d =  
                            minimum ? c.getMinimumSize() : c.getPreferredSize();  
                    if ((x == 0) || ((x + d.width) <= maxwidth)) {  
                        if (x > 0) {  
                            x += hgap;  
                        }  
                        x += d.width;  
                        rowHeight = Math.max(rowHeight, d.height);  
                    } else {  
                        x = d.width;  
                        y += vgap + rowHeight;  
                        rowHeight = d.height;  
                    }  
                    reqdWidth = Math.max(reqdWidth, x);  
                }  
            }  
            y += rowHeight;
            return new Dimension(reqdWidth + insets.left + insets.right, y);  
        }  
    }  
}

 

最终的效果（不想截图了，从网上找了个类似的效果图片贴上来吧）：

 

 

 

评论

1 楼 freezingsky 2013-04-27  

有点意思！