Как отобразить весь текст в кнопках в 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

Попробуйте добавить wrapText="true" к своим кнопкам, например
<Button text = "Explore Catalogue" wrapText="true" ... />

Или проверьте здесь: Кнопка JavaFX с несколькими строками текста

Answer 2

Добавив -fx-wrap-text: true; в ваши стили CSS, это поможет.Это свойство 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) или добавив его непосредственно в файл FXML, добавив wrapText="true", что даст вам:

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

Но делать это с помощью таблицы стилей CSS здесь рекомендуется для ясности, а также потому, что у вас уже есть одна.