Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.
Difference between revisions of "E4/XWTDesigner"
(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<br> | <br> | ||
− | == | + | == XWT Visual Design Editor (VDE) == |
− | + | === What is XWT VDE ? === | |
− | XWT | + | XWT VDE is a new generation Visual editor based on declarative UI - XWT. It is part of e4 project. It is defined for non software programmer. |
− | XWT | + | XWT VDE has rich features, some of the features are list as following: |
Key features: | Key features: | ||
Line 22: | Line 22: | ||
=== Hello, world! === | === Hello, world! === | ||
− | The demo demonstrates the powerful tools XWT | + | The demo demonstrates the powerful tools XWT VDE provide you, such as WYSIWYG editor, Tool Palette, Outline, Wizard, Preview Feature etc. |
+ | |||
+ | [[Image:xwt_hello_world.jpg]] | ||
Click [http://www.soyatec.org/wiki/demo/HelloWorld.html here] to watch the flash video demo | Click [http://www.soyatec.org/wiki/demo/HelloWorld.html here] to watch the flash video demo | ||
Line 30: | Line 32: | ||
=== Property Page === | === Property Page === | ||
− | Here is a simple example which demonstrates the powerful | + | Here is a simple example which demonstrates the powerful properties setting tool. |
+ | |||
+ | [[Image:Xwt_properties.jpg]] | ||
Click [http://www.soyatec.org/wiki/demo/PropertyPage.html here] to watch the flash video demo | Click [http://www.soyatec.org/wiki/demo/PropertyPage.html here] to watch the flash video demo | ||
Line 38: | Line 42: | ||
=== Event Handling === | === Event Handling === | ||
− | This example illustrates how to use the XWT | + | This example illustrates how to use the XWT VDE tools to implement the event handling feature (XWT support to separate the UI and event handling to 2 parts). |
+ | |||
+ | [[Image:Xwt_event.jpg]] | ||
Click [http://www.soyatec.org/wiki/demo/EventHandler.html here] to watch the flash video demo | Click [http://www.soyatec.org/wiki/demo/EventHandler.html here] to watch the flash video demo | ||
Line 46: | Line 52: | ||
=== Data Binding === | === Data Binding === | ||
− | XWT | + | XWT VDE provides you an powerful tool to set the Data Binding between controls. |
+ | |||
+ | [[Image:Xwt_databinding.jpg]] | ||
Click [http://www.soyatec.org/wiki/demo/ControlBinding.html here] to watch the flash video demo which demonstrates the Data Binding Tools. | Click [http://www.soyatec.org/wiki/demo/ControlBinding.html here] to watch the flash video demo which demonstrates the Data Binding Tools. | ||
Line 52: | Line 60: | ||
<br> | <br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Latest revision as of 05:13, 17 June 2010
Contents
XWT Visual Design Editor (VDE)
What is XWT VDE ?
XWT VDE is a new generation Visual editor based on declarative UI - XWT. It is part of e4 project. It is defined for non software programmer.
XWT VDE has rich features, some of the features are list as following:
Key features:
- WYSIWYG edition
- Support of SWT and JFace
- Support of XML edition with the code completion
- Tabbed Properties View
- Tree view wth DnD support, copy/paste and Undo/Redo
- Support All layouts
- Data Binding edition
Demos
Hello, world!
The demo demonstrates the powerful tools XWT VDE provide you, such as WYSIWYG editor, Tool Palette, Outline, Wizard, Preview Feature etc.
Click here to watch the flash video demo
Property Page
Here is a simple example which demonstrates the powerful properties setting tool.
Click here to watch the flash video demo
Event Handling
This example illustrates how to use the XWT VDE tools to implement the event handling feature (XWT support to separate the UI and event handling to 2 parts).
Click here to watch the flash video demo
Data Binding
XWT VDE provides you an powerful tool to set the Data Binding between controls.
Click here to watch the flash video demo which demonstrates the Data Binding Tools.