登录 注册

1.8.7 折叠小三角的位置问题

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

下图中，箭头标出的小三角其实是属于第一个列表项，但是它所在的位置却很难直观感受出这一点：

image.png

另外，块标和小三角都需要鼠标悬浮到内容块上才显示，假设鼠标本来在下图中的 A 位置，经过箭头标出的路径移到 B 位置，块标和小三角都不会显示，而这本来是最符合直觉的鼠标移动路径：

image.png

这样一来，为了点击到小三角，鼠标移动时就不得不走以下两种曲折路径：

image.png

总之感觉这个小三角的交互还有很大优化空间

  • 思源笔记

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

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

    24810 引用 • 102062 回帖
1 引用
1， 小三角在列表前面时不显示，仅接触列表时才显示 2. 折叠标题内容时有点迟钝，没列表折叠快，慢很多 • 88250
1 操作
deerain 在 2022-03-05 23:46:06 更新了该帖
3 感谢
1 关注
1 收藏
6 赞同
1 引用
1 操作
14 回帖
3
1.8k 279 251 631 37 27 515

相关帖子

14 回帖
1.8.7 折叠小三角的位置问题

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • fangly • • 2 赞同
    订阅者 先知

    像在 workflowy 里面，鼠标放在圆点左边就会显示标志：

    temp128.gif

    而在思源中，鼠标放在圆点左边不会触发任何东西：

    temp129.gif

    这个问题我很早就想提了，但当时我还能凑合用，因为对我来说，面向块标的最高频操作是复制列表项的块引用，而列表项的块标和圆点等价，因此我点击圆点就好，不用绕一圈来显示块标

    现在有了小三角后，和其他软件一对比，交互的别扭就体现得格外明显

    1 回复
    1 操作
    fangly 在 2022-03-06 00:05:43 更新了该回帖
  • mozhu • • 1 评论
    订阅者 付费者 支持者 捐赠者

    第一个问题，可能是主题宽度问题

    image.png

    换成默认主题也是这样，因为我同时开启了左右侧栏，中间编辑器区域一窄块标和小三角就会变成竖排了
    deerain •
  • Vanessa • via macOS
    订阅者 付费者 MOD

    三角形一直都显示的话会不会有点不好看？

    4 回复
  • Belf •
    付费者

    关于这个内容我也提一个建议。

    假如我的列表项里嵌套了一个任务项，那这个块的块标会特别多（如下），小三角的位置很气管，也不好操作。都很容易就点错了。

    我一直觉得列表项块和列表块的区分，导致一个块有好几种块类型的情况不是很合理。也就是 D 大以前说的一炮三响的问题，这个我还是觉得需要再考虑，只是我也提不出啥建设性的意见，也是不好意思。

    image.png

  • abbj • • 1 评论
    订阅者 支持者 勇士

    感觉被折叠的内容一直显示三角形好一点，可以直观的看出哪些内容是折叠状态的。视觉上可以做些适当弱化，应该也不太影响美观。

    折叠状态可以通过前面的圆点样式来区别
    Vanessa •
  • bgt • • 1 评论 via Android
    订阅者 付费者

    思源只有鼠标先悬浮在块上左边才会出现块的标志，这个一直感觉有些不方便

    觉得鼠标直接放在左边块标志就出现比较好

    这个容我在想想代码要怎么写
    Vanessa •
  • fangly • • 1 • 1 赞同 • 1 评论 via Android
    订阅者 先知

    核心问题不在于小三角要不要一直显示吧

    核心问题在于思源里面块标及小三角的触发逻辑，例如现在鼠标放在列表圆点左边不会触发块标及小三角，这是不符合直觉的

    这个问题处理后，下一个问题才是小三角要不要一直显示

    这个容我再想想要怎么实现
    Vanessa •
  • yjmsiyuan •

    核心问题是鼠标放在列表圆点左边可以触发

  • mozhu • • 1 评论
    订阅者 付费者 支持者 捐赠者

    有了小三角很不错，希望再优化一下。

    比如标题的折叠，折叠后只是标题大小进行了缩放，希望能参考其他程序，折叠状态下默认显示小三角。

    对于列表项的，可以通过圆点状态这个问题不大。

    为了保持一致，标题也是从外观上来进行区别
    Vanessa •
  • p1120 • • 1 评论

    GIF2022313164617.gif

    取消小三角动画是否合理？纯个人感觉，小三角的浮现动画在快速翻阅有大量列表和标题的长文时，有点过于吸引眼球，比较习惯无动画的块表

    感谢反馈，可关注 Issue #4166 · siyuan-note/siyuan
    Vanessa •
  • fangly • • 5 评论
    订阅者 先知

    @Vanessa 帖子中的另一个问题，就是在窄窗口情况下，块标的排列顺序是不是需要修改一下，就是下面这个图中，三个块标的顺序应该颠倒一下更符合逻辑

    image.png

    离圆点最近的应该是小三角，然后是列表项块，最后是列表块，像正常情况下的逻辑就是这样的：

    image.png

    这个整体上移也会有点奇怪，最上面的图标就会和其他块对齐了，这个还要再想想怎么弄。
    Vanessa •
    @Vanessa 我的意思不是说整体上移，是说三个块标位置颠倒，小三角和列表块图标交换位置。这样设计的话，想要折叠展开，只需要把鼠标放在圆点旁边就能触发小三角；想要点击或拖动列表项块标，直接点击或拖动圆点是等价的，也很方便；而列表块块标用的次数相比前两者用的次数会少很多，这样设计的话基本就能满足大部分场景了。
    fangly •
    @fangly 图标是从上到下，从左到右，如果竖排倒序的话会不会有点奇怪，要不再想想？
    Vanessa •
    @Vanessa 按我的想法从下到上的话，相当于把横排的布局逆时针旋转 90 度就是竖排的布局（如果是整体上移就相当于顺时针旋转 90 度）；另一种角度看，小三角在横排时是最靠近圆点的，竖排时也最靠近圆点，列表块横排时最远离圆点，竖排时也最远离圆点。我觉得这种是比较符合直观逻辑的，而且用起来更加方便，鼠标放在圆点左边就可以马上折叠展开了。
    fangly •
    @fangly 好像很有道理，看看还有没有人有类似的需求 Issue #4374 · siyuan-note/siyuan
    Vanessa •
  • szukkboy •
    订阅者 支持者 恶龙

    我的鼠标放在前面，可以自动出现那些图标啊。

    动画.gif

  • mind • via macOS

    ScreenShot20220326at9.58.31PM.png

    这个问题其实和折叠关系很大，目前标题块和列表块折叠后不容易看出有折叠的内容（即使灰圈圆点），小三角是鼠标放上去才显示

    Concise 主题专门对标题块和列表块的折叠做了处理，增加了红色三点提示。其中列表折叠红色三点是换行显示（如图），小三角位置也指向红色三点提示。这样即便是窗口宽度缩小了，折叠后感觉仍然还可以

    1 操作
    mind 在 2022-03-27 14:22:47 更新了该回帖
  • kobi • • 2 评论
    付费者 捐赠者

    哇塞，这个建议不错~

    我也想要一直显示折叠的小三角，不然都不知道下面还有内容~ 其他的小三角的颜色可以浅一些，和当前块的父级及以上的小三角有所区分。

    希望可以考虑~ @Vanessa

    我这个回帖中的建议和你所说的建议貌似并不是一个建议😂，我这个回帖中的建议很早之前已经实现了。workflowy 中并不是一直显示折叠的小三角，而是对所有有子列表的列表项显示小三角，无论有没有折叠，只要有子列表都显示小三角
    fangly • • 1
    @fangly 不好意思，那搞错了，当我没提~😂
    kobi •
