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

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

什么是流动布局

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

disabled_ldbj

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

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

enabled_ldbj

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

static_area

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

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

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

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

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

  • 思源笔记

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

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

    27848 引用 • 116813 回帖
1 操作
zxkmm 在 2024-01-16 20:27:29 更新了该帖

相关帖子

欢迎来到这里!

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

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

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

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

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

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

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

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

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

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

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

    您好,请问是什么设备呢?
    zxkmm
  • HugZephyr 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. 目前还是主推流动布局,应该是这类问题的最优解了,只是需要习惯一下。习惯以后效率和美观各方面都很高

    感谢!

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

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

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

    流布局 = 流动布局

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

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

  • gin969

    大佬,为啥我设置了文档树字体大小,但都不启作用啊

    1 回复
  • 您好,可能不支持第三方主题,或者可以开强制模式看看

  • HsinKwok 1

    做为白嫖党只能给你点个星星了。

请输入回帖内容 ...

推荐标签 标签

  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 231 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    108 引用 • 295 回帖 • 4 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    134 引用 • 1128 回帖 • 109 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 41 关注
  • abitmean

    有点意思就行了

    40 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 598 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 838 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 49 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 168 关注
  • ZeroNet

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

    1 引用 • 21 回帖 • 655 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    174 引用 • 543 回帖
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • Follow
    4 引用 • 12 回帖 • 18 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    9 引用 • 69 回帖 • 3 关注
  • 996
    13 引用 • 200 回帖 • 7 关注
  • Word
    13 引用 • 41 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 295 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 545 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖 • 2 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    347 引用 • 762 回帖
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 22 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1432 回帖 • 2 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 447 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    22 引用 • 148 回帖 • 24 关注