The Eclipse Layout Kernel sirius con 2017
2 likes1,152 views
The document discusses the Eclipse Layout Kernel (ELK), which provides algorithms and infrastructure for automatically laying out diagrams. It summarizes that ELK originated from the KIELER project and contains high-quality layout algorithms with numerous options. It also describes how applications can integrate ELK by building graphs from diagrams and applying computed layouts.
The Eclipse Layout Kernel sirius con 2017
- 2. ENHANCE GRAPHICAL EDITORS WHY LAYOUT?
- 3. TIME SPENT GRAPHICAL EDITING 3 Source: Klauske, Dziobek (2010) 70% …developing …moving things around 70% 30%
- 5. WHAT IS LAYOUT? • Graph layout consists of • Node positioning • Edge routing with crossing minimization • Label placement • Involves aesthetics, suggestion, and domain knowledge • Auto-layout: Almost all algorithmic steps are NP-hard
- 6. ECLIPSE LAYOUT KERNEL • Originates in the KIELER project (Uni Kiel) • High-quality layout algorithms • Numerous options for fine-tuning • Flexible infrastructure for integration • Open-source at Eclipse • Current release 0.3.0
- 8. ELK GRAPH THE CORE OF THE KERNEL
- 9. ELK GRAPH THE CORE OF THE KERNEL Node Edge
- 10. ELK GRAPH THE CORE OF THE KERNEL INITIAL INTERM. ALTERN. FINAL Label FINISH SPEED UP SLOW DOWN
- 11. ELK GRAPH THE CORE OF THE KERNEL Port
- 12. ELK GRAPH THE CORE OF THE KERNEL Hierarchical Node
- 13. ELK GRAPH THE CORE OF THE KERNEL Properties algorithm = layered spacing = 15 direction = right routing = splines min. width = 35
- 14. ELK GRAPH THE CORE OF THE KERNEL Position Coordinates y = 133 x = 172 Bend Point
- 16. ELK LAYERED THE ALGORITHM SIDE 10 12 3 4 5 6 7 8 9 Numerous variants: orthogonal, splines, hierarchical, ports, etc.
- 17. ELK TREE THE ALGORITHM SIDE 10 1 2 3 4 5 6 7 8 9
- 18. ELK FORCE THE ALGORITHM SIDE 10 1 2 3 4 5 6 7 8 9
- 19. GRAPHVIZ THE ALGORITHM SIDE ���� ���� ����� ���� ����� �������� ���� ���� ���� ���� ���� ���� ����� ����� ������� ���� ���� ���� ���� ���� ���� ���� http://graphviz.org
- 21. LAYOUT OPTIONS THE ALGORITHM SIDE
- 23. HOW TO INVOKE A LAYOUT THE APPLICATION SIDE • The low-level way: ‣ Build an ElkGraph yourself and pass it to a layout algorithm ‣ Copy the resulting coordinates to your diagram layoutAlgorithm.layout(graph, progressMonitor);
- 24. HOW TO INVOKE A LAYOUT THE APPLICATION SIDE DiagramLayoutEngine.invokeLayout( // The editor or view that contains the diagram workbenchPart, // An optional selection inside the diagram diagramPart, // Parameters of the layout invocation, // including algorithm options parameters ); • The high-level way:
- 25. HOW TO CONNECT YOUR DIAGRAM THE APPLICATION SIDE public interface IDiagramLayoutConnector { /** * Build a graph from the given diagram. */ LayoutMapping buildLayoutGraph( IWorkbenchPart workbenchPart, Object diagramPart); /** * Apply the computed layout back to the diagram. */ void applyLayout( LayoutMapping mapping, IPropertyHolder settings); }
- 26. HOW TO CONNECT YOUR DIAGRAM THE APPLICATION SIDE • Create a Google Guice Module that binds your layout connector • For Sirius, inherit from the GmfDiagramLayoutConnector • Create a Setup class that creates an Injector from your module • Register the Setup class with the extension point org.eclipse.elk.core.service.layoutConnectors
- 27. http://www.eclipse.org/elk Credits to Miro Spönemann (TypeFox) Christoph Daniel Schulze (CAU) No animals were harmed during the making of this talk.