Nokia Series 60 manual Windows and panes, Application window

Page 11

3.GRAPHICAL COMPONENTS

Windows and panes

The display layouts are hierarchically organised. The layouts are built using components called windows and panes.

screen	Screen is the topmost display component,
	corresponding to the entire pixel area of the
	physical screen.
window	Window is a component that has no parent except
	the screen. Typically a window fills up the entire
	screen, but there are also smaller (temporary)
	windows that take up only a part of the screen,
	leaving other parts of the screen visible around
	themselves.
	Each application runs in a window of it's own.
	Applications can also use other temporary windows.
pane	Pane means a sub-component of a window (sub-
	window).
	A window may contain many panes, and each pane
	may contain further sub-panes and so on. A bottom
	level component that cannot have a sub-
	component, can be called an element.
	Status pane

Main pane

			Control pane
		Figure 3-1. Panes
application window		An application window is a principal window filling
		up the entire screen. It is usually not used directly
		for display, but just as a parent for the various
		panes.
		A typical application window is divided into the
		following panes:
		11

Image 11

Contents Nokia Editorial notes Contents Page Page Page Audience About this documentPurpose Where Nokia Series 60 UI Belongs Colour capability 4096 or more colours preferred DisplaySoftkeys Call handling Other KeysExtra keys Following keys are required for Series 60 UIApplication window Windows and panesMain pane Standard panes in application windowsTitle pane Status paneTabs Context paneNavi pane Context pane displays the current applications iconNavigation text Signal paneBattery pane / Universal indicator pane IndicatorsPop-up windows Battery paneUsing a graphical indicator. It also acts as a Charging indicatorCall window Options menuQuery Soft notificationTruncation Presentation of textKeypad functions JustificationScroll left / Scroll right Keypad toneTypical functions of the standard keys Scroll up / Scroll downSend Section Selection listLeft softkey Right softkeyEditors, can be used together with End Applications key Numeric keypad 0-9, *, # Clear EditDuring calls Navigating in applications PowerNavigation Navigation using Tabs Folder hierarchies Highlighting Navigation using LinksList browsing Empty lists and gridsVice versa Scrolling indicator for listsOrder of items and browsing in grids Empty cells are skipped the focus is never on an empty cell Scroll up / down Move focus the list Scroll left / right Scrolling indicator for gridsList types Menu listSelection list Select See section Markable list Other keys Do the default action of the keyScroll up / down Move focus in the list Scroll left / right From the user required otherwise ignoredMarkable list Page Keypad functions for multiselection lists Multiselection listAvailable values in a menu list Setting listsPop-up setting Type, like date/time editor Text settingSlider setting Using the Scroll left and Scroll right keysLeft softkey OK Scroll up / downAlways-editable forms FormsForm items Forms without the Options softkeyText field CancelDone Right softkey DoneSlider Adjustable using the Scroll left and right keysList layouts Selecting it opens a data queryColumn structure of lists List item types Double item Single-line item with graphic HeadingSingle-line item with Large graphic Two-line itemDouble item style 2 with graphic Double item With large graphicDouble item style Item type combinations Setting itemAttribute text ABC, value text C usage Setting lists Numbered itemsSelection grid Grid typesFind pane Menu grid37.A find pane within a selection list of names in Phonebook Options menu39.Submenu in the options menu SubmenusAdd recipient Unavailable itemsOther option menus OK options menuEdit options menu Options templateFunction Function in the contextSMS Mandatory Permanent note Error noteConfirmation note Information noteUse a confirmation note when Some guidelines concerning note usageGrouped soft notification Soft notificationsUngrouped soft notification Many simultaneous soft notifications Discarding soft notificationsConfirmation query Queries45.A confirmation query List queryMultiselection list query Data query Password queryData queries with multiple fields IndicatorsSignal and battery indicators Indicators in Navi pane Status indicatorsAs the editing mode numeric/alphanumeric Editing indicators in pop-up windowsSoft indicators When all tabs are not visibleIdle Operator indicatorScrolling indicators Application-specific indicatorsApplication shell Fast application swapping Application handlingShortcuts Customizing the Application shellMultitasking Opening and closing applicationsApplication interactions Phone Simple one-call cases, the Phone application looks like this End Volume controlCall handling Image viewers Viewers and playersText viewers Audio and video players Multimedia viewersEdit key Text editingKey # keyEdit menu 10.Special character window Editing indicatorsCreating new documents Document handlingSelecting text Saving edited data Groups FoldersFetching data Settings