Windows桌面应用程序设计指南(控件篇20-树状视图)

⼀个典型的树状
塑料围嘴列表组作为⼀级展⽰容器
下拉列表作为⼀级展⽰容器
该例中,更低级别的容器在⽂件窗⼝中展⽰
⽰)。
⽬标⽤户是否是⾼级⽤户?⾼级⽤户对使⽤树状图更加在⾏。如果应⽤的⽬标⽤户是初学者,则尽量不要使⽤树状视图。
项⽬是否有⼤多数⽤户都熟悉的单⼀的、⾃然的层次分类?如果是这样,数据⾮常适合使⽤树状视图展⽰。如果需要应⽤多个视图或排序⽅式,则使⽤列表视图。
⽤户是否在某些、⽽不是所有场景和时间,对查看低级节点数据有需求?如果这样,该数据类型适合使⽤树状视图。
穴盘设计思路
树状图⽤于管理数据,使数据易于查。但树状图中的数据并不容易被轻易看到。在梳理树状图数据结构时,记住以下⼏条原则。
可预测性和可见性
树状视图的存在建⽴在对象间的关系上。当对象形成清晰的、⽤户所熟悉的、对象间互斥的关系,且每个对象映射到⼀个明确的容器时,树状图的效果最好。
⼀个重要的问题是,⼀个对象可以出现在不同的节点上。例如,⽤户希望到⼀个播放⾳乐的硬件设备,有⼀个⼤的硬盘,并使⽤ USB 端⼝,该硬件设备选项会在哪⾥?它可能位于多个不同的容器节点中,如多媒体、存储、 USB,也可能位于硬件资源中。⼀种解决⽅案是将该对象放在单个最合适的容器下,⽽忽略其他相关节点; 另⼀种⽅法是将对象多次放在所有相关容器下。前者主张的是简单、⼲净的层级结构,⽽后者强调的是可见性。这两种⽅案都有优点和潜在的问题。
⽤户可能并不能完全理解树的层级结构,但他们在与树状图交互⼀段时间后,也会形成对于对象间关系的⼼理模型。如果⽤户的⼼理模型是错的,将会导致混乱。例如,假如在多媒体、存储和USB容器中都可以到⾳乐播放器,这种设计提升了⾳乐播放器项⽬的可见性。如果⽤户第⼀次是通过多媒体到了⾳乐播放设备,⽤户或许会总结为,其他类似设备也能在多媒体中到。如果⽤户想象中类似的设备,如数码相机,没有出现在多媒体容器中,⽤户将会感到困惑。
磨煤机衬板设计树状图的挑战是在可见性和可预测的⽤户模型之间到平衡点,从⽽最⼤限度地减少混乱。
宽度vs.深度
可⽤性测试显⽰,⽤户在较宽的树状图中,⽐在较深的树状图中更容易到需要的对象。所以在设计树状图时,尽量拓展宽度⽽不是深度。理想状态下,不算根节点,树的层级不要超过四层,其中最常使⽤的项⽬应该安排在前两个层级中。
其他原则
当⽤户到他们需要的项⽬之后,就会停⽌寻。⽤户不会再去别的路径看看该项⽬会不会出现在其他地⽅,因为没这个必要。所以⽤户会认为第⼀次发现⽬标的路径就是唯⼀路径。
⽤户在庞⼤、复杂的树状图中是很难到对象的。⽤户不会在树形结构中进⾏繁重的⼿⼯查;当他们觉得得太累了之后就不会再了。所以相应的,⼤型的复杂树状图需要辅助以其他搜索⽅式,例如⽂字搜索、索引或筛选项等。
有些程序允许⽤户⾃⾏创建树状图。虽然这种⾃⾏设计的树状图可能与⽤户的⼼理模型⼀致,但它们通常是随意创建的,可维护性很差。例如,虽然⽂件系统、电⼦邮件程序和收藏夹列表通常存储类似类型的信息,但⽤户很少⽤同样的合理⽅式来组织它们。
记住⼀件事:
仔细权衡使⽤树状图的优缺点。并⾮所有具有层级关系的数据都要使⽤树状图。led像素灯
应⽤范例
树状图有以下⼏种应⽤范例:
只包含容器节点的树状图:⽤户⼀次可以查看和操作⼀个容器。通常这种树状图包含能够展⽰所选容器内容的附属控件,这样⽤户就可以⼀次只与⼀种容器进⾏交互。
在本例中,树状图只有容器节点。所选节点的内容将显⽰在关联的列表视图控件中。
包含容器节点和叶节点的树状图:⽤户可以查看并操作容器节点和叶节点。通常这种树状图包含能够展⽰所选容器节点和叶节点内容的附属控件,同时因为能够对叶节点进⾏操作,这就要求树状图控件⽀持多选操作。
在本例中,树状图同时具有容器节点和叶节点。由于⽀持多重选择,所以使⽤关联控件中的选项卡显⽰打开项的内容。或
者,树状图也可以是⼀个有组织的列表,其中容器节点是标题,叶节点是选项。
在该例中,叶节点是选项,⽽容器节点是选项的集合
多选型树状图:⽤户可以选择零⾄任意多个项⽬。复选框能向⽤户明确表达具有多选功能。当多选功能必要或者常⽤时,可使⽤这种树状图。
在该例中,多选型树形图可以开启或关闭功能选项
树状图⽣成器:⽤户可以通过⼀次⽣成⼀个容器节点或叶节点的⽅式,创造⾃⼰的树状图(同时也可以对顺序进⾏设置)。许多树形图都可以被⽤户创建和修改。有些树状图是使⽤上下⽂菜单和拖放操作(如⽂件资源管理器中的⽂件夹)构建的,⽽其他树状图是使⽤专门的对话框(如 Internet Explorer 中的收藏夹列表)构建的。
在这个例⼦中,⽤户可以通过对话框操作⽣成⾃⼰的收藏列表一氧化氮 笑气
有多重检索⽅式的树状图:除了展开竖向层级,⽤户可以使⽤其他⽅式到⾃⼰的所需项⽬。
正如之前提到的,⽤户在⼤⽽复杂的树状图中很难到⾃⼰想要的项⽬,因此树状图应结合其他检索⽅式,例如⽂本检查、⽬录索引或筛选器等进⾏辅助。柿子削皮机

本文发布于:2024-09-22 08:30:26,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/4/277272.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:树状   节点   容器   列表   对象   找到   层级   数据
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议