跳转到主要内容

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

将自动布局组设置为图片列表,用一个表格单元格控制产品图片的数量和顺序。

D
作者:David Peng

使用图片列表,从一个表格单元格增减产品图片,同时保留已设计的布局。

图片浏览面板在你的编辑器中可能显示为「素材」(Assets)或「内容架」。

建立源组合

  1. 将一张或多张示例产品图片直接放入同一个自动布局组。

  2. 设置组合的方向、换行、间距、内边距、对齐和尺寸。

  3. 如果属性面板仍显示「布局 → 高级 → 副本」(Copies),请在设置模板前开启「副本」。没有此开关时,使用「模板 → 在表格中显示」(Template → Show in Table)直接绑定组合。

  4. 为组合设置清晰且不重复的名称,作为表格列名。

本基础示例只使用已分配素材的直接图片子图层。请将文字标签、装饰图层和嵌套组合放在列表外部。

在表格中显示组合

  1. 选择源视觉素材。

  2. 在属性面板中找到「模板」,点击「设置模板」。

  3. 选择自动布局组。

  4. 在其「模板」区域开启「在表格中显示」。如果已经开启,请保留此设置。

  5. 如果出现「将项目绑定到此列?」,点击确认。

  6. 解决设置问题,然后点击「打开表格」。

在表格中添加产品

  1. 添加生产数据行,或选择已有行。

  2. 在图片列表单元格中输入用逗号分隔的图片文件名。

  3. 按 Enter 应用修改。

front.png, side.png, detail.png

每个文件名按输入顺序生成一张图片。可以重复使用同一个文件名。文件名包含逗号时,用双引号括起该文件名,例如 "front, red.png", side.png。

安全编辑

修改表格单元格时,会从源组合重建整个列表,并作为一次可撤销的操作。之后的表格修改会替换生成列表项目内部仅在画布上做的修改。共用布局和样式应在源组合中调整。

故障排除

  • 组合无法显示在表格中时,确认它使用自动布局、包含已分配素材的直接图片子图层,并已通过「模板 → 在表格中显示」绑定。如果另有「副本」选项,也请开启。

  • 找不到图片时,使用内容架中准确的文件名。

  • 间距或换行不正确时,调整源自动布局组,再重新生成该行。

这是否解答了您的问题?