Über yFiles FLEX
yFiles FLEX ermöglicht die einfache Integration von Graphenvisualisierung und Graphen-bearbeitung in eine Adobe® Flex®- oder AIR™- basierte Rich Internet Application. Das Framework bietet eine Flex UI-Komponente sowie eine umfassende Klassenbibliothek zur Anzeige und Bearbeitung von Diagrammen in Flex-basierten Web-Anwendungen.
Vorzüge
yFiles FLEX stellt essentielle Bausteine für Web-basierte Applikationen bereit, in denen Graphen, Diagramme oder Netzwerke angezeigt, animiert und editiert werden sollen.
Mit yFiles FLEX können Web-Anwendungen in der Qualität von Desktop-Anwendungen erstellt werden.
- Keine Probleme mit Browser-Versionen! Ihre yFiles FLEX Anwendung wird für jeden Benutzer gleich aussehen - egal welcher Browser und welches Betriebssystem verwendet wird. Um eine Flex 2 Anwendung benutzen zu können, wird lediglich der Flash Player Version 9 benötigt. Der Adobe Flash Player ist heutzutage auf einem Großteil der PCs mit Internetzugang installiert.
- Web-basierte Graphenanzeige, -bearbeitung und Animation. Das yFiles FLEX Framework ermöglicht das einfache Erstellen von Rich Internet Applications (RIAs), welche fast die gleichen Möglichkeiten bieten wie herkömmliche Desktop-Anwendungen. Sie werden von den Vorteilen der RIAs gegenüber regulären Thin Client Anwendungen profitieren: vollwertige Benutzer-Interfaces, bessere Antwortzeiten, bessere Lastverteilung zwischen Client und Server, asynchrone Kommunikation und weniger Netzwerkauslastung.
- Profitieren Sie von unserer Erfahrung im Bereich der Graphenvisualisierung. Unsere gesamte Erfahrung aus der Entwicklung verschiedener Produkte zur Graphenvisualisierung (yFiles for Java, yFiles.NET und yEd) wurde für die Implementierung der yFiles FLEX API genutzt.
Merkmale
Einfaches Erstellen benutzderdefinierter Styles:
Die Style-API von yFiles FLEX bietet direkt verwendbare Style-Klassen
sowie ein schlankes Framework für die Implementierung eigener visueller
Repräsentationen von Knoten und Kanten.
Knoten können auch durch Bilddateien (sowohl rasterbasierte als auch vektorbasierte
Bildformate werden unterstützt) oder SWF Filme dargestellt werden.
Auto-Layout:
Automatisches Layout kann sowohl durch eine Server Komponente erfolgen, als auch
direkt auf dem Client.
GraphML:
yFiles FLEX unterstützt dieses XML-basierte Format zum Austausch von Graphstrukturen
und Style-Informationen.
Interaktion:
Die Client-API hält umfangreiche, leicht anpassbare Funktionalität für
die Benutzerinteraktion bereit.
Unterstützung für das Erstellen oder Bewegen von Graphelementen ist ebenso
enthalten wie Unterstützung für Tooltips und Kontextmenüs.
Animation:
yFiles FLEX erzeugt Animationen die den Übergang zwischen verschiedenen
Zuständen eines Diagramms visualisieren.
Remote API:
Das Framework bietet Klassen, welche die Kommunikation mit einer yFiles Server-Komponente
erheblich erleichtern.
yFiles FLEX Produkttypen
yFiles FLEX ist in drei verschiedenen Ausführungen erhältlich, von
denen jede Ihre Diagramming-Anwendung mit Funktionalität zur Visualisierung
und Bearbeitung von Graphen und Diagrammen erweitert.
Die Bundle Editionen enthalten zusätzlich entweder eine Java- oder eine .NET-basierte
yFiles Server-Komponente, welche modernste Graphenanalyse- und Layoutalgorithmen
bietet.
yFiles FLEX Client kommt ohne Server-Komponente, kann aber mit einem optionalen
Erweiterungspaket für Client-seitiges automatisches Layout kombiniert werden.
yFiles FLEX |
yFiles FLEX |
yFiles FLEX |
Erfahren Sie mehr über die yFiles FLEX Produkttypen.
Graphity Diagram Editor
Der Graphity Diagram Editor ist eine Anwendung welche auf der yFiles FLEX Bibliothek basiert. Graphity ist ein Diagrammeditor und verwendet die Fähigkeiten dieser Bibliothek zur Darstellung und Bearbeitung von Diagrammen. Darüber hinaus kommuniziert der Flash Client mit einem yFiles für Java Server, um automatische Layouts zu berechnen. Testen Sie Graphity und verschaffen Sie sich einen breiten Überblick über die Features von yFiles FLEX.
Beispielanwendungen
Graph Canvas
Die Graph Canvas
Beispielanwendung demonstriert die Graphenanzeige, Layoutberechnung, Navigation und das Editieren mit yFiles FLEX.
Verschiedene GraphML Dateien können mit Hilfe der Auswahlbox vom Server in die Anzeigekomponente geladen werden.
Der Graph wird zunächst mit den in der Datei angegebenen Koordinaten geladen.
Über das 'Layout' Menü können andere Layoutalgorithmen ausgeführt werden.
In der integrierten Hilfe sind die verschiedenen Möglichkeiten zur Benutzerinteraktion dokumentiert.
In einem zuätzlichen Reiter kann der momentan angezeigte Graph im GraphML Format angezeigt werden. Änderungen im GraphML-Text können anschließend in der Anzeigekomponente übernommen werden.
Falls der geladene Graph Beschreibungstexte für die Knoten enthält, so werden diese als Tooltips angezeigt. Sollten für einzelne Knoten URLs hinterlegt sein (wie z.B. in dem imdb-Graphen), so enthält das Kontextmenü dieser Knoten einen Eintrag, um zu dieser URL zu navigieren.
Organization Chart
Die Organization Chart Beispielanwendung zeigt, wie eine interaktive Ansicht für ein Organigramm mit yFiles FLEX erstellt werden kann. Dabei wird der angezeigte Graph aus XML-Dateien erzeugt. Der Benutzer hat die Möglichkeit, zwischen verschiedenen Beispieldateien unterschiedlicher Größe zu wechseln. Eine dieser Dateien verwendet zusätzlich Gruppenknoten, um Abteilungen zu illustrieren.
Die Organization Chart Demo zeigt unter anderem, wie man
- eine maßgeschneiderte Graphenkomponente erstellt
- eine yFiles FLEX Graphenstruktur aus beliebigen XML-Daten erzeugt
- den "Template" Knotenstil für komplexe Knotenvisualisierungen verwendet,
- abhängig vom Zoom-Level verschiedene Detailstufen der Knotenvisualisierungen verwendet,
- die Overview Komponente von yFiles FLEX anpasst,
- eigene Zoom-Effekte erstellt
Business Process Diagram Editor
Die Business Process Diagram Beispielanwendung zeigt, wie ein Editor für Geschäftsprozessdiagramme mit yFiles FLEX erstellt werden kann.
Die Visualisierung und das Verhalten dieser Beispielanwendung richtet sich nach der
BPMN 1.1 Spezifikation, implementiert aber nicht alle dort aufgeführten Aspekte.
Hauptzweck der Anwendung ist es, zu zeigen, welche Features von yFiles FLEX bei der Erstellung
einer solchen Anwendung Verwendung finden können:
Maßgeschneiderte Knotenstile, die Verwendung von Flex Komponenten für die
Knotenvisualisierung; angepasste Kanten- und Pfeilvisualisierungen;
Gruppenknoten; Swimlanes; Drag 'n' Drop Funktionalität; eingeschränkte Kantenerzeugung;
eigene InputModes; selbst definierte, mit Knoten assoziierte Datenobjekte;
anwendungsspezifische serverseitige Layoutberechnung.
DOM Tree
Die DOM Tree Beispielanwendung demonstriert das hervorragende Zusammenspiel von yFiles for Java, der yFiles FLEX API und der Adobe Flex API.
In der Beispielanwendung kann in einem Textfeld eine Internetadresse eingegeben werden. Die an dieser Adresse gefundene HTML Seite wird eingelesen und als Baumstruktur dargestellt. Beim Überfahren eines Knotens mit der Maus wird der Name des entsprechenden HTML Elements angezeigt und ein kleiner Effekt ausgeührt.
Automatisches Diagramm-Layout
Die Layout Module Beispielanwendung zeigt die wichtigsten yFiles Layoutalgorithmen. Die Algorithmen können interaktiv konfiguriert, und auf dem Server ausgeführt werden.
Die unterstützten Layoutstile sind:
- Hierarchisch
- Orthogonal
- Organisch
- Zirkulär
- Baum
In einer Komponente können die Einstellungen für den ausgewählten Layoutalgorithmus vorgenommen werden. Das jeweilige Datenobjekt, das die Einstellungen speichert, wird von yFiles FLEX automatisch serialisiert und zum Server geschickt.
Der Source Code der Komponente, mit der die Einstellungen vorgenommen werden können, ist ebenfalls Teil der Demo.
Collapse/Expand Funktionalität
Die Incremental Hierarchic Group Beispielanwendung zeigt Collapse/Expand Funktionalität für gruppierte Graphen.
Gruppenknoten können eingeklappt und wieder ausgeklappt werden.
Dadurch können verschachtelte Strukturen des Graphen aus- bzw. wieder eingeblendet
werden.
Bei jedem Ein-/Ausklappen wird das Layout des Graphen inkrementell neu berechnet.
Drag and Drop
Die Drag and Drop Beispielanwendung demonstriert das Zusammenspiel der yFiles FLEX Klassenbibliothek mit Flex-Komponenten und dem Flex Drag-and-Drop Framework..
Die Anwendung zeigt eine Flex "Akkordeon"-Komponente, die drei Paletten mit unterschiedlichen Knotenstilen enthält.
Die Knotenstile können markiert werden, um den momentanen Knotenstil festzulegen. Alternativ kann ein Stil mit der Maus über die Anzeigekomponente gezogen werden, um einen Knoten im entsprechenden Stil zu erzeugen. Auch in dieser Anwendung ist es möglich, verschiedene automatische Layouts für einen manuell erzeugten Graphen zu berechnen.
Dokumentation
- yFiles FLEX Developer's Guide (online, englisch)
- yFiles FLEX Client Layout Extension Developer's Guide (online, englisch)
- API Dokumentation (online, englisch) der yFiles FLEX Client Klassenbibliothek
- API Dokumentation (online, englisch) der yFiles FLEX Client Layout Extension
- Knowledge Base Artikel (online, englisch) zu yFiles FLEX, die häufig gestellte Fragen beantworten, oder Lösungen für bestimmte Sachverhalte präsentieren
Kommerzielle Information
Erfahren Sie mehr über die Bedingungen der kommerziellen (oder akademischen) Nutzung von yFiles FLEX:Für Bestellungen und Preisanfragen wenden Sie sich bitte an: sales@yWorks.com.
yFiles FLEX evaluieren
Testen Sie yFiles FLEX mit einer auf 30 Tage beschränkten voll funktionsfähigen Evaluierungsversion.
