<?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

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 : pietn" + "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; }