11

我在同一个窗口中有两个 JScrollPanes。左边的那个足够大，可以显示包含面板的内容。右边的不够大，无法显示其内容，因此需要创建一个垂直滚动条。

JScrollPane 问题

但是如你所见，问题是当垂直滚动条出现时，滚动条出现在JScrollPane的内部。它覆盖了里面包含的内容，因此需要一个水平滚动条来显示所有内容。我想要那个固定的。

我意识到我可以一直打开垂直滚动条，但出于美学原因，我只希望它在必要时出现，而不需要出现水平滚动窗格。

编辑：我开始这个的代码非常简单：

JScrollPane groupPanelScroller = new JScrollPane(groupPanel);
this.add(groupPanelScroller, "align center");

我正在使用 MigLayout (MigLayout.com)，但无论我使用什么布局管理器，这个问题似乎都会出现。此外，如果我缩小窗口以使左侧面板不再大到足以显示所有内容，则会发生与右侧面板相同的行为。

4

6 回答 6

12

第一：永远不要在组件级别调整大小提示。尤其是当您确实拥有强大的 LayoutManager（例如 MigLayout）时，它支持在管理器级别进行调整。

在代码中，调整任何首选项的大小：

// calculate some width to add to pref, f.i. to take the scrollbar width into account
final JScrollPane pane = new JScrollPane(comp);
int prefBarWidth = pane.getVerticalScrollBar().getPreferredSize().width;
// **do not**  
comp.setPreferredSize(new Dimension(comp.getPreferredSize().width + prefBarWidth, ...);
// **do**
String pref = "(pref+" + prefBarWidth + "px)"; 
content.add(pane, "width " + pref);

也就是说：基本上，您在 ScrollPaneLayout 中遇到了一个（有争议的）错误。虽然看起来考虑了滚动条的宽度，但实际上并非在所有情况下都如此。来自 preferredLayoutSize 的相关片段

// filling the sizes used for calculating the pref
Dimension extentSize = null;
Dimension viewSize = null;
Component view = null;

if (viewport != null) {
    extentSize = viewport.getPreferredSize();
    view = viewport.getView();
    if (view != null) {
        viewSize = view.getPreferredSize();
    } else {
        viewSize = new Dimension(0, 0);
    }
}

....

// the part trying to take the scrollbar width into account

if ((vsb != null) && (vsbPolicy != VERTICAL_SCROLLBAR_NEVER)) {
    if (vsbPolicy == VERTICAL_SCROLLBAR_ALWAYS) {
        prefWidth += vsb.getPreferredSize().width;
    }
    else if ((viewSize != null) && (extentSize != null)) {
        boolean canScroll = true;
        if (view instanceof Scrollable) {
            canScroll = !((Scrollable)view).getScrollableTracksViewportHeight();
        }
        if (canScroll && 
            // following condition is the **culprit** 
            (viewSize.height > extentSize.height)) {
            prefWidth += vsb.getPreferredSize().width;
        }
    }
}

这是罪魁祸首，因为

  • 它将视图首选项与视口首选项进行比较
  • 他们大部分时间都是一样的

结果就是您所看到的：滚动条与视图重叠（在切断一些宽度的意义上）。

一个hack是一个自定义的ScrollPaneLayout，如果视图的高度小于实际的视口高度，它会添加滚动条宽度，这是一个粗略的例子（注意：不是生产质量）

public static class MyScrollPaneLayout extends ScrollPaneLayout {

    @Override
    public Dimension preferredLayoutSize(Container parent) {
        Dimension dim =  super.preferredLayoutSize(parent);
        JScrollPane pane = (JScrollPane) parent;
        Component comp = pane.getViewport().getView();
        Dimension viewPref = comp.getPreferredSize();
        Dimension port = pane.getViewport().getExtentSize();
        // **Edit 2** changed condition to <= to prevent jumping
        if (port.height < viewPref.height) {
            dim.width += pane.getVerticalScrollBar().getPreferredSize().width;
        }
        return dim;
    }

}

编辑

嗯...看到跳跃（在显示与不显示垂直滚动条之间，如评论中所述）：当我用另一个滚动窗格替换示例中的文本字段时，然后调整“接近”其首选项宽度的大小会出现问题。所以hack不够好，可能是询问视口范围的时间不正确（在布局过程的中间）。目前不知道如何做得更好。

编辑 2

试探性跟踪：当逐像素改变宽度时，感觉就像一次性错误。将条件从 更改<为<=似乎可以解决跳跃问题 - 以始终添加滚动条宽度为代价。所以总的来说，这导致第一步有更广泛的尾随插图;-) 同时相信 scollLlayout 的整个逻辑需要改进......

总结您的选择：

  • 调整 (MigLayout) 组件约束中的首选项宽度。这是最简单的，缺点是一个额外的尾随空格，以防滚动条不显示
  • 修复 scrollPaneLayout。需要一些努力和测试（参见核心 ScrollPaneLayout 的代码需要做什么），优点是一致的填充 w/out 滚动条
  • 不是手动设置组件上的首选项宽度的选项

