Saturday, January 25, 2020

GEF5 Tutorial - Part 2 - Multiple Visuals

In this step 2 of the tutorial, we will have composed visuals.

A text node, that is a rounded rectangle from before, but with a text in it and the dimension of the rectangle is adjusted to the text.

And there will be symbols for logic gates, that illustrate how to work with Circle, PolyLine, Path, ...

For the source code see github gef5.mvc.tutorial2

The ModelParts are now extending AbstractContentPart<Group> this allows to have multiple child nodes and to compose the visual presentation.

MVC structure

Compared to step 1, the visual is now a composition of multiple objects.


The result








No comments:

Post a Comment