Eclipse 40 and Eclipse e4
3 likes1,243 views
The document discusses Eclipse 4.0 and its new application platform. It introduces key building blocks of Eclipse 4.0 like the modeled workbench, rendering engine, declarative styling, and dependency injection. The modeled workbench uses EMF to define the application UI in an XML file rather than code. Renderers then translate the model into actual UI components. Dependency injection simplifies programming by auto-wiring classes with their dependencies. Overall, Eclipse 4.0 aims to make RCP development easier and more visually appealing compared to prior Eclipse platforms.
Eclipse 40 and Eclipse e4
- 1. Eclipse 4.0 Application Platform The unexpected simplicity of Eclipse RCP and Eclipse plugin development26. August for JUG SaxonyLars Vogelhttp://www.vogella.de Twitter: @vogella
- 2. Eclipse 4.0 Application Platform -Agenda What is Eclipse 4.0?Whom does try to help?Building blocks of Eclipse 4.0Q&A
- 3. What is an Eclipse RCP application?Local running application using the native widget toolkitBased on the Eclipse runtime and technology
- 4. Your first RCP app in < 10 secs
- 5. Eclipse e4 ScopeMake developmentfor Eclipseeasier
- 6. Eclipse e4Eclipse e4 is the incubator project which did produce the Eclipse 4.0 SDK
- 7. How does Eclipse e4 help me?
- 8. from Eclipse DeveloperEclipse E4to Eclipse Developer
- 9. So, what’s wrong with plugin and RCP development in Eclipse 3.X?
- 10. Eclipse 3.x programming modelComplexLots of APIPlatform functionality via singletons / static methodsNot easy to testNot a consistent way to define the UI
- 11. Inheritance in Eclipse 3.XObjectEventManagerWorkbenchPartViewPartView
- 12. The smallest Eclipse RCP app in Eclipse 3.XAlready looks like the Eclipse IDELots of boilerplate code
- 13. If only Eclipse development would be easier, more visual appealing and easier to test.13
- 14. The first amazing change Eclipse e4 uses Java 1.5 language features!AAbout time I would say….
- 15. Eclipse e4 – Building blocksModeled WorkbenchRendering EngineDeclarative StylingDependecy InjectionContextCore Services
- 17. The e4 Workbench Modele4 Workbench ModelEMF inside
- 18. The e4 Workbench ModelWorkbench window Menu with menu items Window Trim, e.g. toolbar with toolbar items Parts Sash ContainerPartsPart Stack (CTabFolder)PartsHandlersKey BindingsCommands
- 19. Model is FlexibleNo distinction between View and EditorPerspectives are optionalStack / Sash are optionalSeveral windows possibleFlexible Toolbars
- 20. Model removes the need for boilerplate codeMinimal Eclipse e4 app: zero classes
- 21. Model URI’sThe Part in the ModelThe Part’s URI
- 22. Lessions learned from Java Web deelopmentThe POJO* has won!* Plain Old Java Objects
- 23. Model Elements in e4POJO‘s
- 24. Usage of annotationsAnnotations are usedTo indicate which methods are called
- 25. Model available at runtime
- 26. Change the model 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 StylingLimitations 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. The e4 Programming Model
- 41. Dependency InjectionInversion of control: The necessary functionality is injected into the classJava Class
- 42. 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
- 43. Java Class Services are injected via the the e4 frameworkpublicclassListView { @Inject privateIEclipseContextcontext;@Inject private Loggerlogger; @Inject publicListView(Composite parent) {// ...
- 44. Java ClassModel elements participate automatically in DIAddOn as non visual model elementsInject your own object is as simple asContextInjectionFactory.make(YourObject.class, context);
- 45. Lifecycle for Parts@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)Lifecycle for ApplicationRegistered at startupWhat 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. Eclipse Application Services (“Twenty Things”)Long-running operations
- 51. Error handling
- 52. Navigation model
- 54. Status line
- 55. Drag and drop
- 56. Undo/Redo
- 58. Preferences
- 59. Editor lifecycle
- 60. Receiving input
- 62. Standard dialogs
- 64. Logging
- 65. Interface to help system
- 67. Authentication
- 68. Authorization
- 69. Don‘t forget: OSGi services are also available via dependency injectionContributions
- 70. ContributionsExtension point “org.eclipse.e4.workbench.model”Fragments – XMI snippetsProcessor - Code
- 71. Context CommunicationChange the contextcontext.modify("selection", selection.getFirstElement());Get Notified@Injectpublic voidsetPerson(@Named("selection") @Optional Person person) {master.setValue(person);}
- 72. Eclipse e4 – There is moreXWTOpen Social GadgetsToolkit Model JDT ???
- 73. Summary
- 74. Eclipse: Where to go from here:Eclipse 4.0 SDK Tutorialhttp://www.vogella.de/articles/EclipseE4/article.htmlTom Schindl’s Eclipse 4.0 SDK Tutorialhttp://tomsondev.bestsolution.at/2010/07/28/eclipse-4-0-and-tutorial-on-writing-e4-rcp-application-released/Eclipse Wikihttp://wiki.eclipse.org/Eclipse RCP Tutorialhttp://www.vogella.de/articles/RichClientPlatform/article.html
- 76. Thank youFor further questions:Lars.Vogel@gmail.comhttp://www.vogella.dehttp://www.twitter.com/vogella
- 77. Photo creditsAll pictures are from http://www.sxc.hu/ to get them add the number to http://www.sxc.hu/photo/Agenda http://www.sxc.hu/photo/1130028Definition of RCP http://www.sxc.hu/photo/930468 RCP Definition http://www.sxc.hu/photo/930468Stopwatch http://www.sxc.hu/photo/634598Fish in the bowl 839037Guy looking from the right http://www.sxc.hu/photo/423354Next guy 986700Present1140205Thinking guy 324541Programming model / Hurt fingers 906072Chess 958410Praying Girl 646227Funny guy http://www.sxc.hu/photo/1173019Model 33012Box 502457Dancing girl 1187376Excellent 866529Dependencies http://www.sxc.hu/photo/182575Extension http://www.sxc.hu/photo/721092Model available at runtime 765733House 494103
- 78. Thinking guy II 130484
- 79. Renderer 1211480
- 80. Factory 1255482
- 81. Painter 976984
- 86. Tools / Programming model 1197009
- 90. Books 1184809
- 92. Chart 963825
- 93. Wheat 939151
- 97. Thank you http://www.sxc.hu/photo/986313License & 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