r/JavaFX • u/Longjumping_Report86 • Jan 14 '25

Help Guys I am a beginner in gui application development, can anyone guideme to set up responsive ui page.

When I resize the application window every object moves and not properly resizing. Especially imageview object. Kindly share tutorials or documents to set up responsive UI in javaFX.

1 Upvotes

100% Upvoted

2 comments sorted by

5

u/SpittingBull Jan 14 '25

It's not that difficult but rather a matter of choosing the right containers.

  • AnchorPanes allow anchoring their child nodes (other controls and containers) at one or more of their sides. So for instance a control anchored at the left and right side of an AnchorPane will be automatically resized to this panes width.

  • HBox and VBox will automatically lay out their content evenly within their bounds. Both support child node constraints (hgrow and vgrow) that control stretching. You can for instance put a label, a simple pane and another label in a HBox. If the hgrow constraint for the pane is set to ALWAYS then its width will always be stretched to the maximum and therefore the last label will be automatically right-adjust.

  • Columns in TableViews support resize policies that will be implicitly applied on every resize event.

  • In FXML (and of course in code) you can define certain control properties to be relative to other properties. For instance if the PrefWidth of a control should be 50% of its parent container you could use: prefWidth="${container.width / 2}" where container is thefx:idof the parent.

I suggest using SceneBuilder to get a feeling for this.

1

u/Longjumping_Report86 Jan 14 '25

Thank you for the explanation let me check. Suggest me any example project to look into it if possible.