Eine umfassende Liste mit den wichtigsten Funktionen der Steuerung in Kategorien getrennt. Sie finden weitere Informationen über die Funktionen der Komponente auf der "API-Übersicht" Sektion der Online-Hilfe. Wenn Sie eine Funktion brauchen, die derzeit nicht unterstützt wird, können Sie sie hier anfordern.
Server Seite: Das. NET-Bibliothek implementiert ein Flow-Diagramming Objektmodell, das Ihnen ermöglicht Strukturen wie Bäume, Flussdiagramme und Diagramme zu definieren. Sie können leicht jedes beliebige Element im Diagramm durch die Knoten und Verlinkungen Sammlungen zugreifen. Darstellen von Ihrem Flussdiagramm als Teil einer HTML-Seite ist auch einfach - rufen Sie einfach die DiagramView extension Methode aus der MVC Code.
Kunden Seite: Auf der Client-Seite wird Ihr Diagramm durch eine DiagramView JavaScript Komponente gerendert, die ihre Inhalt auf einer HTML-Canvas zeichnet. Der Anwender ist in der Lage, Knoten und Verbindungen hinzufügen, indem er sie einfach mit der Maus zeichnet. Sie können auch die NodeListView Steuerung nutzen und neue Knoten per Drag and Drop erstellen.
Erstellen von neuen Items: einfach zeichnen Sie sie mit dem Maus oder ziehen und ablegen sie von der NodeListView Komponente, es ist so einfach.
Ändern vorhandener Elemente: Griffe erscheinen um Ihr ausgewähltes Item, um anzuzeigen, dass es bereit für Veränderung ist. Knoten können horizontal und vertikal geändert werden, gezogen oder gedreht - es liegt an Ihnen zu entscheiden, welche Aktionen zugelassen werden und welche nicht. Sie können die Verlinkungen nach ihren Stil und SegmentCount ändern.
Selektierung: Selektierung eines Items wird in der meisten intuitiven Weise getan - nur halten Sie die Control-Taste und entweder klicken Sie auf das Item oder ziehen Sie die Maus über das Item's Gebiet. Sie können eine beliebige Nummer von Items auf einmal selektieren und sie alle auf einmal verschieben.
Anbringen und Gruppierung von Items: MvcDiagram ermöglicht Anbringen eines Knoten auf einen anderen damit eine Untergeordnete-Master Beziehung zwischen ihnen erstellt wird.
Reduzieren und Erweitern von Zweigen: Wenn ein Diagramm eine Baumstruktur vorstellt, der Zweig ausgehend von einem Knoten kann reduziert oder erweitert wieder um Hierarchie Details zu verstecken oder anzuzeigen.
Diagrammknoten: Sie können zwischen mehreren Arten von Inhalt und Formen für Ihre Knoten auswählen. Stellen Sie in Ihr Diagramm Symbole, Texte, Links, auch Bitmap-Bilder mit Hilfe der ImageUrl Eigenschaft. Zu Ihrer Verfügung stehen auch mehr als 100 vordefinierte Knoten Formen einschließlich alle, die in der BPMN 1.2 (Business Process Modeling Notation)-Standard definiert sind.
Verlinkungen: Es gibt:
Erstellen von neuen Items: Neue Items sind schnell und intuitiv erstellt, indem das Item mit der Maus gezeichnet wird. Wenn es kein Item gibt, eine neues wird erstellt. Wenn es schon einen Item gibt, eine Verbindung wird erstellt. Wenn die Maustaste losgelassen wird, wird das neue Element, um die Knoten oder Verlinkungen Sammlung nach seiner Art hinzugefügt. MvcDiagram stellt auch zur Verfügung Methoden für das programmatische Erstellen von Elementen - CreateShapeNode() und CreateDiagramLink().
Löschen von Elementen: Items werden so einfach gelöscht wie erstellt: Sie können die Del-Taste drücken wenn das Element ausgewählt ist oder die Nodes.Remove() oder Links.Remove() Methode rufen um es programmatisch zu löschen. Sie können so viele Items wie Sie selektiert haben, auf einmal löschen. Rufen Sie die RemoveAll Methode um das ganze Diagramm aus Ihrem Code auszuräumen.
Item Zugriff: Links und Nodes sind Sammlungen, die alle Ihre Diagrammelemente entsprechend ihres Typs speichern. Jeder Knoten verfolgt seine eingehenden und ausgehenden Links. Jeder Link verfolgt seinen Herkunft und Ziel-Knoten.
Auswählen von Items: Sie können entweder ein oder mehrere Items auf einmal auswählen. Wenn ein Item ausgewählt ist, es wird das ActiveItem Ihres Diagramms. Wenn die Items viele sind, sie werden im Selection-Objekt platziert, das zwei Eigenschaften hat - Links und Nodes.
Finden von Items: Sie können für ein Item durch seinen Tag oder Id Eigenschaften suchen - rufen Sie eine der FindLink, FindNode, FindLinkById oder FindNodeById Methoden. Es gibt auch Methoden für Suche nach einen Knoten durch seine Lage - GetNodeAt und GetLinkAt.
Relationship Abfragen: Die Query-Methode durchläuft Ihr Diagramm, indem sie Knoten / Verlinkungen Anschlüsse und Eltern / Kind-Beziehungen der Gruppe folgt, um Items in speziellen Bezug mit dem aktuellen Item zu finden. Für optimale Ergebnisse wird die Abfrage in mehreren Schritten ausgeführt. In jedem Schritt wird das Ergebnis Set aus der vorherigen Ergebnis Set erstellt, indem die, durch die aktuelle Selektor angegebene Beziehung, gefolgt wird.
Spring-Embedder Graph Layout: Es simuliert ein physikalisches System, in dem Knoten einander abstoßen, und die Verbindungen zwischen ihnen als begrenzende Federn gelten. Graphs, die von Spring-Embedder geordnet sind, haben ihre Knoten gleichmäßig über die Diagramm Fläche verteilt.
Grid Graph Layout: Dieser Algorithmus ordnet Diagrammknoten in einem Raster, indem verbundenen Knoten nahe beieinander gehalten werden. Der Algorithmus versucht eine geringe Anzahl von Verlinkung-Kreuzungen zu erzielen. Es ist auf einem iterativen Prozess basiert, dessen erste Schritte die Netzknoten zufällig schlurfen. Das kann zu sehr unterschiedlichen Ergebnissen führen jedes Mal der Algorithmus ausgeführt wird.
Simulated Annealing Graphlayout: In der Basis liegt ein Allzweck-Optimierungsmethode die verwendet wird um großflächige kombinatorische Probleme zu lösen durch Simulieren des Prozesses von Heizung und Kühlung von Metall um Freiheit von Defekten zu erreichen. AnnealLayout zuweist Kosten der Graphen Konfigurationen durch Auswertung unterschiedliche ästhetische Kriterien wie Abstand zwischen Knoten, Länge des Links und Anzahl der Link-Kreuzungen.
Circular Graphlayout: Das Layout verteilt Knoten gleichmäßig auf dem Umfang eines Kreises an Positionen, die zu möglichst wenigen kreuzenden Links führen. Die Radius-Eigenschaft gibt die Größe des Layouts Kreis.
Orthogonal Graphlayout: Jeder Link wird als eine Kette aus alternierenden horizontalen und vertikalen Segmente gezeichnet. Knoten werden in einer Weise gestellt, dass weniger Verbindungen-Kurven und Kreuzungen ergibt. Dieser Algorithmus wurde für planare Graphen entwickelt, wo die Knoten höchstens vier einfallenden Links haben und gibt die besten Ergebnisse mit solchen Graphen als Eingabe.
Orthogonal Router: Dieses Layout hilft Ihnen das Aussehen eines bereits angeordneten Graph noch besser zu machen. Es ist nützlich, wenn es viel mehr Verbindungen als Knoten in einem Graphen gibt. Der Algorithmus bestrebt bestimmte Kriterien wie minimale Link Kreuzungen zu erreichen, unter Wahrung von so viel von der Anfangs-Knoten-Konfiguration wie möglich.
Dreieckigen Graphlayout: Es stellt Knoten in einem virtuellen Gitter, so dass, wenn den Quelle-Graph planar ist, alle Verbindungen sind gewährleistet ein einzelnes Segment zu haben und sich nicht zu kreuzen. Wenn das Diagramm nicht planar ist, seine sich kreuzende Links können wahlweise segmentiert und gebogen werden, um die Lesbarkeit zu verbessern.
Topologische Layout: In einem azyklischen Graph, ordnet das TopologicalLayout die Knoten linear in solcher Weise, dass jeder Knoten vor allen Zielknoten seiner ausgehenden Links kommt. Wenn der Graph nicht acyclischen ist, findet der Algorithmus eine Ordnung mit einer minimalen Anzahl von Back-Links und zeichnet die Back-Links unter der Kette von Knoten.
Cascade Graphlayout: Sie stellt Knoten auf einem virtuellen Gitter und arrangiert Links orthogonal, so dass, wenn die Quelle Graph planar ist, alle Verbindungen sind gewährleistet nicht mehr als zwei Biegungen zu haben und sich nicht zu kreuzen. Standardmäßig ordnet die Layout-Methode Knoten in Zeilen und Link-Segmente in Spalten, dies kann durch Festlegen der Orientation-Eigenschaft geändert werden.
Tree Layout: Ideal für hierarchische Datenstrukturen, dieser Algorithmus gibt Ihnen viel Kontrolle über das Layout. Die Art der Aufteilung kann gerichtet oder radial sein. Sie können wählen, wie groß der Abstand zwischen Baum Ebenen und zwischen den Knoten auf der gleichen Ebene sein muss. Für direktionale Layouts, der Stil der Links in dem angeordneten Baum kann auf gerade, rechtwinklig oder gebogenen eingestellt werden. Globale Baum Richtung und Ausrichtung können auch angepasst werden.
Fractal Tree Layout: Das ist ein Baum Layout-Algorithmus, der untergeordnete Knoten symmetrisch um ihre übergeordneten Knoten platziert. Knoten auf der untersten Ebene werden direkt in einem Kreis um ihre Eltern angeordnet. Am oberen Ebenen bilden die bereits angeordneten Knoten Zweige, die in einem Kreis um die neue Eltern-Knoten angeordnet sind. Der Algorithmus wird rekursiv wiederholt, bis die höchste Ebene erreicht ist.
Layered Graph Layout: Der Algorithmus ordnet Diagrammknoten in Ebenen nach verschiedenen Kriterien, die wichtigsten davon sind: verbundenen Knoten müssen nahe beieinander platziert werden; Links müssen in eine Richtung fließen, wenn möglich; Links müssen so wenige Ebenen wie möglich überqueren; Links müssen nicht andere Links überqueren.
Hierarchical Graph Layout: Es stellt Knoten auf benutzerdefinierten Ebenen, so dass, wenn das Quelle Graph Ebene-planar ist, alle Links sind gewährleistet ein einzelnes Segment zu haben und sich nicht zu überqueren.
Flowchart Graph Layout: Flowchart Graph Layout: FlowchartLayout erkennt Programmcode-ähnliche Muster in der Grafik, wie zB Schleifen, Sequenzen und if / switch Verzweigung und ordnet sie rekursiv. Beachten Sie, dass es behandelt alle back Links als Loops im Code und erwartet, dass sie verschachtelt sind - loop-Links die näher der Stop Knoten beginnen, sollten näher der Startknoten enden.
Workflow Graph Layout: Der Algorithmus funktioniert, indem einen anpassbaren Satz von Regeln für die lokale Positionierung der angeschlossenen Knoten relativ zueinander angewandt wird. In einem größeren Maßstab, hält der Algorithmus die Knoten-Gruppen getrennt und verhindert Verbindungen zwischen den Gruppen die Knoten zu kreuzen.
Swimlane Layout: Dieser Algorithmus ordnet Prozess Diagramme, in denen Knoten, die Aktivitäten darstellen, werden in Swimlanes platziert, die Ressourcen darstellen. Der Index des Ressource, das auf eine Aktivität zugeordnet ist, muss direkt an die LayoutTraits Eigenschaft der entsprechenden Knotens zugewiesen werden. Das Layout kann angewandt werden auf ein benutzer-gezeichnetes Raster, das durch das DrawBackground Ereigniss gezeichnet wird, oder auf ein Raster, das von abgesperrten Hintergrund-Knoten zusammengesetzt ist.
Decision flowchart Layout: DecisionLayout arrangiert einfache Flussdiagramme, bestehend aus Entscheidungsboxen mit bis zu drei ausgehenden Links pro Knoten und Aktivität Boxen mit einem einzigen ausgehenden Link pro Knoten.
Tree map Layout: Tree maps stellen Hierarchien vor durch Verschachtelung geordneten Knoten innerhalb ihrer Eltern, in dem die Bereiche der Blattknoten sind proportional zu ihrer Gewichtswerte.
Binary: Es serialisiert Ihr Diagramm im Byte-Sequenzen gewickelt durch NET-Streams. Streams können Dateien, Pufferspeicher, Kommunikations-Pipes, TCP-Sockets und so weiter darstellen. Wenn in serialisierten Form, kann Ihr Diagramm auch in einem Datensatz gespeichert werden. Natürlich können Sie es später nur durch den Aufruf der LoadFromStream ()-Methode laden.
XML-Serialisierung: Das Diagramm kann in XML gespeichert und geladen werden, mit den SaveToXML und LoadFromXML Methoden. Besondere Ereignisse werden ausgelöst, die es erlauben Serialisierung von komplexen Id und Tag Objekten, ohne die Notwendigkeit, die Item Klassen zu überschreiben.
Exportieren des Diagramms: Exportieren Sie Ihr Diagramm in einer Bilddatei einfach durch Aufruf der CreateImage ()-Methode. Sie können auch das Flussdiagramm zur DXF, PDF, SVG, WMF, SWF und Visio-Formate exportieren. Sie müssen nur eine Instanz des Exporteurs die Sie verwenden möchten erstellen und Export () rufen indem Sie den Namen der Ausgabedatei geben. Es ist alles so einfach, dass man einfach nichts falsch machen.
Import: Wenn Sie Visio 2013 oder Openoffice Draw verwendet haben, um ein Diagramm zu erstellen können Sie es mit der MvcDiagram Visio2013Importer oder DrawImporter importieren. Beide Importers bieten mehrere Überladungen der Import Methode und Sie können wählen, wie Ihr Diagramm importiert wird.
