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