Adobe Acrobat Pro DC 与 Adobe Designer 简介

我们需要明确一个概念：Adobe Designer 并不是一个独立的软件，而是集成在 Adobe Acrobat Pro DC 中的一个强大的表单设计模块，它的全称是 Adobe LiveCycle Designer，专门用于创建交互式的、动态的 PDF 表单。

• Adobe Acrobat Pro DC：主要用于 PDF 的编辑、审阅、签名、合并等。
• Adobe LiveCycle Designer (即 Designer)：专门用于从零开始设计复杂的、数据驱动的 PDF 表单。

要使用 Designer，你必须先安装 Adobe Acrobat Pro DC。

第一部分：入门基础

如何启动 Adobe Designer

在 Adobe Acrobat Pro DC 中，启动 Designer 有两种主要方式：

• 从空白表单开始

  1. 打开 Adobe Acrobat Pro DC。
  2. 点击右侧工具栏的 “创建 PDF”。
  3. 在弹出的窗口中，选择 “空白页”。
  4. 点击 “创建”。
  5. 在新打开的空白 PDF 中，点击顶部菜单栏的 “工具” -> “准备表单” -> “创建新表单”。
  6. 在右侧的“创建表单”面板中，选择 “使用模板” 或 “空白表单”，然后点击 “下一步”。
  7. 在下一个界面，点击 “使用 Adobe LiveCycle Designer”，这时，Adobe Designer 就会启动,并打开一个空白的设计画布。

• 打开现有表单进行编辑

  
  （图片来源网络，侵删）
  1. 在 Adobe Acrobat Pro DC 中，打开一个包含表单域的 PDF 文件。
  2. 点击顶部菜单栏的 “表单” -> “使用 Adobe LiveCycle Designer 编辑”。
  3. 文件就会在 Designer 界面中打开。

Designer 界面概览

启动 Designer 后,你会看到几个关键区域：

• 菜单栏：包含所有命令，如文件、编辑、视图、插入等。
• 工具箱：通常位于左侧，包含了所有可以拖拽到画布上的表单对象，如文本域、复选框、下拉列表、按钮、子表单等。
• 设计画布：中间最大的区域,是你设计表单布局的地方。
• 大纲视图：通常位于右侧，以树状结构显示了表单中所有对象及其层级关系,这对于管理复杂表单至关重要。
• 脚本编辑器：用于编写 JavaScript，实现表单的动态逻辑（如计算、显示/隐藏等）。
• 对象库：可以保存和重用自己设计的对象模板。

第二部分：核心概念与操作

基本表单对象

从工具箱中拖拽对象到画布上即可使用,最常用的有：

• 文本域：用于输入单行文本，如姓名、电话。
• 多行文本域：用于输入多行文本，如地址、备注。
• 复选框：用于多选选项，如“兴趣爱好”。
• 单选按钮：用于单选选项，如“性别”，单选按钮需要放在同一个“按钮组”中才能实现互斥。
• 下拉列表：用于从预设选项中选择一个，如“国家”。
• 列表框：与下拉列表类似,但所有选项都可见。
• 数字域：专门用于输入数字，可以设置格式（如货币、百分比）。
• 日期域：用于输入日期,可以弹出日历选择器。
• 图像域：用于显示静态图片，如公司 Logo。

对象属性设置

选中任何一个对象，右键点击选择 “属性”，或按下 Ctrl+E (Windows) / Cmd+E (Mac)，会打开属性面板，这是设计表单的核心,你可以在这里设置：

• 值：设置对象的默认值。
• 绑定到数据：将表单域与 XML 数据绑定,这是实现数据收集和自动填充的关键。
• 格式：设置数字、日期、货币的显示格式。
• 验证：设置数据验证规则，如“必填”、“限制字符数”、“输入必须为数字”等。
• 计算：设置对象的计算公式，如“总计=价格×数量”。
• 外观：设置边框、背景色、字体、字体大小等。

子表单 - 实现动态布局的关键

子表单是 Designer 最强大的功能之一，它允许你创建可以重复或动态显示/隐藏的表单区域。

• 常见用途：
  • 动态表格：一个“订单明细”表格，用户可以点击“添加一行”按钮来动态增加新的行。
  • 条件显示：当用户勾选“需要发票”时，才显示“发票抬头”和“税号”等字段。
• 如何设置：
  1. 在画布上选择你想要重复或控制的区域。
  2. 右键点击，选择 “转换为子表单”。
  3. 在子表单的属性中，设置 “重复子表单” 的方式（如“无”、“固定数量”、“由用户提供数据时”等）。
  4. 你还可以设置子表单的 “最小出现次数”（例如至少出现1行）和 “最大出现次数”。

数据绑定

这是连接表单和数据的桥梁。

1. 在“大纲视图”中，右键点击根节点（通常是 Form1），选择 “将数据合并到表单”。
2. 选择一个 XML 文件作为数据源，Designer 会自动分析 XML 结构，并提示你将 XML 元素与表单域进行绑定。
3. 绑定后，当你使用 Acrobat 打开这个表单，并选择“填写并合并数据”时，XML 数据就会自动填充到对应的表单域中。

