V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
qtoq126
V2EX  ›  问与答

针对多层级的目录树展开,应该如何做设计?

  •  
  •   qtoq126 · 2022-07-21 10:22:17 +08:00 · 1344 次点击
    这是一个创建于 892 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目录树的层级太多了,多的时候 10 几级,如下图所示

    目录树

    https://s3.bmp.ovh/imgs/2022/07/21/d98d3c233f728a08.png

    针对这种多层级目录树,有没有更好的设计方式呢?目前这种实在是太难看了,但是业务需求确实是会出现这么多层级的情况。

    6 条回复    2022-07-21 13:18:55 +08:00
    qtoq126
        1
    qtoq126  
    OP
       2022-07-21 10:25:33 +08:00
    acthtml
        2
    acthtml  
       2022-07-21 10:35:08 +08:00
    不难看出,只是不容易区分,可以增加这两点:

    1. 添加纵向辅助线,方便找到它的父级。
    2. 添加分类图标。图片比文字更容易检索。

    可以参考任意代码编辑的左侧文件目录树。
    jink2018us
        3
    jink2018us  
       2022-07-21 11:23:46 +08:00
    公共问题,可以参考 windows 的 file explorer 和 macos 的 finder
    LLaMA2
        4
    LLaMA2  
       2022-07-21 11:29:55 +08:00
    这个问题需要征询甲方意见,他们频繁查看的是哪一层,目前这样的看目标数据没问题,然后需要查看最底层数据的时候需要点很多下,
    可以在热点数据的树叶做标记。然后左侧顶部区域放置快速筛选按钮,默认放置常用标记,类似“预制梁”、“桥孔”,这样就很方便了不是吗?
    sillydaddy
        5
    sillydaddy  
       2022-07-21 12:42:38 +08:00
    2# 楼说的有道理,添加竖向的辅助线。可以参考一个 VSCode 和 Logseq 这两个软件的处理方法。
    Logseq 中,点击竖向的辅助线,还可以把所有的子节点都收缩 /展开起来,非常好用。
    leonme
        6
    leonme  
       2022-07-21 13:18:55 +08:00
    问下表结构是怎么设计的呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2468 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:21 · PVG 12:21 · LAX 20:21 · JFK 23:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.