XML » SVG Presenter - Carto:net

XML » SVG PRESENTER | STRUKTURIERTE MULTIMEDIA-PRÄSENTATION IM WEB 183
Abb. 6.5.2.1.2: Einblendung des Verlaufsbalkens unter Verwendung von AniObject und AniTracker.
6.5.2.2 Darstellungs-Framework
Da, wie bereits eingangs erwähnt, nahezu sämtliche Ausgabe-Elemente entsprechend der geparsten XML
Daten erst zur Laufzeit berechnet und dargestellt werden können, wird zur tatsächlichen Präsentation freilich
noch eine Sammlung grundlegender Funktionen für die korrekte Erzeugung der entsprechenden SVG-
Elemente benötigt. Im Rahmen des XML » SVG Presenters wird diese Aufgabe maßgeblich durch die zwei
men, die wiederum auf eine ganze Reihe grafischer
Basic-Funktionen 1 men, die wiederum auf eine ganze Reihe grafischer
Basic-Funktionen zurückgreifen: Da im Normalfall zu Beginn der Bildschirmpräsentation lediglich das so
folder() el
expand()
in
1 Kernfunktionen expand() und collapse()übernom rnom
2
zurückgreifen: Da im Normalfall zu Beginn der Bildschirmpräsentation lediglich das so
genannte root-Item, also die Wurzel des Präsentations-Baumes, via folder() -Funktion direkt dargest dargestel lt
wird [s.Abb.6.5.2.1.2], fällt insbesondere der expand() -Methode die Hauptaufgabe zu, die Daten der bei
Aktivierung jeweils auftretenden Teilbäume (und somit die Kind-Elemente des jeweiligen Knotens) in
Form weiterer Item-Symbole korrekt darzustellen sowie alle unterhalb dargestellten Symbole entsprechend
der y-Koordinate entsprechend „nach unten“ zu verschieben:
Abb. 6.5.2.1.3: „Ausklappen“ eines Items mithilfe der
expand()-Funktion.
Die Beschreibung einzelnen der expand()-Funktion zugrunde liegenden Algorithmen und Methoden
würde an dieser Stelle sicherlich zu weit führen – vereinfachend sei daher lediglich erwähnt, dass wiederum
eine Anzahl „grafischer“ Funktionen die Basis für die Darstellung der verschiedenen sichtbaren Objekte (Icons,
Textfelder, Rahmen etc.) darstellt, welche nun ihrerseits für die Erzeugung entsprechender SVG- SVG-
Elemente
nen.
3
Die Beschreibung einzelnen der expand()-Funktion zugrunde liegenden Algorithmen und Methoden
würde an dieser Stelle sicherlich zu weit führen – vereinfachend sei daher lediglich erwähnt, dass
eine Anzahl „grafischer“ Funktionen die Basis für die Darstellung der verschiedenen sichtbaren Objekte (Icons,
Textfelder, Rahmen etc.) darstellt, welche nun ihrerseits für die Erzeugung entsprechender
Elemente und deren korrekte Integration in die DOM-Hierarchie des SVG-Baumes verantwortlich zeich-
3
und deren korrekte Integration in die DOM-Hierarchie des SVG-Baumes verantwortlich zeich-
Die dem gegenüberstehende coll collapse() -Methode, die logischerweise die (rekursive) Funktion des SchlieSchließens 4 apse()
ßens der entsprechenden Teilbäume übernimmt, ist naturgemäß zwar nicht auf die eben angesprochenen
4 der entsprechenden Teilbäume übernimmt, ist naturgemäß zwar nicht auf die eben angesprochenen
1 vgl. hierzu die Skript-Datei des Prototypen: folder, gradient, plus, hLine, vLine… [script.js]
2 Anm: Alternativ hierzu kann bei Fehlen des root-Items auch direkt mit mehreren Items begonnen werden (Direkt-Liste).
3 Hierfür steht im DOM-unterstützten ECMAScript wiederum die createElement-Funktion (bzw. createTextNode bei Textelementen) be-
reit.
4 … oder „zuklappen“ (daher der Name collapse)