Samenvatting Programmeren - JavaFX

THEORI PROGRAMMEREN -
E



HOOFDSTUK 1 – WAT IS JAVAFX?
 Java Class Library om desktop applicaties met een grafische user interface (GUI) te bouwen

 Aan de hand van nodes stellen we een scenegraph samen
 met behulp van de wordt scenegraph een scene aangemaakt
 de scene wordt op een stage geplaatst en getoond
o scengraph
 scene
 stage
 je klassen komen allemaal uit de javafx package
o geen awt
o geen string
 de main klasse erft van de abstracte klasse Application waarvan de start methode moet worden
geïmplementeerd
 de JRE geeft je een window om je GUI op te zetten via de Stage parameter van de start methode




[NAAM VAN AUTEUR] 1

,  een GUI is opgebouwd uit verschillende geneste Nodes
o de scenegraph
 er zijn verschillende soorten Nodes
o controls
o layoutpanes
o shapes
 de verschillende klassen die hiervoor gebruikt worden zijn hiërarchisch opgebouwd

 wil je visueel inhoud je Stage toevoegen dan gebeurt dat via een Scene
o een Scene bevat een boomstructuur van visuele elementen
 de scenegraph

 omgeving waarbinnen de GUI getoond wordt
o een window
 wordt aangeleverd door systeem via primaryStage parameter van start methode
 Kan één Scene bevatten
 Kan getoond worden met show()



HOOFDSTUK 2 - STAPPENPLAN GUI

1. WIREFRAME UITTEKENEN
 een schets van hoe ons scherm er uit zal zien
 op de schets komt
o welke componenten
o de onderlinge layout van de componenten
 kan met bepaalde tools of pen en papier

2. HOOFDSCHERM MAKEN
 maak een nieuw project in IntelliJ
 maak een package
 maak een klasse main
 geef de stage een grote
 zet de juiste titel
 toon de (lege) stage

3. UI OPBOUWEN
 initialisatie controls
o Welke UI controls hebben we nodig?
o in de package javafx.scene.control vind je alle javafx controls
o Welke klassen zijn geschikt?
 layout met panes
o hoe moeten de controls geplaatst worden?
o in de package javafx.scene.layout vind je alle javafx layout panes
 aparte view klasse
o we creëren beter een aparte klassen waarin de scenegraph opgebouwd wordt
o plaats de klasse in een aparte package




[NAAM VAN AUTEUR] 2

, o de klasse erft van het rootelement van de scenegraph
o de controls zijn private attributen van de klasse
o in de constructor
 initialisatie controls
 layout op de Pane

4. EVENT AFHANDELEN
 als er op de knop geklikt wordt, moet er iets gebeuren
o het klikken op de knop, noemen we een Event
 als dit event afgaat, moet een bepaald stuk code uitgevoerd worden
o de knop waarop geklikt wordt noemen we het EventTarget
o het object dat de methode bevat die uitgevoerd moet worden is de EventHandler
 Handler schrijven
o klasse die de EventHandler interface implementeert
 implements EventHandler<ActionEvent>



HOOFDSTUK 3 – HET DESIGN PATTERN “MODEL-VIEW-
PRESENTER”
 design patterns
o doel
 scheiding tussen de grafische user interface

 altijd eenzelfde patroon
o view klassen
 tekenen de UI
 geen logica
 dom maar mooi
o model klassen
 implementeren de logica
 geen UI code
 slim maar lelijk
o om deze klassen gescheiden te houden werken we met een tussenliggende klasse
 de presenter




[NAAM VAN AUTEUR] 3