画布操作优化

[ecoli666]

常见画布操作

1. 拖动画布&框选

默认状态下，鼠标呈抓手状态，可拖动画布

开启【框选】后，可以范围选择

问题：【框选】是常见操作，当前操作繁琐且隐蔽

解决方案：

• 按下shift + 左键移动可进行框选
• 按下ctrl /shift + 左键点击可连续选中（或取消）节点
• 默认状态下，鼠标呈游标状态
• 保留工具栏【框选】功能，调整icon强化概念

2. 快捷面板，触发的交互不一致

单击节点，打开快捷面板

hover连线，打开快捷操作面板

解决方案：

• 单击画布任意位置，可触发打开快捷面板
• hover连线触发，调整为单击触发
• 单击画布空白位置，只显示6个节点类型

3. 插入

单击节点，触发快捷面板选择节点，水平往右插入

hover连线，触发快捷面板选择节点，水平往右插入

拖动节点到连线，自动中间插入

问题1：

单击网关节点插入时，当前的动作为生成新的分支。这完全是自作主张，用户目标也许是已有分支上插入

解决方案：

• 单击网关时，根据光标位置展示一个虚拟节点，随鼠标移动。按下鼠标左键最终生成节点。根据最后落定位置决定生成新分支 或 已有分支插入
• 所有节点的 复制操作 交互调整为 不自动生成节点

问题2：

连线宽度不够时，无法插入

拖动节点到折线时，无法插入

解决方案：

放开插入限制，只要连线与节点发生接触，停留1s 触发效果交互，松开左键完成插入

问题3：

连线宽度不够时，插入的节点遮盖了后面的节点

解决方案：

自动插入都是水平向右，所以提前计算待插入节点的位置，发生遮盖时，被遮盖节点递归水平向右调整