Skip to content

工业方案编辑器

工业方案编辑器用于把 3D 项目、文字、图片和操作按钮编排成可运行、可分享的业务页面。它适合制作产品方案、工业展示大屏、客户演示和多场景交付入口。

打开编辑器

  1. 进入工作台的“工业方案”;
  2. 创建方案或打开已有方案;
  3. 进入编辑器后,先确认画布尺寸和第一个视图;
  4. 完成编排后保存,再通过“运行”检查最终效果。

编辑器顶部的“帮助”会在新窗口打开本页,不会中断当前编辑内容。

认识编辑界面

编辑器主要分为四个区域:

  • 顶部工具栏:撤销、重做、创建视图、复制、粘贴、创建副本、删除、缩放、帮助、运行、分享和保存;
  • 左侧对象树与组件区:管理画布、全局层、视图、容器和组件,也可以拖入新组件;
  • 中间画布:摆放和调整方案内容,可配合网格、吸附、标尺与辅助线;
  • 右侧属性区:设置所选对象的位置、尺寸、外观、内容和交互行为。

画布、视图与全局层

画布

画布决定方案页面的设计尺寸、背景颜色和运行时适配方式。

  • 完整显示:保留全部画布内容,屏幕比例不同时可能出现留白;
  • 铺满画面:填满可用区域,屏幕比例不同时可能裁切边缘。

建议按照最终展示设备选择画布比例,例如横屏大屏可使用 16:9,竖屏终端则使用对应的竖向比例。

视图

一个方案可以包含多个视图。视图适合表达不同页面、工艺阶段、产品分类或业务步骤。点击顶部“+ 视图”创建新视图,再通过按钮组件设置视图之间的跳转。

删除视图前应先检查是否仍有按钮引用该视图。

全局层

全局层会跨视图持续显示,适合放置品牌标识、固定标题、导航按钮和通用背景元素。项目组件只能放在普通视图中,不应放入全局层。

对象树中的显示和锁定按钮可控制全局层预览。设计当前视图时,可以锁定全局层,避免误选或误移动。

容器与组件

组件需要放在容器中。先拖入容器,再把需要的组件拖进容器。容器负责布局、分组、背景、边框、圆角、层级和内容裁剪。

当前编辑器提供以下组件:

组件主要用途常用设置
项目嵌入已有 3D 项目选择项目、固定发布版本
文本标题、说明和业务信息内容、颜色、字号、字重、水平与垂直对齐
按钮在运行时切换视图按钮文字、目标视图、外观
图片品牌图、设备图和说明图片从资产库选择、完整显示或铺满、图片说明

图片说明用于资源无法显示时的替代信息,也有助于无障碍阅读,建议为重要图片填写。

选择、移动与排版

  • 单击对象进行选择,拖动对象改变位置;
  • 拖动右下角控制点调整尺寸;
  • 使用框选或组合键选择多个同类对象;
  • 多选后可以执行左对齐、水平居中、右对齐、顶部对齐、垂直居中和底部对齐;
  • 选择三个及以上对象后,可以进行水平或垂直等间距分布;
  • 开启吸附和辅助线可以更快完成边缘、中心与间距对齐;
  • 对暂时不需要修改的对象,可在对象树中锁定。

编辑属性

选择不同对象后,右侧会显示可用属性:

  • 基础:名称、显示状态和透明度;
  • 布局:位置、宽度和高度;
  • 外观:背景、边框、圆角等视觉设置;
  • 文本:内容、字体颜色、字号、字重和对齐方式;
  • 交互:控制鼠标操作是否由当前组件接收;
  • 高级:层级顺序和内容裁剪;
  • 项目、事件或图片:根据组件类型显示对应的专用设置。

调整层级时,上层对象会覆盖下层对象。如果容器启用了“裁剪内容”,超出容器边界的组件部分不会在运行时显示。

复制、撤销与删除

顶部工具栏支持撤销和重做。复制、粘贴与创建副本适合快速复用已经设置好的对象;删除包含组件的容器时,编辑器会要求再次确认。

常用快捷键包括:

  • Ctrl/Cmd + Z:撤销;
  • Ctrl/Cmd + Shift + ZCtrl + Y:重做;
  • Ctrl/Cmd + C:复制;
  • Ctrl/Cmd + V:粘贴;
  • Ctrl/Cmd + D:创建副本。

保存、运行与分享

建议按以下顺序完成交付检查:

  1. 点击“保存”,确保最新修改已经写入方案;
  2. 点击“运行”,检查各个视图、3D 项目、图片和按钮跳转;
  3. 在目标屏幕尺寸下检查完整显示或铺满效果;
  4. 确认内容无误后再创建分享链接;
  5. 分享后如继续修改方案,请重新运行检查最新版本。

套餐进入只读状态时,已有方案仍可查看,但编辑、保存和分享会受到限制。

常见问题

为什么组件拖不进画布?

组件必须放入可见且未锁定的容器。如果当前视图没有容器,请先创建容器;如果容器被锁定或隐藏,请先解除对应状态。

为什么按钮不能删除某个视图?

该视图可能仍被按钮组件引用。先修改或删除相关按钮的目标视图,再删除该视图。

为什么运行效果与画布边缘不同?

通常与画布比例和运行时适配方式有关。检查“完整显示”和“铺满画面”的选择,并使用接近目标设备比例的窗口测试。

为什么无法修改对象?

请检查对象是否被锁定,以及账号是否处于套餐到期后的只读状态。

让 3D 内容更容易创建、管理、展示与交付。