用途:这是一份无限画布(Infinite Canvas)界面设计模式参考,面向白板、空间设计类产品的交互与体验设计,整理缩放、平移、导航、性能、网格吸附和协作等常见模式。
主要能力与内容: 交互输入:平移支持中键拖拽、Space+拖拽,触屏为双指拖拽;缩放支持滚轮、Cmd+/-,触屏为捏合;选择为点击/轻触;多选支持 Shift+点击、拖拽选择框,触屏为长按+拖拽;创建支持双击或工具栏操作,触屏为双击或工具栏。 导航:角落小地图显示视口位置;缩放控件含 +/- 按钮与百分比显示;提供“适应屏幕”“缩放到选区”快捷键;嵌套框架/分组使用面包屑导航。 性能:仅渲染可见元素(视口剔除);低缩放级别下简化元素的细节层次(LOD);懒加载屏幕外内容;对平移/缩放事件做防抖后再渲染。 网格与吸附:可选网格叠加层(可开关);拖拽时吸附到网格;智能参考线显示与其他元素的对齐关系;显示选中元素与邻近元素的距离指示。 协作:实时显示其他用户光标位置;光标带用户名标签;按用户高亮选区;在小地图上显示每个用户的视口指示。
使用方式:资料未提供具体安装命令、代码示例或集成步骤,仅以表格与条目形式列出交互模式,可作为设计评审或实现时的对照清单。
适用场景:白板工具、设计画布、流程图/思维导图、空间布局类应用的交互设计。
限制:资料未说明具体平台、框架、收费或效果数据;部分模式(如 LOD、视口剔除)需结合具体渲染技术实现,资料未给出实现细节。