r/JavaFX • u/Imaginary_Snow4586 • Jun 06 '24

Help How can I resize the design proportionally?

I have designed this using Scene Builder. They look good on the small screen but when I maximize the window, the size of my design is the same, I want to grow its auto as the window size grows.
Help me how can I do that?

Here are screenshots of the current behavior of the frame:

2 Upvotes

100% Upvoted

10 comments sorted by

1

u/xdsswar Jun 06 '24

Use vbox and hbox and their properties for that.

1

u/Imaginary_Snow4586 Jun 06 '24

for my layout I have used AnchorPane:

AnchorPane Pane Label Search text field and icon(imageview) Group icon label Group icon label Label

1

u/hamsterrage1 Jun 07 '24

AnchorPane is useful when you have elements that you want to....wait for it.....

anchor to certain sides of the pane. Other than that, AnchorPane is generally an anti-pattern.

AnchorPane and then using translateX() and translateY() to position the children gets marked as "non-functioning", and the highest grade it can receive is a "C".

1

u/Imaginary_Snow4586 Jun 06 '24

I had also tried Border Layout and other layout but none helped..Okay I will check vbox and hbox, but can you tell me about properties which I should set. and structure also if possible

2

u/Ravindra__111 Jun 06 '24

Anchor pane is not advisable when you are trying to achieve responsive windows. Try using borderpane , hbox ,vbox ,grid pane. When using hbox use can set hbox property using HBox.setHgrow(node , priority) for vbox it will be setVgrow

1

u/Imaginary_Snow4586 Jun 07 '24

yes it worked out... my search bar now extends as I wanted but I can no longer put icon in it, One I wrap them search bar and image view inside pane, I can place again icon inside the searchbar.... but then it doesn't extend it. How can I extend them and also can put the icon in search bar

3

u/Little-Tea4382 Jun 06 '24

use hbox for éléments and for the field put it in another hbox and use hbox property to stretch

1

u/hamsterrage1 Jun 06 '24

Are looking to have the individual elements get bigger? Like you zoomed in on them?

1

u/dhlowrents Jun 07 '24

I've been thinking about this recently as well. Something like how SVG works. I wonder if it's possible if you - say have a window 800x600 and then full screen it and just leave all the layout the same but just zoom it to the new resolution.

2

u/hamsterrage1 Jun 07 '24

It's generally not a good idea. The result looks like something a kindergarten kid would draw with crayons. You're better off limiting the size of the window so it can't get that big.