...
Teknikken er basert på at en FXMLLoader-instans leser inn FXML-fila og underveis/i etterkant kobler elementer i FXML-fila til felt og metoder i et kontroller-objekt:
- I linje 5 til høyre i Example2.java registreres applikasjonsobjektet som kontrolleren for GUI-elementene som bygges basert på FXML-fila.
- I linje 8 til venstre i Example2.fxml så brukes fx:id for å knytte en id til TextField-objektet. Merk at "fx" først må være registrert som XML-namespace i en xmlns-deklarasjon, slik det gjøres i linje 7.
- I linje 11 og 12 til høyre i Example2.java deklareres et felt med en @FXML-annotasjon. Annotasjonen forteller FXMLLoader-en at feltet skal settes til GUI-elementet med tilsvarende id.
- I linje 9 til venstre i Example2.fxml så brukes onAction-attributtet for å angi handleUpcaseAction som kontroller-metoden for action-hendelsen til knappen. Merk #-tegnet foran metodenavnet.
- I linje 13 til høyre i Example2.java så deklareres en metode for å håndtere action-hendelsen. Merk at vi egentlig kan utelate parameteret, hvis det ikke brukes (som her).
...
Code Block |
---|
language | javafx |
---|
title | Example3.java | linenumbers | true |
---|
| public class Example3 extends Application {
@Override
public void start(Stage primaryStage) throws IOException {
FXMLLoader fxmlLoader = new FXMLLoader();
fxmlLoader.setController(new Example3Controller());
Parent root = (Parent) fxmlLoader.load(this.getClass().getResourceAsStream("Example3.fxml"));
primaryStage.setScene(new Scene(root));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
} |
| Code Block |
---|
language | javafx |
---|
title | Example3Controller.java |
---|
linenumbers | true |
---|
| public class Example3Controller {
@FXML
private TextField textField;
public void handleUpcaseAction() {
textField.setText(textField.getText().toUpperCase());
}
} |
|
...
Code Block |
---|
language | javafx |
---|
title | Example4.fxml | linenumbers | true |
---|
| <HBox xmlns:fx="http://javafx.com/fxml"
fx:controller="javafx.fxmlexamples.Example4Controller">
<TextField fx:id="textField" text="Type something here!"/>
<Button text="Click here to change to upper case" onAction="#handleUpcaseAction"/>
</HBox> |
| Code Block |
---|
language | javafx |
---|
title | Example4.java | linenumbers | true |
---|
| public class Example4 extends Application {
@Override
public void start(Stage primaryStage) throws IOException {
Parent root = FXMLLoader.load(this.getClass().getResource("Example3.fxml"));
primaryStage.setScene(new Scene(root));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
} |
|
...