java - 如何在 JavaFx 中显示按钮中的所有文本

Question

所以我试图在 JavaFX 中显示所有文本，它应该以字体显示所有文本:这是我的 javafx 代码

<HBox> 
<GridPane xmlns:fx= "http://javafx.com/fxml" hgap = "10" vgap = "0">

<Button text = "Explore Catalogue" alignment = "center" styleClass = "largeButton" GridPane.columnIndex="0" GridPane.rowIndex="2"/>
<Button text = "Customer Record" styleClass = "largeButton" GridPane.columnIndex="1" GridPane.rowIndex="2"/>
<Button text = "Top-up Account" styleClass = "largeButton" GridPane.columnIndex="2" GridPane.rowIndex="2"/>
<Button text = "Favourite Movies" styleClass = "largeButton" GridPane.columnIndex="3" GridPane.rowIndex="2"/>



</GridPane>

这段代码只能给出这样的输出: 如何在不更改应如下所示的字体属性的情况下显示按钮中的所有文本: 我的按钮 css 代码是:

.largeButton {
-fx-font-family: "Verdana";
-fx-pref-width: 200px;
-fx-pref-height: 200px;
-fx-font-size: 28px;
-fx-background-color: white;
-fx-text-fill: #4d4b44;
-fx-border-color: #dedede;

Answer 1

通过在您的 css 样式表中添加 -fx-wrap-text: true;，它就可以达到目的。此 css 属性继承自 Labeled 并能够(令人惊讶地)巧妙地包裹文本(首先是空格)。

.largeButton {
    -fx-font-family: "Verdana";
    -fx-pref-width: 200px;
    -fx-pref-height: 200px;
    -fx-font-size: 28px;
    -fx-background-color: white;
    -fx-text-fill: #4d4b44;
    -fx-border-color: #dedede;
    -fx-wrap-text : true;
}

编辑

这也可以通过使用 myLargeButton.setWrapText(true) 的代码来完成，或者通过添加 wrapText="true" 将其直接添加到您的 FXML 文件中，这将提供你:

<Button text = "Favourite Movies" wrapText="true" styleClass = "largeButton" GridPane.columnIndex="3" GridPane.rowIndex="2"/>

但为了清晰起见，这里建议使用 css 样式表来执行此操作，也因为您已经有了一个样式表。