Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Treeview Usability

From Wiki
Jump to: navigation, search
naresh99 (Talk | contribs)
(Treeview usability)
 
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix metadata etc)
Line 1: Line 1:
[[Category:Mobile_Design]][[Category:Usability]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090629
 +
|author= [[User:Naresh99]]
 +
}}
 +
[[Category:Mobile Design]][[Category:Usability]]
  
 
==Description==
 
==Description==
Line 7: Line 29:
 
With a TreeView control the information is displayed in a hierarchy. It is efficient in the number of clicks needed to find information.An item can be expanded to reveal sub items, if any exist, and collapsed to hide sub items. We have often seen TreeView in File manager type of applications. Where user navigates the file system directories.
 
With a TreeView control the information is displayed in a hierarchy. It is efficient in the number of clicks needed to find information.An item can be expanded to reveal sub items, if any exist, and collapsed to hide sub items. We have often seen TreeView in File manager type of applications. Where user navigates the file system directories.
  
A typical tree structure has only one root node but It can also possible to add multiple root nodes to tree structure depends on application requirement.  
+
A typical tree structure has only one root node but It can also possible to add multiple root nodes to tree structure depends on application requirement.  
  
 
'''TreeView provides following features'''
 
'''TreeView provides following features'''
Line 17: Line 39:
 
<br><br>
 
<br><br>
  
[[Image:TreeViewjpg.jpg]]  
+
[[File:TreeViewjpg.jpg]]  
  
 
<br><br>
 
<br><br>

Revision as of 05:37, 7 May 2012

Article Metadata
Article
Created: naresh99 (29 Jun 2009)
Last edited: hamishwillee (07 May 2012)

Description

Navigation is one of the most important part of any application which allows users to find what they want easily & quickly. A tree view is a graphical user interface that presents a hierarchical view of information. Each item (often called a branch or a node) can have a number of sub items. Tree View Represents a control that displays hierarchical data in a tree structure that has items that can expand and collapse.

With a TreeView control the information is displayed in a hierarchy. It is efficient in the number of clicks needed to find information.An item can be expanded to reveal sub items, if any exist, and collapsed to hide sub items. We have often seen TreeView in File manager type of applications. Where user navigates the file system directories.

A typical tree structure has only one root node but It can also possible to add multiple root nodes to tree structure depends on application requirement.

TreeView provides following features

  • Data binding that allows the nodes of the control to be bound
  • Node text that can be displayed as either plain text or hyperlinks.
  • Hierarchical presentation of data.


If a TreeView contains many items, the amount of time it takes to load may cause a significant delay in the user interface. Displaying a large number of items may cause performance issues.

TreeViewjpg.jpg



TreeView usability Guidelines

  • In case of your application requires to display item listing by product categories, you can use tree view.
  • A tree view can be used If an application require to disply the directory structure of a file system,
  • To list the songs available in mobile device, by categories like artiest, album name, tree view is useful.
36 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×