yFiles Tutorial Realizer Demos

The following tutorial demos describe how to use, customize, and extend diverse NodeRealizer and EdgeRealizer classes. Among other user interface aspects, a realizer defines the way a graph element is rendered.

Note: Except for the implementation of demo.view.realizer.StateNodeRealizer, all classes listed here are also executable.

Class Description
demo.view.realizer.VisualFeatureDemoPresents the visual features that are available with node realizers and edge realizers
demo.view.realizer.GenericNodeRealizerDemoThis class demonstrates the usage of the GenericNodeRealizer to provide customized node rendering
demo.view.realizer.GenericEdgeRealizerDemoThis class demonstrates the usage of the GenericEdgeRealizer class to provide customized edge rendering
demo.view.realizer.YLabelConfigurationDemoThis class demonstrates the usage of YLabel's configuration feature which simplifies customized label rendering
demo.view.realizer.TableStyleDemoDemonstrates different visual styles for table groups and their content
demo.view.realizer.SwingRendererDemoThis class shows how to customize GenericNodeRealizer to display JComponents as nodes
demo.view.realizer.UMLClassNodeRealizerNode Realizer with an UML class look
demo.view.realizer.BridgeEdgeRealizerDemoThis class demonstrates how to implement a custom EdgeRealizer that shows bridges/gaps when crossing other edges
demo.view.realizer.StateNodeRealizerThis demo shows how the custom node realizer StateNodeRealizer can be used within an application
demo.view.realizer.StateNodeRealizerDemoThis demo shows how the custom node realizer StateNodeRealizer can be used within an application

Running the Demos

From Within an IDE

Set <yFilesDir>/src as your source directory. Then add <yFilesDir>/lib/y.jar and the source folder <yFilesDir>/src to your classpath. Now you should be ready to compile and run all executable demo classes.

With Ant

First make sure you have the build tool Ant installed on your system. Now you can use the demo build script build.xml located in <yFilesDir>/src/demo to launch each demo by specifying its simple class name as a target. Alternatively, launch the interactive demo driver by specifying run as target to conveniently access all demos.