MAUIEx

This application demonstrates the variety of widgets available in the MAUI library and how to use the ListBox and Layout widgets to arrange widgets on a screen.

This example is included in the MoSync SDK's /examples/MAUI folder. For information on importing the examples into your workspace, see Importing the Examples. 

Behaviour

When the application has started the user is presented with a simple menu. Following the menu items takes you to other screens that demonstrate different widgets.

The layout of each screen is controlled by a combination of Layout and ListBox widgets. For example, for the Layout screen:

It is worth taking some time to examine the code of the MAUIex example to understand how the Layout and ListBox widgets work together for each screen.

The following screens are available:

• "Label / ListBox" — Shows three Label widgets in a vertical ListBox widget. The ListBox enables navigation between the Labels.
• "Image" — Shows an simple Image widget.
• "EditBox" — Shows three EditBox widgets in different typing modes: Single line, multiline and number input.
• "Layout" — Shows 9 Image widgets arranged in a layout in a Layout widget.
• "Custom" — Shows a digital/analog clock created as a custom widget.

For a comprehensive description of MAUI, see our tutorial called Introduction to MAUI.

Key Presses

• Left Ctrl, Left softkey or the Fire key — opens the highlighted menu item.
• Up and Down — moves up and down in the menu.
• Click pointer on an unselected menu item — highlights it.
• Click pointer on a highlighted menu item — opens it.
• 0, Right softkey, or Exit — closes the application.