设计器界面

用于创建 PDF 布局、管理页面设置和数据绑定的核心工作区。

模板设计器 是构建 PDF 模板的核心工作区。它提供了用于布局元素的可视化画布、用于控制数据和逻辑的丰富设置选项卡,以及用于预览作品的工具。


画布

画布 是表示您正在设计的页面的主要工作区域。

自动缩放

画布会自动缩放以适应窗口大小。

  • 宽高比:视觉展示始终保持页面设置(例如 A4)的正确宽高比。
  • 视觉缩放:尽管画布可能因屏幕大小而显示得更大或更小,但所有元素(文本大小、图像等)都按比例缩放。
  • 准确性:屏幕预览在布局和比例方面是准确的,即使物理尺寸并非 1:1。

选择与导航

  • 选择元素:在画布上点击一个元素即可选中它,右侧面板会自动切换到 样式 选项卡。
  • 取消选择:点击画布的空白区域可取消当前选择,面板会切换回 元素 选项卡(或之前活动的通用选项卡)。

线框模式

您可以使用顶部工具栏的下拉菜单在 预览模式(标准视图)和 线框模式 之间切换。

线框模式的使用场景

  1. 性能优化:当模板包含大量复杂元素(高分辨率图像、复杂表格)时,切换到线框模式可显著提升响应速度。
  2. 布局验证:所有元素被替换为轻量级占位框,便于在不受视觉干扰的情况下查看精确的边界和对齐。
  3. 查找"丢失"的元素:如果文本元素为空或隐藏在其他图层后面,在预览模式下可能不可见。线框模式将所有元素显示为方框,帮助您定位和选择它们。

PDF 预览

点击顶部工具栏的 预览 PDF 按钮,会基于当前设计生成一个临时 PDF。

工作原理

  1. 引擎保存当前模板状态。
  2. 使用生产环境的 PDF 引擎生成实际的 PDF 文件。
  3. 使用系统默认的 PDF 查看器打开文件。

限制

  • 单一变量:如果已映射,预览会尝试使用 CSV/Excel 数据的 第一行。如果未映射,则使用占位值(例如 [InvoiceNo])。
  • 分组表格:预览 无法 遍历实际的交易列表。分组表格使用虚拟数据或单行数据。预览 PDF 中不会显示完整的多页列表。

设置选项卡

设计器右侧面板包含五个关键选项卡,控制模板的各个方面:

选项卡说明
页面设置配置全局设置,如页面尺寸(A4、B5 等)、方向和边距。
数据设置连接 CSV/Excel 数据源,定义计算字段和映射变量。
元素设置向画布添加新对象(文本、图像、表格)并管理图层顺序。
样式设置自定义当前选中元素的外观(位置、字体、边框)。
邮件正文设置使用动态变量配置邮件主题、正文和附件。