JavaFX FXML voorbeelden | JavaFX FXML examples

Vergeet de "yourpackage"       van fx:contrplller aan te passen.

Don't forget to adjust the name "yourpackage"

No te olvides de personalizar el nombre "yourpackage" in su proyecto.

Menu.fxml :

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?scenebuilder-background-color 0x404040ff?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.MenuController">
<children>
<VBox id="VBoxSchermMain" alignment="CENTER" prefHeight="550.0" prefWidth="600.0" spacing="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<Label prefHeight="42.0" prefWidth="142.0" text="Keuzescherm" textFill="WHITE">
<font>
<Font name="Arial" size="22.0" />
</font>
</Label>
<Button fx:id="button1" onAction="#aksie_naarscherm1" prefHeight="42.0" prefWidth="296.0" style=" -fx-background-color: &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)), &#10; derive(-fx-base,-40%), &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)); &#10; -fx-background-insets: 0 0 -1 0, 0, 1, 2; &#10; -fx-background-radius: 25, 25, 24; &#10; -fx-padding: 0.0em 0.5em 0.0em 0.0em; &#10; -fx-alignment: CENTER; &#10; -fx-content-display: LEFT; " text="Laad scherm TabPane één" textFill="#99c2ff">
<font>
<Font name="System Bold" size="20.0" fx:id="x1" />
</font>
</Button>
<Button fx:id="button2" font="$x1" onAction="#aksie_naarscherm2" prefHeight="42.0" prefWidth="296.0" style=" -fx-background-color: &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)), &#10; derive(-fx-base,-40%), &#10; radial-gradient(radius 100%, &#10; derive(-fx-base,-60%), &#10; derive(-fx-base,-80%)); &#10; -fx-background-insets: 0 0 -1 0, 0, 1, 2; &#10; -fx-background-radius: 25, 25, 24; &#10; -fx-padding: 0.0em 0.5em 0.0em 0.0em; &#10; -fx-alignment: CENTER; &#10; -fx-content-display: LEFT; " text="Laad scherm TabPane twee" textFill="#74ff33" />
</children>
</VBox>
</children>
</AnchorPane>

Scherm1.fxml :

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.Scherm1Controller">
<children>
<VBox id="VBoxScherm2" alignment="CENTER" prefHeight="550.0" spacing="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<TabPane prefHeight="500.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" VBox.vgrow="ALWAYS">
<tabs>
<Tab text="SCHERM 1 Tab 1">
<content>
<AnchorPane id="Content" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="500.0" prefWidth="600.0" />
</content>
</Tab>
<Tab text="SCHERM 1 Tab 2">
<content>
<AnchorPane id="Content" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="600.0" />
</content>
</Tab>
</tabs>
</TabPane>
<Button fx:id="button" onAction="#aksie_NaarHoofdscherm" text="Ga naar scherm Menu">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
</children>
</VBox>
</children>
</AnchorPane>
 

Scherm2.fxml :

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.text.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="550.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="yourpackage.Scherm2Controller">
<children>
<VBox id="VBoxScherm1" alignment="TOP_CENTER" prefHeight="400.0" prefWidth="600.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<TabPane prefHeight="500.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" VBox.vgrow="ALWAYS">
<tabs>
<Tab text="SCHERM 2 Tab 1">
<content>
<AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="-1.0" prefWidth="-1.0" />
</content>
</Tab>
<Tab text="SCHERM 2 Tab 2">
<content>
<AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
</content>
</Tab>
</tabs>
</TabPane>
<Button contentDisplay="CENTER" mnemonicParsing="false" onAction="#aksie_NaarHoofdscherm" text="Naar Menu scherm">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Button>
</children>
</VBox>
</children>
</AnchorPane>

2: Start_Schermen_FXMLTest.java

