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
(Property Page)
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<br>  
 
<br>  
  
== E4/XWT Designer  ==
+
== XWT Visual Design Editor (VDE) ==
  
'''What is XWT Designer?'''
+
=== What is XWT VDE ? ===
  
XWT Designer 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 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 Designer has rich features, some of the features are list as following:
+
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 Designer provide you, such as WYSIWYG Designer, Tool Palette, Outline, Wizard, Preview Feature etc.
+
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 31: Line 33:
  
 
Here is a simple example which demonstrates the powerful properties setting tool.  
 
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 Designer tools to implement the event handling feature (XWT support to separate the UI and event handling to 2 parts).
+
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 Designer provides you an powerful tool to set the Data Binding between controls.  
+
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>
 
== Work Areas  ==
 
 
*[http://wiki.eclipse.org/pmf PMF] (on going)
 
*e4 Designer [https://bugs.eclipse.org/bugs/show_bug.cgi?id=297241 Bug: 297241] (on going)
 
*Aminmation [https://bugs.eclipse.org/bugs/show_bug.cgi?id=298224 Bug: 298224] (on going)
 
*DnD [https://bugs.eclipse.org/bugs/show_bug.cgi?id=267191 Bug: 267191] (in preparation)
 
*JavaScript support [https://bugs.eclipse.org/bugs/show_bug.cgi?id=266772 Bug: 266772] (in preparation)
 
*UI Template
 
 
== Interested Parties  ==
 
 
*Thales (Defense)
 
*Saab&nbsp;(Defense)
 
*CCR&nbsp;(Reinsurance)
 
 
== Contributors  ==
 
 
{| border="1" cellspacing="1" cellpadding="1" width="400"
 
|-
 
| [http://www.soyatec.com Soyatec]
 
| Initial and main contributor
 
|}
 

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