...
Koordinater
Nodene følger et tradisjonell grafisk koordinatsystem med økende verdier mot høyre på x-aksen, og økende verdier nedover på y-aksen. Med dette er altså (0,0) lokalisert øverst til venstre. Man kan også definere koordinatene med flyttall og (0.5 , 0.5) tilsvarer da sentrum av pixelet øverst til venstre.
Transformasjoner
- Translate flytter i x- og/eller y-retning ut fra nodens referansepunkt. Altså en enkel forflytning av objektet. TranslateTransition er en utvidelse av Translate og kan gjøre utføre forflytningen som en animasjon.
- Rotation roterer noden et antall grader rundt et gitt referansepunkt. RotateTransition muliggjør rotasjonene som en animasjon.
- Scale skalerer noden utfra nodens referansepunkt med en x- og y-faktor. Dersom referansepunktet er øverst til venstre i noden vil skaleringen utføres nedover og mor høyre. Klassen ScaleTransition finnes også.
- Shearing roterer en akse slik at x- og y-aksen ikke lenger er vinkelrette for den gjeldende noden
Etter man har laget en transformasjon tiltenkt en eller flere noder kan man enkelt utføre den ved å legge den til i listen(e) av transformasjoner for noden(e): node.getTransforms().add(transform);
CSS
En node har feltene id, styleClass og style. Disse brukes til å endre nodens stil med CSS. Feltene id og styleClass brukes i CSS for å avgjøre hvilke noder som skal ha de forskjellige stilene. Feltet style brukes til å legge på en CSS stil til en node direkte i koden. For en basic forståelse av dette konseptet, ta en titt på denne videoen. Oracle har også en god tutorial for å få et lite innblikk i mulighetene CSS gir oss.