import java.io.IOException; import java.net.URL; import java.util.HashMap; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.fxml.JavaFXBuilderFactory; import javafx.scene.Node; import javafx.scene.Scene; import javafx.scene.layout.AnchorPane; import javafx.stage.Stage; /** * Belgium : JavaFX : Meerdere fxml-bestanden beheren * English : JavaFX : Managing multiple screens * Español : JavaFX : Gestión de múltiples pantallas * @auteur : pw 22-11-2013 */ public class Start_Schermen_FXMLTest extends Application { public static AnchorPane root = new AnchorPane(); public static HashMap<String, Node> schermen = new HashMap<>(); //public static HashMap<String, Node> screencontrollers = new HashMap<>(); public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage stage) { // Schermen in Hashmap laden // Load the different (fxml files) screens into a Hashmap // Almacenar las pantallas SchermBeheer sc = new SchermBeheer(); sc.laadSchermen("MENU", "Menu.fxml"); sc.laadSchermen("SCHERM2", "Scherm2.fxml"); sc.laadSchermen("SCHERM1", "Scherm1.fxml"); // Laad het basischerm met keuzemenu: // Load the Main screen (menu.fxml) // Cargue la pantalla principal (menu.fxml) FXMLLoader fxmlLoader = new FXMLLoader(); URL url = getClass().getResource("Menu.fxml"); fxmlLoader = new FXMLLoader(); fxmlLoader.setLocation(url); fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory()); try { root = (AnchorPane) fxmlLoader.load(url.openStream()); root.setStyle("-fx-background-color: black;"); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } Scene scene = new Scene(root, 550, 600); stage.setTitle("Meervoudige schermen mett eigen controller"); stage.setScene(scene); stage.show(); try { Thread.sleep(1000); } catch (InterruptedException ex) { Thread.currentThread().interrupt(); } sc.laadScherm("MENU", "Menu.fxml"); } }

3: SchermBeheer.java

import java.io.IOException; import java.net.URL; import java.util.ResourceBundle; import javafx.fxml.FXML; import javafx.fxml.FXMLLoader; import javafx.fxml.Initializable; import javafx.fxml.JavaFXBuilderFactory; import javafx.scene.layout.AnchorPane; /** * Belgium : JavaFX : Meerdere fxml-bestanden beheren * English : JavaFX : Managing multiple schermen * Español : JavaFX : Gestión de múltiples pantallas * * @auteur : pw 22-11-2013 */ public class SchermBeheer extends AnchorPane implements Initializable { public void laadScherm(String naam, String schermFXML) { if (Start_Schermen_FXMLTest.schermen.get(naam) != null) { // Belgium : oud scherm verwijderen en nieuw scherm toevoegen // English : remove the previous screen and add the new one // Español : borrar la pantalla anterior y agregar el nuevo Start_Schermen_FXMLTest.root.getChildren().clear(); Start_Schermen_FXMLTest.root.getChildren().add(Start_Schermen_FXMLTest.schermen.get(naam)); } else { try { URL url = getClass().getResource(schermFXML); FXMLLoader fxmlLoader = new FXMLLoader(); fxmlLoader.setLocation(url); fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory()); AnchorPane scherm = (AnchorPane) fxmlLoader.load(url .openStream()); Start_Schermen_FXMLTest.root.getChildren().clear(); Start_Schermen_FXMLTest.root.getChildren().add(scherm); } catch (IOException e) { e.printStackTrace(); } } } public void laadSchermen(String naam, String schermFXML) { try { URL url = getClass().getResource(schermFXML); FXMLLoader fxmlLoader = new FXMLLoader(); fxmlLoader.setLocation(url); fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory()); AnchorPane scherm = (AnchorPane) fxmlLoader.load(url.openStream()); fxmlLoader.getController(); // Belgium : Alle schermen opslagen in Hashmap // English : Store all the schermen in a Hashmap // Español : Guarde todas las pantallas en un Hashmap Start_Schermen_FXMLTest.schermen.put(naam, scherm); // FXMLTest.screencontrollers.put(naam, (Node) // fxmlLoader.getController()); } catch (IOException e) { e.printStackTrace(); } } @Override public void initialize(URL url, ResourceBundle rb) { } }

4: MenuController.java

import java.net.URL; import java.util.ResourceBundle; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.fxml.Initializable; import javafx.scene.layout.AnchorPane; /** * Belgium : JavaFX : Meerdere fxml-bestanden beheren * English : JavaFX : Managing multiple screens * Español : JavaFX : Gestión de múltiples pantallas * * @auteur : pw 22-11-2013 */ public class MenuController extends AnchorPane implements Initializable { @FXML private void aksie_naarscherm1(ActionEvent event) { System.out.println("Controller Menu"); SchermBeheer sc = new SchermBeheer(); sc.laadScherm("SCHERM1", "Scherm1.fxml"); } @FXML private void aksie_naarscherm2(ActionEvent event) { System.out.println("Menu Controller"); SchermBeheer sc = new SchermBeheer(); sc.laadScherm("SCHERM2", "Scherm2.fxml"); } @Override public void initialize(URL url, ResourceBundle rb) { } }

5: Scherm1Controller.java

import java.net.URL; import java.util.ResourceBundle; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.fxml.Initializable; import javafx.scene.layout.VBox; /** * Belgium : JavaFX : Meerdere fxml-bestanden beheren * English : JavaFX : Managing multiple screens * Español : JavaFX : Gestión de múltiples pantallas * * @auteur : pw 22-11-2013 */ public class Scherm1Controller extends VBox implements Initializable { @FXML private void aksie_NaarHoofdscherm(ActionEvent event) { System.out.println("Controller Scherm 1"); SchermBeheer sc = new SchermBeheer(); sc.laadScherm("MENU", "Menu.fxml"); } @Override public void initialize(URL url, ResourceBundle rb) { } }

6: Scherm2Controller.java

import java.net.URL; import java.util.ResourceBundle; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.fxml.Initializable; import javafx.scene.layout.VBox; /** * Belgium : JavaFX : Meerdere fxml-bestanden beheren * English : JavaFX : Managing multiple screens * Español : JavaFX : Gestión de múltiples pantallas * * @auteur : pw 22-11-2013 */ public class Scherm2Controller extends VBox implements Initializable { @FXML private void aksie_NaarHoofdscherm(ActionEvent event) { System.out.println("Controller Scherm 2"); SchermBeheer sc = new SchermBeheer(); sc.laadScherm("MENU", "Menu.fxml"); } @Override public void initialize(URL url, ResourceBundle rb) { } }

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.net.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.effect.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="527.0" prefWidth="352.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="move.MoveController">
<children>
<Pane id="pane" fx:id="id_pane" layoutX="-6.0" layoutY="0.0" prefHeight="1468.0" prefWidth="717.0">
<children>
<VBox id="VBox" alignment="CENTER" layoutX="38.0" layoutY="1229.0" spacing="5.0">
<children>
<TextArea id="TextArea" fx:id="tekstgebied" prefWidth="200.0" rotate="337.0" text="Auteur Author : Piet&#10;België Belgium&#10;&#10;&#10;Move Sample" wrapText="true">
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</TextArea>
<Button id="splashscreen" mnemonicParsing="false" onAction="#aksie_splashscreen" prefHeight="40.6839599609375" prefWidth="200.0" text="Splashscreen">
<font>
<Font size="17.0" fx:id="x1" />
</font>
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
<textFill>
<Color blue="0.000" green="0.800" red="0.063" fx:id="x2" />
</textFill>
</Button>
</children>
</VBox>
<VBox id="VBox" alignment="CENTER" layoutX="79.0" layoutY="60.0" spacing="5.0">
<children>
<ImageView fitHeight="193.0" fitWidth="193.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="file:/C:/Users/Home/Pictures/penguin01.JPG" />
</image>
</ImageView>
<Button fx:id="welkom" mnemonicParsing="false" onAction="#aksie_welkom" prefHeight="115.0" prefWidth="193.0" text="Welkom" textFill="radial-gradient(focus-angle 0.0deg, focus-distance 0.0% , center 100.0px 100.0px, radius 200.0px, 0xff0000ff 0.0%, 0xff0000ff 10.0%, 0xffffffff 30.0%, 0x000000ff 100.0%)">
<font>
<Font size="39.0" />
</font>
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</Button>
<Label text="Men's Desktop">
<effect>
<Reflection fraction="0.9801587301587301" topOpacity="0.8412698412698413" />
</effect>
<font>
<Font name="Bookshelf Symbol 7" size="35.0" />
</font>
</Label>
</children>
</VBox>
<VBox id="hbox" alignment="CENTER" layoutX="487.0" layoutY="734.0" spacing="5.0">
<children>
<ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="file:/C:/Users/Home/Pictures/penguin02.jpg" />
</image>
</ImageView>
<Button fx:id="info" font="$x1" mnemonicParsing="false" onAction="#aksie_info" prefHeight="41.0" prefWidth="200.0" text="Info" textFill="#ccff00">
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</Button>
<Button fx:id="splashscreen" font="$x1" mnemonicParsing="false" onAction="#aksie_splashscreen" prefHeight="40.6839599609375" prefWidth="200.0" text="Splashscreen" textFill="$x2">
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</Button>
<Button id="loadfxml" fx:id="laadfxml" font="$x1" mnemonicParsing="false" onAction="#aksie_laadfxml" prefHeight="41.0" prefWidth="200.0" text="Load new FXML" textFill="#00b4cc">
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</Button>
</children>
<stylesheets>
<URL value="@splash.css" />
</stylesheets>
</VBox>
</children>
</Pane>
</children>
</AnchorPane>

 

2: Start_move.java

package move; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.stage.Stage; public class Start_move extends Application { public static void main(String[] args) { Application.launch(args); //Application.launch(Start_move.class, (java.lang.String[])null); } @Override public void start(Stage stage) throws Exception { try{ Parent root = FXMLLoader.load(getClass().getResource("movesamplelayout.fxml")); stage.setScene(new Scene(root)); stage.show(); } catch(Exception e){ System.out.print(e); } } }

3: MoveController.java

package move; import java.net.URL; import java.util.ResourceBundle; import javafx.animation.TranslateTransition; import javafx.animation.TranslateTransitionBuilder; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.scene.control.Button; import javafx.scene.control.TextArea; import javafx.scene.layout.Pane; import javafx.util.Duration; public class MoveController { @FXML private ResourceBundle resources; @FXML private URL location; @FXML private Button info; @FXML private Pane id_pane; @FXML private Button splashscreen; @FXML private Button laadfxml; @FXML private TextArea tekstgebied; @FXML private Button welkom; @FXML void aksie_info(ActionEvent event) { tekstgebied.setText("Sample Move pane" + "(and objects)\nAuthor : piet\n" + "Belgum"); moveScreen(50,-1100,id_pane); } @FXML void aksie_splashscreen(ActionEvent event) { moveScreen(0,0,id_pane); } @FXML void aksie_welkom(ActionEvent event) { moveScreen(-400,-650,id_pane); } @FXML void aksie_laadfxml(ActionEvent event) { System.out.println("laad fxml"); tekstgebied.setText("Volgend blog : \nVerschillende FXML bestanden laden"); moveScreen(50,-1100,id_pane); } private void moveScreen(int toX, int toY, Pane pane) { // Object pane; TranslateTransition ganaarlokasie = TranslateTransitionBuilder. create(). toX(toX). toY(toY). duration(Duration.seconds(1)). node(pane). build(); ganaarlokasie.play(); } @FXML void initialize() { } }

4:splash.css

.button { -fx-background-color: radial-gradient(radius 100%, derive(-fx-base,-60%), derive(-fx-base,-80%)), derive(-fx-base,-40%), radial-gradient(radius 100%, derive(-fx-base,-60%), derive(-fx-base,-80%)); -fx-background-insets: 0 0 -1 0, 0, 1, 2; -fx-background-radius: 25, 25, 24; -fx-padding: 0.0em 0.5em 0.0em 0.0em; -fx-alignment: CENTER; -fx-content-display: LEFT; } #fancytext { -fx-font: 200px Tahoma; -fx-fill: linear-gradient(from 0% 0% to 100% 200%, repeat, aqua 0%, red 50%); -fx-stroke: black; -fx-stroke-width: 1; } #TextArea { -fx-font-size: 16px; }

Via de menubar van Eclipse :

- Klik"window" / "Preferences" (vouw open)/ "Java" (vouw open)
- Klik "templates"
- Klik op het templatescherm "new"
- geef naam voor de template bvb FX_start
- geef een kleinne beschrijving
- plak of typ de gewenste kode (zie kode voor statbestand) in het ingavevak.
druk ok

Herhaal voor template FX_con met de kode voor controlebestand.
druk ok


Hoe te gebruiken:

- Maak in je Eclipse projektbestand een nieuwe class aan.
- Selekteer de volledige kode onder de package naam van dit class bestand en wis deze.
- Type de beginletters van de template die je wil gebruiken bvb FX.
- Druk nadien ctrl-space kombinatie in.
- Selekteer de template die je wil.
- Bij een dubbelklik wordt de template-code toegevoegd aan je bestand.

Noot:
- Bij de FX_con staat onderaan de template code voor het fxml bestand.
- Copier/cut deze code.
- Maak een tekst bestand aan met fxml ekstensie. bvb scherm.fxml.

Templates kunnen niet gebruikt worden in een tekstbestand.
JavaFX FXML templates in Eclipse
 

- Click "window" / "Preferences" (unwrap) / "Java" (unwrap) / click "templates" to
- click on the template screen "new".
- Give a name for the template ex. FX_start
- Give a bref description
- Paste or type the code (see the code for start file) in the inputbox.
press ok

Repeat for the FX_con template using the code (see below) for the control file.
press ok


How to use:

- Create e new class in your Eclipse project file.
- Select the entire code under the package name of the class file and delete it.
- Type the first letters of the template you want to use for ex. FX.
- Afterwards, press the ctrl-space key combination.
- Select the template you want.
- Doubleclick and the template code will be added to your file.

Note:
- The FX_con the bottom of the template code for fxml file.
- Copier / cut this code.
- Create a text file with fxml ekstensie. eg scherm.fxml.

Templates can’t be used on a text file.That’s why you have to copy the code from the controller file template.
JavaFX plantillas FXML en Eclipse
 

- Clic window / Preferences (desenvolver) / Java (desenvolver)
- Pulse "templates"
- en la pantalla clic "nueva".
- Eccriba el nombre de la "template", por ejemplo FX_start
- Escriba una breve descripción.
- Copy/paste o escriba el código (ver el código para el archivo de inicio) en el cuadro de entrada.
pulse ok

Modo de empleo:

También hacer lo mismo para la "template" FX_con con el código para el archivo de control.
pulse ok

Hace en su archivo de proyecto de Eclipse una nueva class.
Seleccione todo el código bajo el nombre del paquete y eliminarlo.
Escriba las iniciales de la "template" que desea utilizar, por ejemplo FX.
A continuación, pulse Ctrl-Espacio en combinación.
Selecciona el "template" deseado.
Dubbelclick y el código de este "template" se añade a su archivo.

Nota:
- El FX_con la parte inferior de la plantilla de código para el archivo de fxml.
- Copiadora / cortar este código.
- Crear un archivo de texto con fxml ekstensie. por ejemplo scherm.fxml.

Plantillas de Eclipse no funcionan en un archivo de texto.
 

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;


public class UwClassNaam extends Application{
public static void main(String[] args) {
Application.launch(args);
}

public void start(Stage stage) throws Exception {
Parent root = (Parent) FXMLLoader.load(getClass().getResource("scherm.fxml"));
stage.setTitle("FXML pwBrauwser");
stage.setScene(new Scene(root, 800, 600));
stage.show();
}
}
 

2:
Kode voor Controller bestand :: FXMLController.java en scherm.fxml
Code for the controller file :: FXMLController.java en scherm.fxml
Código para el archivo de control :: :: FXMLController.java en scherm.fxml

import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;


public class UwClassNaam {

@FXML
private ResourceBundle resources;

@FXML
private URL location;

@FXML
private Button testknop;


@FXML
void testknop_aksie(ActionEvent event) {
}

@FXML
void initialize() {
assert testknop != null : "fx:id=\"testknop\" was not injected: check your FXML file 'scherm.fxml'.";


}

}


<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="536.0" prefWidth="692.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="uwpackage.FXMLController">
<children>
<Button id="css_testknop" fx:id="testknop" layoutX="452.0" layoutY="14.0" mnemonicParsing="false" onAction="#testknop_aksie" text="Testknop" />
</children>
</AnchorPane>