从今天开始,我给大家介绍一下如何用Adobe的表单设计利器:Adobe LiveCycle Designer进行PDF交互式表单的设计。要获得这个软件目前有两种途径,一个是直接从Adobe的官方网站下载trialhttps://www.adobe.com/cfusion/tdrc/index.cfm?product=livecycle%5Fdesigner,另外一个办法就是购买正版的Adobe Acrobat产品,Designer会作为Acrobat的一个辅助工具附赠在产品中。

 

好了,现在切入正题。 LiveCycle Designer的安装目录中,找到FormDesigner.exe并运行它,首先映入眼帘的是Designer的欢迎界面,如下图所示:

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_Designer

点击’New Form’, 新表单向导就打开了,根据自己的需求创建全新的表单或者在已有表单的基础上进行修改,选择结束后点击’Finish’按钮即可。当然了,如果单纯的创建新表单的话,可以直接点击主界面右上角的’New’按钮。

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_休闲_02 

当新空白表单创建出来以后,我们就可以开始设计表单了。Designe为用户提供了很多现成的控件。点击菜单Window -> Object Library (或者用快捷键Shift+F12), 控件库就出现在屏幕的右上角了,如下图所示。

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_设计_03

默认的控件库分为3大类,包含标准控件,如比较常用的按钮,下拉框,文本编辑框等都在里面。另外一类是需要用户自己定制的的控件,如日期选择框,国家/地区选择下拉框等。最后一类是各种各样的条形码,如Code128A, UPC-A等。当然除了预装的控件,客户还可以通过图形界面导入自己定制的控件,用起来非常方便。

 

这里我用最常用控件之一文本编辑框’(Text Field)举例, 来演示一下通过Designer都可以完成哪些操作:

首先我们在标准控件中找到’Text Field’并通过拖拽的方式把它放入’Designer View’中。

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_休闲_04

控件是按照标准尺寸显示在设计视图上的,可以通过控件边缘的拖拽来调整大小。

大小调整完毕后,点击菜单Window -> Object (或者用快捷键Shift+F7)来调出控件属性标签,标签默认显示在屏幕的右下角,如下图所示:

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_设计_05

‘Field’ tab主要是用来设置’Text Field’的外观的,包括它的名字,它想使用什么样的文本框,文本框的字符限制等。在’Field’标签旁边还有一个’Value’标签,它也非常有用,主要是用来进行输入文本的校验的。点击’Validation Pattern…’按钮,模板窗口弹出,我们选择’Zip Code’, 它的格式是五位数字,如下图。

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_休闲_06

点击’OK’按钮关掉模板窗口,在’Validation Pattern…’按钮下面还有一个编辑框,它可以用来输入当错误发生时,我们以什么信息来通知用户,如下图:

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_PDF_07

让我们来试验一下,点击预览PDF标签,在文本编辑框中输入’abc’然后回车,错误窗口弹出来了,错误信息和刚才设置的一模一样,如下图:

使用Adobe LiveCycle Designer进行PDF交互式表单的设计--Part1_Designer_08

怎么样,不错吧!

 

使用Designer进行交互式表单设计的第一部分就先讲到这里,下面的内容会更精彩,尽请期待~