JavaFX Playground

Dette repository indeholder lidt fri leg med JavaFX 2.0.

Jeg forsøger at bygge et par simple FX-applikationer ud fra MVC-princippet og løser desuden nogle af opgaverne fra lærebogen. Inspiration er bl.a. hentet fra videoer på Lynda.com og YouTube.

WHAT IS JAVAFX?
JavaFX is a Java library used to build Rich Internet Applications. The applications written using this library can run consistently across multiple platforms. The applications developed using JavaFX can run on various devices such as Desktop Computers, Mobile Phones, TVs, Tablets, etc.
To develop GUI Applications using Java programming language, the programmers rely on libraries such as Advanced Windowing Toolkit and Swing. After the advent of JavaFX, these Java programmers can now develop GUI applications effectively with rich content.

Noter (Udarbejdet af mig selv!)

Alle JavaFX-applikationer...

• SKAL instantiere/extende klassen "Application". Denne klasse udgør fundamentet for, at vi kan lave en JavaFX-applikation.
• Har tre metoder, som kan overrides - "init", "start" og "stop". Metoden "start" SKAL overrides, da den som udgangspunkt er erklæret abstrakt. Dette bliver automatisk gjort, hvis man anvender JavaFX template i IntelliJ. Det er i start-metoden, vi bygger vores app op i forhold til graphics. (Se mere i png-filen "Start Stop Init")
• Har pr. default én "primaryStage" (Stage, et vindue). Hertil laver vi "scenes", som vi tilføjer til vores "primaryStage".
• Der kan godt oprettes flere stages, som man så kan tilføje scenes og nodes til. Dette vil som udgangspunkt åbne i flere vinduer - alt afhængig af antal stages.

Stage, Scene og Scene Graph

Om Stage:

• Ud fra klassen Stage instantierer vi et objekt, der tages ind som et argument i den omtalte start-metode.
• Det er vores stage, der giver den "container", der danner selve vinduet for applikationen.
• Vi kan så tilkoble de forskellige scenes til vores stage ved at bruge metoden "setScene()".
• For at vise indholdet i din stage, skal du kalde show() metoden på den. Dette gøres automatisk, når du autogenererer et JavaFX-projekt i IntelliJ.

Om Scene:

• Det er vores scene-objekt, der repræsenterer det fysiske indhold i applikationen.

• Et nyt scene-objekt kan instantieres således:

  Scene scene = new Scene(root);

  Eller du kan tage højde og bredde forhold med ind også således:

  Scene scene = new Scene(root, 600, 300);

Det første parameter, der tages ind ved oprettelse af en ny scene, repræsenterer en node, der bliver koblet på scenen. Det kan fx være en button.

Om Scene Graph:

• Citat fra Tutorials Point: "A scene graph is a tree-like data structure (hierarchical) representing the contents of a scene. In contrast, a node is a visual/graphical object of a scene graph."

Layout Panes

Hvad er GridPane?

I JavaFX er GridPane en layout-komponent der lægger child-komponenter ud i et "grid" (gitter). Størrelsen på "cellerne" i gitteret kommer an på komponenterne, der ligges heri. Dog har alle "celler" i samme række den samme højde, og alle "celler" i den samme kolonne har den samme bredde.

Sådan laves GridPane:

GridPane gridPane = new GridPane();

Man kan vise linjerne i sit GridPane ved at tilføje:

gridPane.setGridLinesVisible(true);

Hvad er BorderPane?

BorderPane er en anden layout-komponent, som placerer child nodes enten i toppen, bunden, til højre eller venstre. Hver region kan kun have én node. Læs mere her: http://www.java2s.com/Tutorials/Java/JavaFX/0330__JavaFX_BorderPane.htm

Sådan laves BorderPane:

BorderPane bp = new BorderPane();

Der findes desuden StackPane, AnchorPane, TilePane og andre layout-komponenter til at opbygge GUI.

Nyttige links

• https://docs.oracle.com/javafx/2/overview/jfxpub-overview.htm
• https://www.youtube.com/watch?v=FLkOX4Eez6o
• https://www.lynda.com/Java-tutorials/JavaFX-GUI-Development/466182-2.html
• https://www.tutorialspoint.com/javafx/index.htm