Eclipse 4.0, also known as Eclipse e4, is an incubator project that will produce the Eclipse 4.0 software development kit (SDK). Eclipse e4 aims to modernize the Eclipse programming model to make development easier and provide a more visually appealing and flexible user experience. It uses a new modeled workbench based on plain old Java objects (POJOs) rather than the complex and inheritance-based programming model of Eclipse 3.x. This allows aspects of the user interface like perspectives and toolbars to be defined declaratively using XML models rather than code. Dependency injection also reduces boilerplate code. Styling is implemented through CSS for greater flexibility and customization of themes.

1. Eclipse 4.0 ….also known as Eclipse e4Lars Vogelhttp://www.vogella.dehttp://www.twitter.com/vogella

2. Eclipse e4 -Agenda What is e4?Whom does e4 try to help?Building blocksQ&A

3. Eclipse e4Eclipse e4 is the incubator project which will produce the Eclipse 4.0 SDK

4. How does Eclipse e4 help me?

5. Java MEJava EEJava SEAndroid, Spring, GWT,….

6. Eclipse e4 ScopeMake developmentfor Eclipseeasier

7. from Eclipse DeveloperEclipse E4to Eclipse Developer

8. At the beginning Eclipse e4 will not produce valuable functionality for the user of the Eclipse IDE……

9. Mid- and long term …much better toolingBy modernizing the Eclipse programming model the user will benefit from the increased development speedOnly little things……

10. So, what’s wrong with Eclipse 3.X?

11. Eclipse 3.x programming modelComplexLots of APIPlatform functionality via singletonsNot easy to testNot a consistent way to define the UI

12. Inheritance in Eclipse 3.XObjectEventManagerWorkbenchPartViewPartView

13. The smallest Eclipse RCP app in Eclipse 3.XAlready looks like the Eclipse IDELots of boilerplate code

14. If only Eclipse development would be easier and more visual appealing.14

15. The first amazing change Eclipse e4 uses Java 1.5 language features!AAbout time I would say….

16. Eclipse e4 – Building blocksModeled WorkbenchRendering EngineDeclarative StylingDependecy InjectionContextCore Services

17. The Modeled Workbench

18. The e4 Workbench Modele4 Workbench ModelEMF inside

19. The e4 Workbench ModelWorkbench window Menu with menu items Window Trim, e.g. toolbar with toolbar items Parts Sash ContainerPartsPart Stack (CTabFolder)PartsHandlersKey BindingsCommands

20. Model is FlexibleNo distinction between View and EditorPerspectives are optionalStack / Sash are optionalSeveral windows possibleFlexible Toolbars

21. Model removes the need for boilerplate codeMinimal Eclipse e4 app: zero classes

22. Model URI’sThe Part in the ModelThe Part’s URI

23. Lessions learned from Java Web developmentThe POJO* has won!* Plain Old Java Objects

24. Model Elements in e4POJO‘s

25. Usage of annotationsAnnotations are usedTo indicate which methods are called

26. Model available at runtime

27. Limits of the e4 application modelOnly models the Application (frame)Modeled WorkbenchContent of the individual Parts not included in the model

28. How is this model translated into UI components?© Lars Vogel and others, Licensed under Creative Commons by-nc-nd-3.0 (de)

29. Model and UI RenderersModelI don’t care who draws meThe Workbench model is independent of a specific UI toolkit

30. RenderersWidget RendererRenderer FactoryReturns for every model element Standard SWT renderer can be exchanged

31. Renderer: flexible but complex

32. e4 CSS Styling

33. In reality all RCP apps look like the an IDE

34. Eclipse3.X - IDE feelingEclipse e4 – CSS StylingExample from Kai ToedterLimitations for: Menu bar background

35. Table headers e4 supports theme switching during runtime

36. How to enable CSS StylingExtension point "org.eclipse.e4.ui.css.swt.theme“ defines the style sheet<extension point="org.eclipse.e4.ui.css.swt.theme"> <themebasestylesheeturi="css/styles.css" id="org.eclipse.e4.minimal.theme.standard" label=“Standard"> </theme></extension>

37. How to enable CSS StylingProperty "cssTheme” for extension point "org.eclipse.core.runtime.products" selects the initial theme <extension id="product" point="org.eclipse.core.runtime.products"> <product application="org.eclipse.e4.ui.workbench.swt.E4Application" name="E4 Contacs Demo"> .... <property name="cssTheme" value="org.eclipse.e4.demo.contacts.themes.darkgradient"> </property> ....