以下是可以使用的代码示例：

// adjust the pref width in the component constraint
MigLayout layout = new MigLayout("wrap 2", "[][]");
final JComponent comp = new JPanel(layout);
for (int i = 0; i < 10; i++) {
    comp.add(new JLabel("some item: "));
    comp.add(new JTextField(i + 5));
}

MigLayout outer = new MigLayout("wrap 2", 
        "[][grow, fill]");
JComponent content = new JPanel(outer);
final JScrollPane pane = new JScrollPane(comp);
int prefBarWidth = pane.getVerticalScrollBar().getPreferredSize().width;
String pref = "(pref+" + prefBarWidth + "px)";
content.add(pane, "width " + pref);
content.add(new JTextField("some dummy") );
Action action = new AbstractAction("add row") {

    @Override
    public void actionPerformed(ActionEvent e) {
        int count = (comp.getComponentCount() +1)/ 2;
        comp.add(new JLabel("some Item: "));
        comp.add(new JTextField(count + 5));
        pane.getParent().revalidate();
    }
};
frame.add(new JButton(action), BorderLayout.SOUTH);
frame.add(content);
frame.pack();
frame.setSize(frame.getWidth()*2, frame.getHeight());
frame.setVisible(true);

// use a custom ScrollPaneLayout
MigLayout layout = new MigLayout("wrap 2", "[][]");
final JComponent comp = new JPanel(layout);
for (int i = 0; i < 10; i++) {
    comp.add(new JLabel("some item: "));
    comp.add(new JTextField(i + 5));
}

MigLayout outer = new MigLayout("wrap 2", 
        "[][grow, fill]");
JComponent content = new JPanel(outer);
final JScrollPane pane = new JScrollPane(comp);
pane.setLayout(new MyScrollPaneLayout());
content.add(pane);
content.add(new JTextField("some dummy") );
Action action = new AbstractAction("add row") {

    @Override
    public void actionPerformed(ActionEvent e) {
        int count = (comp.getComponentCount() +1)/ 2;
        comp.add(new JLabel("some Item: "));
        comp.add(new JTextField(count + 5));
        pane.getParent().revalidate();
    }
};
frame.add(new JButton(action), BorderLayout.SOUTH);
frame.add(content);
frame.pack();
frame.setSize(frame.getWidth()*2, frame.getHeight());
frame.setVisible(true);
于 2012-07-21T16:23:02.883 回答
3

我想到了。问题是 JScrollPane 符合内容的大小，并在滚动条变得可见时与其重叠。所以我决定让内容更宽，以便在滚动条变得可见时使其适应滚动条。这也可以通过将 insets 设置为 Scrollbar 的宽度来完成，这可能是更正统的方法。

