Layout

Base layout

The base layout is the main layout in EVO full touch. It defines the generic zones in the UI screen estate. The display is 240 x 320 pixels.

  • Status bar is 18 px by 240 px at the top of the display.
  • Header bar is 40 px by 240 px.
  • Toolbar area is 44 px by 240 px. There is a 6 px high shadow effect on top of the toolbar; the shadow and main content area overlap.
  • Main content area (when Status bar, Header bar and Toolbar area are used) is 218 px by 240 px.

List view

List view examples:

See more layouts in List guidelines for LWUIT and LCDUI.

Grid view

Grid view examples:

See more details in the Grid guidelines for LWUIT. For LCDUI, please refer to Lists and grids.

Split view

You can mix grid view and list view together; normally locate the grid view on top.

For example, in contact list, the favourite contacts are shown in a big thumbail in grid view and normal contacts are shown in list view. The number of rows in the grid is not limited.

Tip: See the Composed UI example found in the SDK.