Navigation List
From Openmoko
Contents |
Overview
Navigation Lists are used for displaying and sorting a collection of objects
Usage Cases
- Commonly used in the Navigation Area of Native Stylus-Based applications.
Appearance & Interaction
On Tap
- 1) Tapping on a row selects row and changes current item
- 2) Tapping on a column header resorts rows according to column type
On Tap with Hold
(N/A)
| NOTE: How about a Popup-Menu with Options: Select All, Unselect All? |
Constraints
- There should not be a horizontal scrollbar.
- Items that are too long should be displayed partly with suffix "..."
- Dragging columns should not be possible.
Architectural Details
- At least one column must be defined for this widget to work. Checkboxes (column 0) will be hidden if not defined.
UI Image Files
Download the UI images: click here
- frame_left_bottom.png -- The left-bottom side of list frame.
- frame_left_top.png -- The left-top side of list frame.
- frame_right_down.png -- The right-bottom side of list frame.
- frame_right_top.png -- The right-top side of list frame.
- list_bg_row_even_stretch.png -- The background of even line of the list, this colud be stretchable to fit the list width.
- list_bg_row_odd_stretch.png -- The background of odd line of the list, this colud be stretchable to fit the list width.
- list_bg_row_sel_stretch.png -- The highlight bar of the list (stretchable).
- list_header_left.png -- The left side of the list header.
- list_header_right.png -- The right side of the list header.
- list_header_separate.png -- The vertical separate bar of the list header.
Implementation Recommendations
- This should be a GtkTreeView featuring GtkCellRenderer widgets for the individual cells.
- The check box is a GtkCellRendererToggle.
Cross-Widget Interactions
- Should always be synchronized with the Details List
Status
- This is implemented in libmokoui as MokoTreeView.
Unresolved Issues
None
Questions and Answers
(None)