int scrollBarWidth = new JScrollPane().getVerticalScrollBar().getPreferredSize();
groupPanel.setLayout(new MigLayout("insets 1 " + scrollBarWidth + " 1 " + scrollBarWidth*1.5); //Adjust multipliers and widths to suit
//...
//Add everything in
//...
JScrollPane groupPanelScroller = new JScrollPane(groupPanel);
groupPanelScroller.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
this.add(groupPanelScroller, "align center");

编辑：上面的答案可能是更好的答案，但这是我对好奇的原始答案，它实际上调整了面板的大小。

JScrollPane groupPanelScroller = new JScrollPane(groupPanel);
groupPanel.setPreferredSize(new Dimension(groupPanel.getPreferredSize().width + groupPanelScroller.getVerticalScrollBar().getVisibleAmount()*2, 
        groupPanel.getPreferredSize().height));
groupPanelScroller.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
this.add(groupPanelScroller, "align center");

那么这是做什么的，它使内容的大小相同，加上滚动条宽度的两倍。由于所有内容都居中，因此看起来都一样，然后滚动条会填充一侧的一些额外空间（如果出现）。

于 2012-07-21T02:09:20.163 回答
1

我也遇到了同样的问题，经过数小时的努力寻找原因后到达这里。我最终实现了自己的 ViewportLayout 并且也想分享该解决方案。

根本问题是， ScrollPaneLayout 不知道一维（在您的情况下是视图的高度）将被限制为最大值，因此它无法预先确定是否需要滚动条。因此它不能调整另一个灵活的尺寸（在你的情况下是宽度）。

自定义 ViewportLayout 可以考虑到这一点，向其父级询问允许的高度，从而允许 ScrollPaneLayout 相应地调整首选宽度：

public class ConstrainedViewPortLayout extends ViewportLayout {

    @Override
    public Dimension preferredLayoutSize(Container parent) {

        Dimension preferredViewSize = super.preferredLayoutSize(parent);

        Container viewportContainer = parent.getParent();
        if (viewportContainer != null) {
            Dimension parentSize = viewportContainer.getSize();
            preferredViewSize.height = parentSize.height;
        }

        return preferredViewSize;
    }
}

ViewportLayout 设置如下：

scrollPane.getViewport().setLayout(new ConstrainedViewPortLayout());
于 2013-03-29T22:34:33.590 回答
1

这个错误现在已经有好几年了，但仍未修复，所以我将添加我的贡献。

您还可以通过在 JScrollPane 的视图组件上实现javax.swing.Scrollable来解决该错误。ScrollPaneLayout检查此接口的方法以确定是否首先显示水平滚动条，然后再返回其错误计算。

您可以实现 Scrollable 接口，以便将视图组件与实现 Scrollable 之前完全相同，除了确定是否显示水平滚动条的方法。

一个具体的例子来证明这一点，我没有单独测试过，而是从我们的代码库中提取的。改变：

JPanel panel = new JPanel();
JScrollPane pane = new JScrollPane(panel);

到

class ScrollableJPanel extends JPanel implements Scrollable {
    @Override public Dimension getPreferredScrollableViewportSize() {
        return getPreferredSize();
    }

    @Override public int getScrollableUnitIncrement(Rectangle visibleRect, int orientation, int direction) {
        JScrollPane scrollPane = (JScrollPane)getParent();
        return orientation == SwingConstants.VERTICAL ? scrollPane.getVerticalScrollBar().getUnitIncrement() : scrollPane.getHorizontalScrollBar().getUnitIncrement();
    }

    @Override public int getScrollableBlockIncrement(Rectangle visibleRect, int orientation, int direction) {
        JScrollPane scrollPane = (JScrollPane)getParent();
        return orientation == SwingConstants.VERTICAL ? scrollPane.getVerticalScrollBar().getBlockIncrement() : scrollPane.getHorizontalScrollBar().getBlockIncrement();
    }

    @Override public boolean getScrollableTracksViewportHeight() {
        return false;
    }

    @Override public boolean getScrollableTracksViewportWidth() {
        Dimension sz = getSize();
        Dimension vsz = getViewportSize();
        return sz.width - 1 <= vsz.width; // This is the bodge
    }
}

JPanel panel = new ScrollableJPanel();
JScrollPane pane = new JScrollPane();

在针对修改为打印大量调试输出的 Java 1.8 rt.jar 测试我们的应用程序时，我们发现该值仅超出了一个像素 - 所以这就是我们在上面的 bodge 中使用的常量。

顺便说一句，这已提交给 Oracle https://bugs.openjdk.java.net/browse/JDK-8042020，但它被标记为“不会修复”很有帮助。

于 2017-09-19T17:18:30.380 回答
0

  • 这张图片在谈论GridLayout，两个部分的尺寸相同

  • 使用正确LayoutManager的接受不同的 PreferredSize，BoxLayout或GridBagLayout

于 2012-07-20T22:00:49.640 回答
0

好的，我遇到了完全相同的问题：

  • 将（子）面板动态添加到（主）面板中，该面板被放入 jscrollpane（我想创建面板的垂直列表）
  • jscrollpane 的垂直滚动条与我的内容（即我的子面板）重叠。

我试图遵循在互联网（和 stackoverflow）上找到的许多解决方法，但没有真正的解决方案！

这是我的理解，以及我的工作解决方案：

  • scrollpanelayout（jscrollpane 使用的布局管理器）中似乎存在一个错误，它无法正确计算其中的组件大小。

  • 如果你放mainpanel.setPreferedSize(new Dimension(1, 1))，就没有重叠的bug了，但是垂直滚动条（如果放为VERTICAL_SCROLLBAR_​​ALWAYS的事件）不会滚动！这是因为滚动窗格认为您的内容是 1 像素高度。

  • 因此，只需遍历您的子面板并计算适当的高度：

//into your constructor or somewhere else
JPanel mainpanel = new JPanel();
mainpanel.setLayout(new BoxLayout(mainpanel, BoxLayout.Y_AXIS));
JScrollPane scrollPane = new JScrollPane(mainpanel, ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS, ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER);


//into another function to create dynamic content
int height = 0;
for (int i = 0; i < nb_subpanel_to_create; ++i) {
    JPanel subpanel = create_your_sub_panel();
    height += subpanel.getPreferedSize().height;
    mainpanel.add(subpanel);
}
mainpanel.setPreferedSize(new Dimension(1, height);

奖金：

如果您希望“列表”中的内容堆栈到顶部：

List<JComponent> cmps = new LinkedList<JComponent>();
int height = 0;
for (int i = 0; i < nb_subpanel_to_create; ++i) {
    JPanel subpanel = create_your_sub_panel();
    height += subpanel.getPreferedSize().height;
    cmps.add(subpanel);
}
mainpanel.add(stackNorth(subpanel));
mainpanel.setPreferedSize(new Dimension(1, height);

和 stackNorth 函数：

public static JPanel stackNorth(List<JComponent> components) {
     JPanel last = new JPanel(new BorderLayout());
     JPanel first = last;
     for (JComponent jComponent : components) {
          last.add(jComponent, BorderLayout.NORTH);
          JPanel tmp = new JPanel(new BorderLayout());
          last.add(tmp, BorderLayout.CENTER);
          last = tmp;
     }
     return first;
}
于 2017-01-23T22:17:27.243 回答