XWT Editor

Double click on '*.xwt' file, or right click on '*.xwt' file and select 'Open with->XWT Editor' from pop-up menu will open the XWT Editor.

The XAML Editor for XWT has many features to help you visually create user interfaces for your XWT application. You arrange controls and elements on a visual design surface which represents a window in your application.

Split View of XWT Editor

Split view consists of two panes separated by a bar. The upper is live display area, it's the graphic view where any changes of UI description in the xaml editor will display instantaneously. The bottom pane is a xaml editor which used to edit xaml code.

Also you can directly new XWT elements in Design window.

For a complicated application, usually need to declare a new namespace and add a reference. User can type it in XWT editor directly or add it in Design window.

Right click container component, select 'Edit Namespaces...'. In the pop-up dialog click 'Add' button, select 'Specify New Namespace.' Then enter the required prefix and namespace URI like following.

When there is an event handling, you can edit the corresponding java code in Java eare.

The XWT provide a convenient way to edit the UI. You can drag component which you want to the xaml editor directly.