如何根据 JavaFX 中的文本调整按钮大小？

Question

This might be a trivial question, but I wasn't able to find a solution so far.
If you create a button with a longer word as text, lets say 'Überspringen'(the german word for Skip), JavaFx will automatically truncate the Text to 'Übersprin'+EllipsisString.
Button skipButton = new Button("\Überspringen");

Is there an easy solution to avoid the truncation? I just could hardcode a new size, but in Swing the button-size was adjusted automatically.

I already tried setWrapText(true) but that didn't work, I think because there is no whitespace.

Edit

This Minimal, Reproducible Example shows my issue:

 public class ButtonTest extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) throws Exception { Scene scene = new Scene(getBottomPanel(),600,50); primaryStage.setScene(scene); primaryStage.show(); } private AnchorPane getBottomPanel() { HBox infraBox = new HBox(5); infraBox.setAlignment(Pos.CENTER); infraBox.getChildren().add(new Label("Input (manuell):")); infraBox.getChildren().add(new TextField()); Button shortButton = new Button("OK"); Button longButton = new Button("\Überspringen"); ButtonBar buttonBar = new ButtonBar(); buttonBar.getButtons().addAll(shortButton, longButton); AnchorPane bottomPanel = new AnchorPane(infraBox, buttonBar); bottomPanel.setPadding(new Insets(5)); AnchorPane.setLeftAnchor(infraBox, 0.0); AnchorPane.setRightAnchor(buttonBar, 5.0); return bottomPanel; } }

Answer 1

Normally buttons get resized so the label of the button is fully visible:

"For example, the computed size of a Button object is determined by the length of the text and the size of the font used for the label, plus the size of any image. Typically, the computed size is just big enough for the control and the label to be fully visible." ( https://docs.oracle.com/javase/8/javafx/layout-tutorial/size_align.htm ).

However when you store your button in a container (eg VBox or HBox ) that has a maximum width and height, for example, the button will be squeezed into that container, ie the label gets truncated:

"By default, buttons grow only to their preferred size. However, buttons shrink to where the label is shown as three dots (...) if the minimum width is not overridden.".

The article I linked describes your problem:

"To prevent a button from becoming smaller than its preferred width, set its minimum width to its preferred width" in the section "Keeping Nodes at Their Preferred Size".

If you did not set the preferred size of your button manually the computed size is used for its preferred size automatically:

"By default, UI controls compute default values for their preferred size that is based on the content of the control"

Your code sample does not produce the described problem (for me):

(Sry I would like to comment on your post, but my reputation is too low)

Answer 2

I don't know why, so I hope somebody of you does....

Solution:

Just replace the AnchorPane with a BorderPane like this

 public class ButtonTest extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) throws Exception { Scene scene = new Scene(getBottomPanel(), 600, 50); primaryStage.setScene(scene); primaryStage.show(); } private BorderPane getBottomPanel() { HBox infraBox = new HBox(5); infraBox.setAlignment(Pos.CENTER); infraBox.getChildren().add(new Label("Input (manuell):")); infraBox.getChildren().add(new TextField()); Button shortButton = new Button("OK"); Button longButton = new Button("\Überspringen"); ButtonBar buttonBar = new ButtonBar(); buttonBar.getButtons().addAll(shortButton, longButton); /*using BorderPane instead of AnchorPane*/ BorderPane bottomPanel = new BorderPane(); bottomPanel.setPadding(new Insets(5)); bottomPanel.setLeft(infraBox); bottomPanel.setCenter(buttonBar); return bottomPanel; } }

Answer 3

I hope this solve your problem
simply use computed size ...
that means :
button.setPrefSize(Control.USE_COMPUTED_SIZE);
this method as i know set the width to the button suitable for the text
Sorry for the bad English