#Zoom out scene builder code#

What we didn't cover in this post is the computation of the preferred, the minimum and the maximum size of our new pane. The reason is, that we still need the listener to request the new layout, so don't have any advantage. You may ask, why I didn't bind the x and y property of the scale to the zoomFactor. Then we add a ChangeListener to the zoomFactor property, which takes the new zoomFactor, applies it to the Scale transsformation and calls requestLayout() which is important to tell JavaFx to relayout. The Scale instance is applied to the content. We create a new Scale with the factors 1 and 1, which means no zooming at all. In our example this ist done in the constructor.

#Zoom out scene builder code#

The code insight is mainyl copied from StackPane with one main difference: The computing of the contentWidth and the contentHeight uses the zoomFactor.Īpply a Scale transformation which is connected to the zoomFactor Property. To implement an individual layout you must overload the layoutChildren method. Here is the code example:Īs you can see, we intruduces the class ZoomingPane, that subclasses Pane. And the only way, I know is to create your own Pane implementation to connect the scaling and the layout, which must fit together to do a zoom. I didn't find a fitting example on the web, so I tried it several times, to do it right. As you can see, if the zoom factor is smaller than 1, there is a white border round our webview, and if the zoom factor is bigger than 1, not all content is shown With the slider you can change the scaling from 0.5 to 2.0. Here we have a simple exampe with a webview and a slider on the bottom. But that does NOT effect the layouting behaviour of this node. If the window becomes too small, you get scrollbars, but nothing of the content is lost.Įvery node in the scene graph in JavaFx has a the ability to scale it's content. bigger, but that means, that all content is still painted. I needed a zooming functionality like you find it in Firefox. We will see in a few lines, what that means. JavaFx has a built in scaling functionality.