第三部分：进阶技巧与实战

使用 JavaScript 实现复杂逻辑

当内置的设置无法满足需求时，JavaScript 就派上用场了。

• 如何添加脚本：

  1. 选中一个对象（如一个按钮）。
  2. 打开其属性面板，切换到 “脚本” 选项卡。
  3. 在 “事件” 中选择一个触发时机（如 鼠标抬起、值更改）。
  4. 在下方的编辑框中编写 JavaScript 代码。

• 常用脚本示例：

  • 显示/隐藏对象：

    // 假设一个复选框的名称是 "checkbox1"，一个文本域的名称是 "textField1"
    if (this.rawValue == "1") { // 如果复选框被勾选
        this.resolveNode("#subform1.textField1").presence = "visible"; // 显示文本域
    } else {
        this.resolveNode("#subform1.textField1").presence = "hidden"; // 隐藏文本域
    }

  • 计算总和：

    // 假设有三个数字域：price1, price2, price3，一个用于显示总和的域：total
    var p1 = this.resolveNode("#price1").rawValue || 0;
    var p2 = this.resolveNode("#price2").rawValue || 0;
    var p3 = this.resolveNode("#price3").rawValue || 0;
    this.rawValue = Number(p1) + Number(p2) + Number(p3);

创建动态表格（实战）

这是一个非常经典的应用场景。

1. 设计表头：在画布上绘制表格的第一行（如：序号、商品名称、单价、数量、小计）。
2. 创建子表单：选中表头下方所有需要重复的行，右键转换为 子表单。
3. 设置子表单属性：
   • 在子表单属性中，设置 “重复子表单” 为 “由用户提供数据时”。
   • 设置 “最小出现次数” 为 1。
   • 在 “绑定” 选项卡中，将子表单绑定到 XML 数据的一个数组元素上（如 <items>）。
4. 添加“添加行”按钮：
   • 在表格外部添加一个按钮。
   • 为按钮编写脚本，脚本的核心功能是向子表单的数据源中添加一个新的空元素。

     // 获取子表单实例
     var itemsSubform = this.resolveNode("#items");
     // 克隆最后一行
     var newRow = itemsSubform.instanceManager.addInstance(true);
     // (可选) 重置新行的值
     // ...

5. 添加“删除行”按钮：
   • 在每一行的末尾添加一个“删除”按钮。
   • 为按钮编写脚本，调用 instanceManager.removeInstance() 来删除当前所在的行。

部署与分发

设计完成后,你需要将表单分发给最终用户。

1. 保存表单：
   • 在 Designer 中，保存时会自动生成一个 .pdf 文件。
   • 这个 PDF 文件已经包含了你设计的所有交互逻辑。
2. 测试：
   • 务必使用免费的 Adobe Acrobat Reader 来测试你的表单，而不是用 Acrobat Pro，因为最终用户绝大多数都使用 Reader，确保所有功能在 Reader 中都能正常工作。
   • 重点测试：数据填写、计算、显示/隐藏、动态添加/删除行等功能。
3. 分发：
   • 将生成的 PDF 文件通过邮件、网站或其他方式分发给用户。
   • 用户可以直接在 Acrobat Reader 中填写、保存（如果允许）和打印表单。

第四部分：学习资源推荐

1. 官方文档 (首选)：

   • Adobe 官方提供了 LiveCycle Designer 的详细帮助文档，虽然界面是英文,但信息最权威。
   • 链接: Adobe LiveCycle Designer Help

2. 视频教程：

   • YouTube：搜索 "Adobe LiveCycle Designer Tutorial" 或 "Acrobat Form Design"，有大量免费的视频教程，从入门到高级应有尽有，推荐关注一些专业的 Adobe 认证讲师的频道。
   • Bilibili (B站)：搜索关键词,也有很多国内用户分享的中文教程。

3. 博客与社区：

   • Stack Overflow：当你在编写 JavaScript 遇到问题时，这里是最好的求助社区，使用 livecycle-designer 或 acrobat-forms 作为标签。
   • 一些专注于 Adobe 产品的技术博客：搜索 "Adobe LiveCycle Designer tips" 或 "form calculation script",可以找到很多技巧和案例。

4. 书籍：

   可以在亚马逊等平台搜索 "Adobe LiveCycle Designer"，虽然书籍更新可能稍慢,但系统性的知识讲解非常有价值。

总结与建议

• 从简单开始：不要一开始就挑战动态表格,先学会使用基本的表单对象和设置属性。
• 善用大纲视图：对于任何复杂的表单，大纲视图都是你的“导航仪”,能帮你理清对象关系。
• JavaScript 是进阶的关键：一旦掌握了基础，学习 JavaScript 将让你从“表单设计者”变为“表单开发专家”。
• 反复测试：在 Reader 中反复测试,确保用户体验流畅无误。

希望这份指南能为你打开 Adobe Designer 的大门,祝学习愉快！