请输入回帖内容 ...
deerain
还好我技压全场
回帖
251
 帖子
57
 积分
9970

近期热议

推荐标签 标签

  • 倾城之链
    23 引用 • 66 回帖 • 158 关注
  • CongSec

    本标签主要用于分享网络空间安全专业的学习笔记

    1 引用 • 1 回帖 • 23 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    494 引用 • 928 回帖
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用（如 Word、Excel 和 PowerPoint）与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起，可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • 百度

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

    63 引用 • 785 回帖 • 109 关注
  • 微服务

    微服务架构是一种架构模式，它提倡将单一应用划分成一组小的服务。服务之间互相协调，互相配合，为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建，能够被独立的部署。

    96 引用 • 155 回帖
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 4 关注
  • Mac

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

    167 引用 • 595 回帖 • 1 关注
  • 负能量

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

    88 引用 • 1235 回帖 • 414 关注
  • Scala

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

    13 引用 • 11 回帖 • 157 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    31 引用 • 96 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 32 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3194 引用 • 8214 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。

    173 引用 • 414 回帖 • 367 关注
  • 数据库

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

    345 引用 • 742 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 28 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 544 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 543 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 1 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”，在线用户由 1999 年的 2 人（马化腾和张志东）到现在已经发展到上亿用户了，在线人数超过一亿，是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • SMTP

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

    4 引用 • 18 回帖 • 637 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 175 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    21 引用 • 204 回帖
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖

最新标签