1° Passo: Criar o design no Scene Builder
Para deixar a aplicação responsiva, criei um AnchorPane, dentro desse AnchorPane eu inseri um Pane e coloquei como id="PaneTopoTela"
. Esse Pane (elemento filho) é que eu vou poder tornar responsivo a partir do arquivo FXML.
2° Passo: Inserir código no arquivo FXML:
<AnchorPane id="AnchorPane" prefHeight="613.0" prefWidth="748.0" stylesheets="@estilo.css" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="javafxapplicationteste.FXMLDocumentController">
<children>
<Pane id="PaneTopoTela" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" layoutY="-9.0" prefHeight="92.0" prefWidth="748.0" stylesheets="@estilo.css" />
</children>
</AnchorPane>
Explicação:
Percebe que depois do id="PaneTopoTela" eu coloquei AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"?
Esse AnchorPane.right e left vai ter a mesma funcionalidade no JavaFX que a âncora tem no netbeans. Vai ancorar os elementos na onde você quiser.
Sobre a âncora no layout do netbeans: Sabe quando você clica com o botão direito em um elemento filho no netbeans e aparece para você "Ancorar -> Esquerda/Direita/Superior/Inferior"? Então, é isso!
Então no JavaFX, você tem 4 opções, são elas:
AnchorPane.topAnchor
AnchorPane.bottomAnchor
AnchorPane.leftAnchor
AnchorPane.rightAnchor
Se você igualar a 0.0, como eu fiz... Ele vai alinhar o elemento filho dentro do AnchorPane.
Para mais informações.
AnchorPane JavaFX