UI Editor is AGE's tool for designing and building graphical user interfaces (GUIs) from AGE components. It allows you to design and build widgets and windows using on-screen forms using the same widgets that will be used in your application. Components created with UI Editor can be previewed so that you can ensure that they will look and feel exactly as you intended.

An important feature is the ability to integrate the GUI into your render scene and the render scene into your GUI, (example: graphical windows).

In UI Editor, widget positions and sizes are organized by layout managers. this is an easy and fast way in order to choose the correct position and size of the widgets.

UI Editor fully supports the AGE Resource System, allowing resources to be specified alongside windows as they are designed. This is an method to help designers and developers manage the resources that are needed by applications.

The UI Editor output are:

the .aui file

the .arc file

The .aui file format used by UI Editor is an XML file, that describes all widgets added to your project. You can open this file (from memory, zip, zip file in memory, resouce) from your application with the simple AGE SDK's api.

The .arc file format used by UI Editor is an XML file, that describes all resources added to your project. You can open this file from your application with the simple AGE SDK's api.

Be aware that the aui and arc format may change in future UI Editor releases.

Some interfaces examples obtained by UI Editor are showed in the following screenshots.

This is the beta version, to use only for evaluation purposes. The installation file
contains 2 exe:

uiEditor.exe

uiPlayer.exe

The uiEditor.exe is the designer for the AGE gui, (
described
previously
).

The uiPlayer.exe is the player of the gui, for the best test of the gui. Drag over it the file *.aui
produced from the uiEditor.