Skip to main content

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.

Jump to: navigation, search

Difference between revisions of "E4/XWTDesigner"

< E4
(New page: XWT Designer)
 
 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
XWT Designer
+
<br>
 +
 
 +
== 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 <br>
 +
- Support of SWT and JFace <br>
 +
- Support of XML edition with the code completion <br>
 +
- Tabbed Properties View <br>
 +
- Tree view wth DnD support, copy/paste and Undo/Redo <br>
 +
- Support All layouts <br>
 +
- Data Binding edition <br>
 +
 
 +
== Demos  ==
 +
 
 +
=== Hello, world!  ===
 +
 
 +
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
 +
 
 +
<br>
 +
 
 +
=== Property Page  ===
 +
 
 +
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
 +
 
 +
<br>
 +
 
 +
=== 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).
 +
 
 +
[[Image:Xwt_event.jpg]]
 +
 
 +
Click [http://www.soyatec.org/wiki/demo/EventHandler.html here] to watch the flash video demo
 +
 
 +
<br>
 +
 
 +
=== Data Binding  ===
 +
 
 +
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.
 +
 
 +
 
 +
<br>

Latest revision as of 05:13, 17 June 2010


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.

Xwt hello world.jpg

Click here to watch the flash video demo


Property Page

Here is a simple example which demonstrates the powerful properties setting tool.

Xwt properties.jpg

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).

Xwt event.jpg

Click here to watch the flash video demo


Data Binding

XWT VDE provides you an powerful tool to set the Data Binding between controls.

Xwt databinding.jpg

Click here to watch the flash video demo which demonstrates the Data Binding Tools.



Back to the top