38. Example CSSLabel { font: Verdana 8px; color: rgb(240, 240, 240);}Table { background-color: gradient radial #575757 #101010 100%; color: rgb(240, 240, 240); font: Verdana 8px;}ToolBar { background-color: #777777 #373737 #202020 50% 50%; color: white; font: Verdana 8px;}

39. JavaLabel label = new Label(parent, SWT.NONE);label.setData("org.eclipse.e4.ui.css.id", "SeparatorLabel");CSS#SeparatorLabel { color: #f08d00;}Assign custom attributes

40. New Look & Feel for Eclipse 4.0 – SDK https://bugs.eclipse.org/bugs/show_bug.cgi?id=293481

41. The e4 Programming Model

42. Dependency InjectionInversion of control: The necessary functionality is injected into the classJava Class

43. Dependency Injection in e4JSR 330 compatible injection implementation@javax.inject.Inject – Field, Constructor and Method injection@javax.inject.Named – Specify a custom qualifier to context object (default is fully qualified classname of the injected type)e4 specific annotations, e.g. @Optional

44. Java Class Services are injected via the the e4 frameworkpublicclassListView { @Inject privateIEclipseContextcontext;@Inject private Loggerlogger; @Inject publicListView(Composite parent) {// ...

45. Lifecycle@PostConstruct: Called after Object created and Fields- and Methods-Injection finished

46. @PreDestroy: Called before the object is destroyed (e.g. the Part shown in the UI is removed)What can be injected?

47. IEclipseContextStores information of possible Injection ValuesOSGi Services part of the ContextDefine your own services and use DI for them

48. Example: Writing HandlersMethod identified via @Execute annotationCan have any number of argumentsUse IServiceConstants for general context informationspublic class AboutHandler {@Execute public void execute(@Named(IServiceConstants.ACTIVE_SHELL) Shell shell){MessageDialog.openInformation( shell, "About", "e4 Application example."); }}

49. Services© Lars Vogel and others, Licensed under Creative Commons by-nc-nd-3.0 (de)

50. Eclipse Application Services (“Twenty Things”)Long-running operations

51. Progress reporting

52. Error handling

53. Navigation model

54. Resource management

55. Status line

56. Drag and drop

57. Undo/Redo

58. Accessing preferences

59. Preferences

60. Editor lifecycle

61. Receiving input

62. Producing selection

63. Standard dialogs

64. Persisting UI state

65. Logging

66. Interface to help system

67. Menu contributions

68. Authentication

69. Authorization

70. Don‘t forget: OSGi services are also available via dependency injectionContributions

71. ContributionsExtension point “org.eclipse.e4.workbench.model”Fragments – XMI snippetsProcessor - Code

72. Context CommunicationChange the contextcontext.modify("selection", selection.getFirstElement());Get Notified@Injectpublic voidsetPerson(@Named("selection") @Optional Person person) {master.setValue(person);}

73. Eclipse e4 – There is moreXWTOpen Social GadgetsToolkit Model JDT ???

74. Photo creditsOpen Door http://www.sxc.hu/photo/1228296Guy http://www.sxc.hu/photo/423354Corn http://www.sxc.hu/photo/939151About time guy http://www.sxc.hu/photo/1173019Thinking man http://www.sxc.hu/photo/ 324541Cool but hurts http://www.sxc.hu/photo/ 906072WWW http://www.sxc.hu/photo/987822Present http://www.sxc.hu/photo/1140205Happy figure http://www.sxc.hu/photo/125901Chess http://www.sxc.hu/photo/ 958410Pill box http://www.sxc.hu/photo/ 510413Syringe / Injection: http://www.sxc.hu/photo/ 468493Smiley http://www.sxc.hu/photo/ 1211480Lock http://www.sxc.hu/photo/ 352344Life Cycle http://www.sxc.hu/photo/1265027Powerful but complex http://www.sxc.hu/photo/607988Baby photo not yet publishedExcellent http://www.sxc.hu/photo/866529Thank you picture http://www.sxc.hu/photo/ 986313

75. Runtime model http://www.sxc.hu/photo/ 765733

76. Rendererhttp://www.sxc.hu/photo/976984

77. Binder: http://www.sxc.hu/photo/443042

78. Praying Girl http://www.sxc.hu/photo/646227

79. Box: http://www.sxc.hu/photo/502457

80. Screws http://www.sxc.hu/photo/1148064

81. House with compartments http://www.sxc.hu/photo/494103

82. Stacked stones http://www.sxc.hu/photo/998524

83. Thinking Guy http://www.sxc.hu/photo/130484

84. Drawing Hand http://www.sxc.hu/photo/264208

85. Waiter http://www.sxc.hu/photo/157966

86. Dancing Girt http://www.sxc.hu/photo/1187376

87. Books http://www.sxc.hu/photo/1184809e4: Where to go from here:Eclipse e4 Wikihttp://wiki.eclipse.org/E4Eclipse e4 Tutorialhttp://www.vogella.de/articles/EclipseE4/article.html

89. Thank youFor further questions:Lars.Vogel@gmail.comhttp://www.vogella.dehttp://www.twitter.com/vogella

90. License & AcknowledgementsThis work is licensed under the Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany LicenseSee http://creativecommons.org/licenses/by-nc-nd/3.0/de/deed.en_US