压缩文档树插件现已支持流动布局调节,方便点击文档,内附视频

本贴最后更新于 187 天前,其中的信息可能已经天翻地覆

什么是流动布局

  • 您在浏览多层子文档的文档树时,会遇到因为有多级缩进而点不到的情况,如下图。

disabled_ldbj

这导致难以或者根本不能点击多级子目录。

  • 流动布局在鼠标悬浮到子目录项目时,可以临时将子目录的缩进缩短到左侧位置,方便您轻松地查看标题和点击进入文档,在您的鼠标离开后,缩进将恢复,所以完全不影响您区分子目录。如下图:

enabled_ldbj

  • 更多地,由于流动布局将每个栏目的内容都固定在列的相同位置,您习惯后甚至可以实现盲操作,而不用去对准图标点击,如下图

static_area

总结:当鼠标指针悬浮在文档树项目上时,文档树自动关闭当前项目 padding(取消当前条目的缩进), 方便点击和查看标题

当然,您依然可以单纯地只更改缩进而不使用其他花哨功能。

现阶段代码比较混乱,之后会进行重构。谢谢

如果有帮助您的话请给我的 github 点一个免费的星星,我本科毕业,正在谋求生路,即将饿肚子,您给我点击的免费的 GitHub 的星星(star)对我将很有帮助,万分感谢!!!

