Duration: 33:58

2,842 views

16

Xtext is the well-established standard for creating language IDEs in Eclipse. Its text-based editor has a plethora of great features by default and it can be tweaked to support almost everything a user desires. But sometimes a picture says more than a thousand words, and the user wants to have diagrams for their language.

Having seen a revolution in UX design during the last 10 years, the users’ expectations on a graphical tool are very high. Unfortunately, our traditional graphical editing frameworks do not cut it anymore, and integrating them with Xtext will add further usability quirks.

FXDiagram is a new framework for diagrams on top of JavaFX. FXDiagram puts usability first and leverages all the power of JavaFX to provide a state-of-the-art diagram editor with cool visuals, smooth user experience, and just the features a user wants.

In this talk I will show how to integrate Xtext and FXDiagram into a modern IDE without sacrificing user experience. Expect a demo including cool graphics with smooth transitions, easy choice of diagram content, diagram-text navigation, modern editing behavior, animated undo/redo, and much more.