地址
上海市闵行区申虹路666弄
正荣中心2号楼
手机/微信
180-1627-5139
Blender使用Python搭建前端界面，对表单控件进行了深度的定制。这种投入是值得的，三维软件的各种面板中，表单的参数调试是高频操作，对输入类控件提效是一项重要的交互优化内容。
2022年5月选择这个切入点在公司的跨部门设计分享上进行了分享。
一、分享内容
1.1 卷展栏展开收起
操作方式
- 鼠标悬浮到树状节点上LMB MouseDown
- 拖拽鼠标经过的同级节点被展开/收起
- MouseUp，结束一次操作
应用场景
- 卷展栏、折叠面板、列表、树状节点
- 同级节点数量多、子节点层级多
- 快速定位找到目标项目
1.2 输入框–数值调整
操作方式
- 点击“级数箭头”改变数值
- LMB MosuseDown 拖拽
- Ctrl + MMB
应用场景
- 表格、表单中的数值/级数输入框
- 画布中同步预览查看效果
1.3 输入框–区间数值调整
区间变化规则
- 根据需求提供一个合理的默认区间
- 区间能够随时匹配当前值
类似于滑动条。根据用户输入值，动态的提供匹配的区间范围。范围较小时，能够给鼠标提供更多的操作空间，精准拖动。
应用场景
- 在数值越小时，需要精确控制
- 在数值越大时，不需要精确控制
1.4 输入框-数值批量调整
操作方式
- 数值输入框内LMB MouseDown
- 拖拽鼠标经过其他数值输入框
- MouseUp，所经过数值输入框同时激活输入
- 数值修改被应用至所有数值输入框
成组的数值输入框选中后批量修改。
应用场景
- 颜色
- 位移、旋转、缩放
- 其他矢量属性参数
- 成组的数值输入框修改为同一数值
1.5 输入框–复制黏贴
1.6 下拉框-调整值
操作方式
- 鼠标悬浮至下拉框
- Ctrl + MMB切换下拉框值
省去了在下拉框和选项的间的来回点击，提高预览效率。
焦点在下拉框时，也可以通过键盘的上下箭头切换。
应用场景
•大家有想到什么应用场景吗？
1.7 恢复默认值
1.8 其他可以借鉴的优秀细节
- 鼠标重定位，无限拖拽。
- 页签通过 Ctrl + MMB 滚轮切换。
- 宽度过短时，被截断内容的显示方式。
- 极其强大、复杂的快捷键系统。
- Ctrl + 空格、Ctrl + Alt + 空格 切换全屏预览。
- 批量操作开关控制。
- 三维画布中位移操作深度定制。
- 等等
二、小结
- 界面框架的自由度
- 值得借鉴吗？不一定，Blender需要支持业务和工作流极其广，所以选择了这种方式
- 控件高度定制
- 满足三维软件中高频的参数调改
- Blender界面是Python写的，自定义空间大
- 在表单输入控件中集成了大量快捷键，和鼠标手势的操作。
- 不仅Click，Hover、MouseDown、MouseUp操作节点能用来优化提高效率的都用上
- Shift、Alt、Ctrl能用的都用上
- 鼠标、键盘、各种Combo操作
- 快捷键量非常大，看到论坛中有不少用户抱怨