如果您刚好在招聘 嵌入式开发/ C++/ RTOS/ C 语言 岗位,希望您能联系我,我的邮箱在 GitHub,感谢!

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20154 引用 • 77713 回帖 • 2 关注
1 操作
zxkmm 在 2024-01-16 20:27:29 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • tongzi 1 评论

    非常好。动作很快。感谢提供这么优秀的插件

    感谢大佬支持!您提交的功能请求只能等到下一个版本实现了
    zxkmm
  • 这个交互真是有想法的 👍👍👍

    谢谢 T 佬支持!
    zxkmm
  • yjmsiyuan 3 评论

    非常好,我看中的是方便看整个文档标题。

    可以设置一个选择按钮:自动缩放标题字体大小。

    您好,我刚才试了一下,缩放字体大小的功能可能不太实用,因为除非缩放到极端程度,不然不足以弥补上下文菜单占用的空间
    zxkmm
    最新版本已经实现,但我个人感觉用处不是很大,可以尝试一下
    zxkmm
    谢谢,很好
    yjmsiyuan
  • EmberSky 1 评论

    大佬可否增加一个 双击展开/折叠 文档树 的功能, 类似于 ediary 的那种效果, 现在这种要点左边的箭头才能展开折叠, 不是特别方便 🙏

    1 回复
    抱歉,展开文档树这个功能官方没有插件 api,所以没办法通过正规方式实现这个只能等官方实现了
    zxkmm 1
  • jjjjjjjjj9 1 评论

    该插件不支持在当前终端上使用 😭

    您好,请问是什么设备呢?
    zxkmm
  • EmberSky 1 评论

    刚刚发现这两个插件都是大佬做的, 膜拜一下image.png

    感谢大佬支持!
    zxkmm
  • tongzi 9 评论

    @Vanessa

    V 姐,思源没提供点击文档树自动展开的 api 吗,插件好像做不了?

    没有提供展开文档树的 api. 加上双击的话,会让正常的单击有延迟.
    zxkmm
    由于延迟移除了双击事件,这样的话还需要 api 么?
    Vanessa
    @Vanessa 我个人感觉双击不是一个很好的解决方案。个人建议等等看看有多少人需要。
    zxkmm
    @Vanessa 希望老大考虑下这个帖子,谢谢! 点击展开文档树
    zxkmm
    @zxkmm 文件夹即文档,点击的时候无法区分是要展开子文档还是打开文档
    Vanessa
    @Vanessa 同时即打开又展开,没有冲突吧。父目录根节点文档始终都要显示的啊。
    tongzi
    @Vanessa 好像是诶,逻辑上说确实会多打开一个文档
    zxkmm
    @zxkmm 点击展开文档树这个可以考虑整合到文档树压缩插件中,插件市场没有。这个本来就是一个文档树的重要功能。
    tongzi
    @tongzi 您好,建议使用 @Undii 和 @qq541559639 两位大佬写的。如果有想要整合的话可以发送 PR
    zxkmm
  • li80 1 评论

    大佬,能不能做个文档树中能使用的插件:一键隐藏某个页面、一键隐藏某个页面的全部子页面。😄

    您好, 请问"关闭笔记本"功能能否满足需求?
    zxkmm
  • yjmsiyuan 1 评论

    今天试了试。非常好。很流畅,多个功能适配有时会有冲突。

    1、 给不同功能设置按钮,非常好,希望坚持下去。

    2、可以设置方便的打赏,你值得。

    几个建议

    1、鼠标悬停文档,有子文档,点击时,子文档同时缩进。

    image.png

    2、点击小三角,会失去焦点,就是鼠标跳到其他文档,会不定期出现,大概四分之一的概率。专门试验了默认主题,确定是插件原因。【感觉原因是第一次展开子文档,文档移动,就会调,而子文档展开,再点就没事】

    3、原来提的字体缩放,没想到大佬真的实现了,很好,我的建议是根据显示缩放,不知是否难以实现。1、能否完整显示就不缩放,不能完整显示就缩放到设定大小或者合适大小。

    4、换行实现非常好,建议可以设置底色和行间距,这样就清晰了。

    5、方便了,可以加上目录的间距设置就更完美了。

    仅供参考

    1 回复
    1 操作
    yjmsiyuan 在 2024-01-17 11:21:54 更新了该回帖
    鼠标跳的原因:是思源自身的问题,自己会把文档定位到中间,而鼠标没有跟到,思源本身也需要改,只是因为插件而把这个变明显了
    yjmsiyuan
  • 您好,感谢反馈!

    谢谢您的支持,我目前暂时不接受打赏。不过如果您想帮我的话,可以把我在 github 上面的那些几个仓库都点一下星星,感谢!

    1. 子文档同时缩进这个功能可能不好,因为会分不清每个的缩进,加上一大块都缩进的话,视觉上也不美观。不过这个需求可以把流动布局关掉,然后用拖动条处理固定缩进,基本上能实现
    2. 失去焦点那个是因为开启了悬浮换行功能,可以把它关掉。
    3. 根据显示缩放字体的话不现实,因为字体自动调整到全部内容都显示的话,就小到看不清了。
    4. 底色这个我感觉有高亮就足够了,因为插件没有 api 判断夜间模式和白天模式,所以也不好处理具体用哪些颜色。
    5. 文档间距我下个版本尝试一下,但是目前没找到优雅的不乱跳的办法。
    6. 目前还是主推流动布局,应该是这类问题的最优解了,只是需要习惯一下。习惯以后效率和美观各方面都很高

    感谢!

  • zy949070222

    启用文档树前线,必须关闭自定义填充和流布局才能生效

  • zy949070222

    启用文档树前线不显示,设置里提示必须关闭自定义填充和流布局才能生效,自定义填充和流布局在哪看

    1 回复
  • 抱歉,我当时写插件时候用的是英文,然后用谷歌翻译成中文,翻译有点问题。

    流布局 = 流动布局

    自定义填充 = 文档树缩进压缩

    麻烦帮我的 github 点一个免费的星星,谢谢

请输入回帖内容 ...
zxkmm
汩余若将不及兮,恐年岁之不吾与。日月忽其不淹兮,春与秋其代序。 昆明

推荐标签 标签

  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    7015 引用 • 31704 回帖 • 220 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 20 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1083 引用 • 3461 回帖 • 257 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1234 回帖 • 442 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 16 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖 • 1 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 609 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 1 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 353 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    71 引用 • 1737 回帖 • 1 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 566 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 322 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 5 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 646 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 6 关注
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 510 回帖 • 1 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    4 引用 • 91 回帖
  • abitmean

    有点意思就行了

    38 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    76 引用 • 390 回帖
  • 电影

    这是一个不能说的秘密。

    120 引用 • 598 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 608 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 443 关注