如语雀的个人中心文档列表 。
该应用场景下的树形结构只具有子节点、叶节点以及折叠标识,而且折叠标识位于节点的后方 。节点的操作也比较简单,只有选择与折叠,较少具有删除、拖动等其他操作 。
3.2 组织 组织,常见的有行政组织、空间组织等,是树形结构形式、功能最完整、全面的表现形式 。如ERP、采购系统、财务系统中都会包含的人员管理,往往都是以组织的形式进行管理、展示 。如企业微信、钉钉中,人员的部门结构 。
这种场景下,树形结构是产品的基础核心,所有的人员权限操作都是依附于组织 。在人员管理中,行政组织往往会被抽离出来,作为树形结构,成为导航,用以对人员的管理 。除此之外,还需要对组织本身的管理,包括新增、合并、删除、导入/出、排序等 。
3.3 选择 树形结构的选择场景多用于下拉选择框,可以是一个,也可以分配到多个下拉选择中 。选择功能并不是页面或功能层面的需要,往往是下拉选择的选项过多,且具有相应的隶属关系,因此对选项进行层级组织显示,便于用户选择 。
该场景下的树形结构操作较为丰富,可以包括单选、多选、折叠,但不支持节点的移动、删除、编辑操作等 。这种类型的树形结构有一个特有的名称-treeSelect(树选择) 。
如下图:
在移动端中,则被称为级联选择,常见的应用方式有地理位置的选择 。如图京东、淘宝的收货地址管理的编辑页面 。用户在选择地址时,需要根据地理区域的层级关系,逐步选择到目标区域 。
3.4 定位 定位,与导航的功能类似,区别在与导航实现的是页面之间的跳转,而定位实现的是单一页面内的内容展示,其多用于数据页面的展示,位于页面右侧,往往与左侧导航联动使用 。
定位功能的树形结构取决于展示页面的数据结构,将其结构映射到定位功能的树形结构上 。
该场景下的树形结构操作与导航类似,定位的形式根据页面数据的结构进行展示,或单级、或多级、或展开、或折叠展示 。另外,在一些产品官网的宣传页面,也会采用这种定位功能,虽然展现形式不同,但本质上是一致的 。
如在阿里云产品介绍页面,顶部的Tab是可以点击,并使页面滚动到目标区域,可以使用户精确定位需要查看的信息,同时,减少用户的滚动操作 。
3.5 其他 除了以上提到的四种应用场景,还有两种场景也是较为常见的树形结构的表达形式,分别是数表格与思维导图 。
树表格类似复合表格,树表格多用于显示和处理大量分层数据,具有一定的数据聚合功能,体现了高数据密度 。因此,具有较为明显的复杂性,然而应用场景和状态较为简单,不具有多面的操作应用 。
猜你喜欢
- 林瑞阳什么时候开始满头白发的 林瑞阳为什么头发白了
- 白琉璃的真实身份到底是什么 无心法师白琉璃的来历身世
- 历史上小乔是周瑜正妻还是小妾 历史上周瑜的正妻是谁
- 房屋常识:房产证的名字
- 歌手旭日阳刚近况 农民工组合旭日阳刚现在过的怎么样
- 催泪大片这6部一定榜上有名 比较感人的电影
- 简短介绍冬至习俗的来历传说 关于冬至的来源和故事
- 目前最好的淘宝客app 淘客app代理可以做吗
- 怎么选择家庭空气开关的型号? 家用漏电开关型号
- 坂井泉水是赤木晴子的原型吗 日本赤木晴子的原型是谁
