跳转到主要内容

使用自动布局创建动态产品组合

根据表格数据创建可伸缩的产品组合,同时保留你定义的布局、样式和可选标签。

D
作者:David Peng

当 Visual 的某一区域需要随着每一行中的产品数量增长或缩小时,请使用自动布局。产品组合就是普通的自动布局结构:它可以包含任意数量的产品、可选标签,以及你定义的间距和对齐方式。

先设计产品单元

1. 在画布上排好一个产品单元。它可以包含图片、图片下方的可选文字标签,以及任何装饰图层。

2. 将这个单元放进自动布局组。使用组的方向、间距、内边距、对齐和尺寸控制,定义产品应如何分布。

3. 如果需要让 IngenOps 建立初始的可编辑分组,选中产品图片并选择 Add as Bundle。之后仍可使用普通自动布局控件继续调整。

标签是可选的

图片下方的文字只是你设计的单元内容。它可以显示克重、包装规格或简短说明,也可以完全不使用。模板不要求标签,也不强制任何特定市场的元数据格式。

在 Populate 中让组合动态变化

1. 打开 Visual 菜单并选择 Set up manually。

2. 选中外层自动布局组,在 Field 区域把 Repeat item 设为要重复的单元。

3. 映射该单元中的图片,使其成为生产字段。

4. 当一个产品需要包含多个单位时,使用带有自己 Repeat item 的嵌套自动布局组。这样图片和可选标签会随着布局增长始终保持在一起。

设置是显式的:你决定哪个组重复、哪个子项是原型。间距、换行、对齐、样式和文字外观仍来自你设计的自动布局和图层。

在 Table 中输入产品

设置完成后打开 Table。在组合单元格中输入资源文件名,并用分号分隔:

front.png; side.png; detail.png

每个值都会按输入顺序创建一个单元。允许重复:

front.png; front.png; side.png

只使用分号。逗号仍然是资源名称或描述的一部分。

安全编辑

更改产品组合单元格时,系统会从设计好的单元重建整个组合,并作为一次可撤销操作提交。一次 Undo 会恢复原组合;Redo 会重新应用完整更改。

因为 Table 拥有产品列表,之后的 Table 编辑会替换之前在重复单元中做的画布级调整。共享的样式和布局应在基线单元中修改;准备好后,再更新 Table 单元格以重新生成该行。

空值

当某一行应保留有用的默认产品时,请在基线中保留一个已设计的示例产品。否则,请在 Table 中提供产品值来生成组合。CSV 和 Excel 上传时,使用与 Table 中相同的字段名。

排查问题

如果 Repeat item 提示需要重新绑定,请在基线中选中提示的图层,确认目标产品单元,并在 Template setup 中重新绑定。替换或重组单元原型后可能会出现这种情况。

这是否解答了您的问题?