The UNICOM® Digital Transformation Toolkit (UDTT™) XUI Mobile editor is a WYSIWYG (what you see is what you get) tool that enables you to design and create user interfaces on the mobile devices.
XUI Mobile editor creates XML-based transaction UI files, .xui files as XUI editor.
▪ Normal XUI page opened by XUI editor is created under the “View Model” path ([project]/xui folder)
▪ XUI mobile page opened by XUI Mobile editor is created under the “Mobile View Model” path ([project]/xui_mobile folder)
The XUI Mobile editor consists of the following five parts:
Editing area
Editing area enables you to design GUIs. You can place the mobile widgets in it to design GUIs.
If you click a mobile widget in the Editing area, you can edit its properties in the Properties view.
Package Explorer
The Package Explorer view, shown by default in the Java perspective, shows the Java element hierarchy of the Java projects in your workbench. It provides you with a Java-specific view of the resources shown in the Navigator.
Palette
The Palette view contains the widgets that enable you to create an XUI mobile page.
To add the Palette view to the current perspective, click Window > Show View > Palette.
Outline
The Outline view displays an outline of the Mobile XUI file that is currently open in the Mobile XUI editor area, and it lists the widget and the container elements of the Mobile XUI file.
If you click a widget or container element in the Outline view, you can edit the properties of the element in the Properties view.
To add the Outline view to the current perspective, click Window > Show View > Other... > General > Outline.
Properties
The Properties view displays the properties of a selected widget or container. Edit the properties of the widget elements of your Mobile XUI file in the Properties view.