yWorks yFiles WPF 2.5.0.3
yWorks yFiles WPF 2.5.0.3
yFiles WPF is an extensive .NET programming library for Windows Presentation Foundation (WPF) applications. Its first-class UI controls for viewing and editing diagrams allow you to automatically arrange complex graphs, diagrams, and networks with the click of a button.
yFiles WPF is an extensive .NET programming library for Windows Presentation Foundation (WPF) applications.
Its first-class UI controls for viewing and editing diagrams allow you to automatically arrange complex graphs, diagrams, and networks with the click of a button.
Visualization for Graphs, Diagrams, and Networks
yFiles provides rich visualizations for nodes, edges, labels, and ports along with styling options for selection and highlighting. In case the desired visualization is not covered by predefined ones, you can easily create completely custom visualizations.
Visualizations for Different Use Cases
The yFiles library and accompanying demos provide visualizations for many different use cases out of the box, such as:
Organizational ChartsBusiness Process ModelingUML Class DiagramsActivity DiagramsFlowchartsMindmapsFraud DetectionComputer Network StructuresSocial NetworksDependency AnalysisDatabase ModelingSoftware EngineeringBiochemical PathwaysBiochemical Reaction NetworksUse case DiagramsSemantic NetworksFile System VisualizationGenealogies
Each of those implementations provides its own set of attributes for complete control over its looks.
Rich Built-in Edge Visualizations
yFiles provides several predefined edge visualizations that allow for further customization.
All edge styles support arrowheads on both ends, as well as strokes with settings for thickness, color, dashing and linecaps.
Predefined styles support drawing edges as an arc or polyline.
Furthermore, each style provides its own unique settings, like rounded corners or arc height.
Graph Animation
yFiles offers animations to smoothly transition one state of a graph into another, e.g. when layouts are calculated.
Data Binding
Visualizations can be tied to custom business data attached to graph items. For example, a node style for an employee in an organization chart can easily display the employee's name, position and other details directly from the associated data.
Customizable Decorations for Selection, Focus, and Highlight
yFiles provides decorations that are displayed when graph items are selected, focused, or highlighted. They can be disabled individually, or changed e.g. to a different color or replaced by something completely custom if needed.
Level-of-detail Visualization
Ease diagram comprehension by only showing what is recognizable at a specific zoom level. With level-of-detail rendering, unreadable or dispensable visualization can be hidden to clear space for the bigger picture.
Easily wrap existing styles in a fully controllable level-of-detail rendering and drastically improve diagram comprehension (and performance) even for large data models.
Sophisticated Label Rendering
Easily add text labels to nodes and edges that show additional information. Various placement options, like inside or outside of a node or on an edge near the source or target ensure that labels remain where they should, even if items are moved.
Labels are not limited to short text phrases, they can hold multi-line text as well as show icons.
yFiles offers extensive formatting options, e.g. font, line spacing, and decorations, as well as word wrapping and alignment.
Untangle Edge Crossings with Bridges
Crossing edges can make complex diagrams harder to read. Bridges make clear where those edges go.
yFiles offers several different bridging styles and crossing policies that define which line should bridge which other line.
Custom Visuals to Add Auxiliary Information to Graphs
Nodes, edges, ports, and labels are not the only thing on the canvas. It is possible to add arbitrary other visualizations, either in the background or on top of the other graph items. Adding custom backgrounds, brand logos, legends, rulers or even dynamic helpers like snap lines help make a yFiles-powered application stand out.
Z-Order of Diagram Elements
The drawing of diagram elements relative to each other can easily be changed. For example, changing edges to appear above nodes instead of below can be arranged simply by changing their order.
Custom Styles Tutorial
A step-by-step tutorial guides you through the creation of an entirely custom style.
The tutorial covers style creation for nodes, edges, ports and labels, and will also show you how to create custom decorators for built-in styles. It covers all major topics like hit testing, performance optimization, animation, business data integration and edge bridging support.
Diagram Features
All diagrams consist of nodes and edges, of course. yFiles adds a number of unique features that help working with them, especially when they're getting larger. Grouping and folding lets you collapse and expand parts of the diagram. Swimlanes visually group parts of a diagram into rows and columns. Filtering can temporarily hide elements that are not important in the current view. A variety of import and export features make it easy to get your data into and out of graphs.
Grouping and Folding
yFiles supports grouping of nodes into other nodes. Edges can still connect freely to any of them, including connections between a group and its children or between children of different groups.
Collapsing a group node hides the child elements of that group, they will be restored when the group is expanded again.
Custom actions are possible when groups are collapsed or expanded, such as running an incremental layout algorithm, or fetching data to create child nodes in the expanded group node.
Filtering
Increase readability of large and complex diagrams by hiding less important parts. This is a similar concept to folding above, but not tied to having explicit parent-child relationships between nodes.
Possible uses include exploring large diagrams without having to show the whole diagram at once, or incremental search and filtering capabilities to quickly focus on relevant elements.
Swimlanes and Tables
Diagram types like BPMN use swimlanes to visually associate activities to a role. yFiles supports swimlanes and general tabular structures in which diagram items can be placed. They are supported by automatic layouts as well.
Input and Output
yFiles natively supports loading and saving diagrams using the standard diagram exchange format GraphML. All yFiles features like styles, grouping and folding are supported.
You are not limited to GraphML – you can easily and quickly build diagrams from any structured data source like CSV, JSON, XML, databases, and others.
Besides loading and saving diagrams, yFiles lets you print a diagram, or export it to various raster or vector image formats. The built-in export mechanism can be extended with third-party libraries to export the diagram into other formats, like PDF.
User Interaction
Apart from displaying diagrams, yFiles also offers versatile interaction possibilities. With convenient default interaction modes, allowing the user to navigate through a diagram via panning and zooming, or setting up a complete diagram editor that allows for creation and editing of graphs works with just a single line of code. Of course, everything about the interaction can be extensively customized to the user's requirements, and if the built-in gestures don't suffice, it's easy to add custom interactions.
Navigation
Zooming, panning, and scrolling are built-in features and work just as well with touch as with a mouse. All of those features can be customized to fit your application. For instance, you can change whether or how those gestures are invoked, and can also limit the zoom level or viewable area.
Interactive Diagram Creation
yFiles ships with an interaction mode that enables easy and intuitive diagram creations. These interactions are highly customizable and can be tailored to any specific domain.
For instance, edge creation can be restricted to only connect compatible entities. Label editing can be disabled for items that should not be labeled. Keep the aspect ratio when resizing certain nodes (e.g. those that show an image which should not be distorted) or group items together the customization possibilities are almost limitless.
All those features work with touch as well as with a mouse, customizable keyboard shortcuts also exist for many common operations.
Item Selection
Select items with a single click or use marquee (rubber-band) selection to select multiple items with a single gesture. Selected items can be manipulated and moved as one.
The selection itself is also highly customizable and custom business rules whether or what items can be selected, can easily be added.
Full Support for Keyboard, Mouse, and Touch
yFiles provides fine-grained events for everything related to interaction. This includes low-level events like key presses and mouse movements, but also high-level events for example when an edge creation gesture starts or ends or when items are selected.
Listen to any event and trigger custom actions either as a lightweight way to customize the experience or to keep the diagram in sync with an underlying business model.
Drag and Drop
Create drag and drop palettes from which users can drop new elements into the diagram. Dropping diagram items is fully supported by yFiles; the only thing needed is a palette with the desired items.
Dropping a node onto a group node will also automatically create the new node as a child of the group. Snap lines during the gesture that help align the new items are supported as well.
Snapping
Manually aligning nodes and edges can be cumbersome and time-consuming and even then it won't be pixel-perfect. Snapping shows visual guides during gestures near other elements to ease alignment. Ensuring that a node has the same height as other nodes in the diagram is just as easy as aligning a node in the exact center of two others or creating edges that are orthogonal.
Another type of snapping is snapping to a grid, which helps align nodes and edges in a regular grid. Grid size and what should snap to the grid can be customized.
If all that is not enough, then custom snapping options can be added as well, for instance to implement guidelines.
Orthogonal Edge Editing
While snapping helps to create edges with only 90В° bends, that property is lost when moving the nodes at either end, and snapping also doesn't ensure that an edge is always orthogonal. Orthogonal edge editing ensures that no matter how the diagram is edited, edges that are orthogonal will stay that way.
Edge segments can also be moved without disrupting their orientation.
Undo and Redo
yFiles offers comprehensive support for undoing and redoing diagram modifications. Everything that can be changed in a diagram can also be undone.
Modifications can be single changes, like adding a node or composite changes where many items change at once, e.g. moving multiple items.
There is no limit to how many operations can be undone, except available memory.
Only for V.I.P
Warning! You are not allowed to view this text.