8

我有一个 TextArea() 并想隐藏垂直/​​水平滚动条。我看到该控件似乎有一个内置的滚动窗格，可以根据需要显示。

    TextArea numberPane = new TextArea();

    numberPane.setEditable(false);
    numberPane.setMaxWidth( 75 );

    // Set the characteristics of our line number pane
    numberPane.setId( "line-number-pane" );

在我的 CSS 文件中，我有以下设置。 

    #line-number-pane
    {
        -fx-text-fill: white;
        -fx-background-color: black;
        -fx-font: 12px "Courier New";
        -fx-font-family: "Courier New";
        -fx-font-weight: bold;
    }

    #line-number-pane .scroll-pane
    {
        -fx-hbar-policy : never;
        -fx-vbar-policy : never;
    }

正如预期的那样，文本区域字体/颜色/大小工作得很好。但是，滚动窗格策略似乎不起作用。

我是否应该能够通过 CSS 文件隐藏滚动条，或者是否有一些代码可以解决问题。

谢谢。

4

3 回答 3

17

从如何在 TextArea 中隐藏滚动条？：

移除水平滚动条

textArea.setWrapText(true);

移除垂直滚动条

ScrollBar scrollBarv = (ScrollBar)ta.lookup(".scroll-bar:vertical");
scrollBarv.setDisable(true);

CSS

.text-area .scroll-bar:vertical:disabled {
    -fx-opacity: 0;
}
于 2013-11-11T07:57:33.307 回答
1

我只是使用样式表非常简单地做到了：

CSS

.text-area .scroll-bar:vertical {
    -fx-pref-width: 1;
    -fx-opacity: 0;
}
.text-area .scroll-bar:horizontal {
    -fx-pref-height: 1;
    -fx-opacity: 0;
}

不需要所有那些古怪的代码。

于 2020-05-13T15:06:42.067 回答
0

我观察了 TextAreaSkin 类的代码，发现有一个 void layoutChildren(x, y, w, h) 方法，它被称为“在场景图的布局过程中”，事实上，每次当控件发生某些事情时, 包含一个代码，它根据当前的控制状态在 AS_NEEDED 和 NEVER 之间更改 hbarPolicy 和 vbarPolicy。

所以，看起来，没有机会用它做一些事情，使用 css。

试着让滚动条不可见。但是，正如我看到的 ScrollPaneSkin 的代码，滚动条被创建一次，但它们的可见性状态似乎在控件工作期间发生了变化，因此，不要使用 setVisible(false) （在最近的布局中将被忽略），而是尝试使用一个 setOpacity(0.0)。（我不确定，它会起作用，但值得一试）。

此外，您可以使用 Parent.getChildrenUnmodifiable() 方法在控制结构中应用对滚动条的递归搜索，而不是使用 CSS，并手动使它们不可见。

于 2013-01-08T01:39:14.533 回答