wxpython目录下内容展示_多级目录结构在移动端的交互

众所周知，由于移动端页面大小的限制，展示多层级的内容可能会层级过深或者展示层级结构不清晰，本文介绍了四种展示层级的方法。

1、“面包屑”式导航

可以快速定位到某一层级下进行切换展示层级下内容，这种形式的多级目录常被用在选择地区的页面

级联选择

优点：

1)能够快速切换跨层级间的内容选择

2)能直观的看到当前处于第几层级，以及层级名称是什么

3)选择层级和查看内容分开，这部分只是展示层级的名称，点击子层级查看具体层级下的内容

缺点：

1)只适合展示这种级联层级的内容，展示内容上有局限性

2)如果采用这种展示形式，最好不采用内容和层级并存的形式，否则在同一层级出选中，有的是选中展示下一层级；有的是选中展示层级下的内容，会产生不统一的效果

使用场景：

选择级联地址，或者选择级联考试类型的时候，可以采用这种交互方式

2、展开收起式展示层级

层级逐层展开/收起，用缩进、字号和颜色进行区别不同的层级内容

展开收起层级

层级展开收起

优点：

1)能够让用户清楚的了解当前所在的位置

2)可以通过”吸顶“的方法，展示当前内容的父层级，能够清楚的看到层级关系

缺点：

1)如果层级过多，在视觉上区分层级结构会很困难

2)极端情况下，”吸顶“的形式会占据页面的大部分空间，有效内容的展示区域就会变小

使用场景：

层级结构比较少的情况下、偏浏览的页面，适合采用这种交互方式

3、仿面包屑式展示层级

最底层的内容直接展示出来，层级内容用面包屑的形式展示，但是此处应用的面包屑只是展示层级的作用

图三

优点：

1)突出展示层级下的具体内容

2)直观的看出具体内容所在的层级结构（将当前内容的层级全部展示在内容之上）

缺点：

1)方便依次进行内容的学习，但是不方便查看同一个父层级下都有哪些子层级或者内容；对于彼此的层级结构不是很突出

使用场景：

层级只是示意的作用，程序的主要目的是希望用户查看学习子层级下的内容

4、弹层展示层级

如果最外层的信息对用户很重要，而在层级上选择具体的查看内容时间很短，可以采中中间层级弹层展示的方式作为一个过渡页面

图四

优点：

1)将需要短暂停留且不是需要一直查看的内容用弹层的形式展示，会让需要用户认真查看的页面更清爽，承载的内容更少

2)页面的层级关系更加清晰，父层级-子层级-内容

3)突出展示子层级的内容，子层级上的所有父层级采用面包屑的形式展示，既能让用户知道层级关系，又不会太突出

缺点：

1)不能在内容的页面查看到父层级或子层级的内容

2)需要用户操作多次才能看到希望看到的内容，有可能会感觉层级太深

使用场景：

当层级的展示不需要很突出，需要学员沉浸下来看某一层级下具体的内容时，可以采用这种交互方式