從今天開始,我給大家介紹一下如何用Adobe的表單設計利器:Adobe LiveCycle Designer進行PDF交互式表單的設計。要獲得這個軟件目前有兩種途徑,一個是直接從Adobe的官方網站下載trial版https://www.adobe.com/cfusion/tdrc/index.cfm?product=livecycle%5Fdesigner,另外一個辦法就是購買正版的Adobe Acrobat產品,Designer會作爲Acrobat的一個輔助工具附贈在產品中。
好了,現在切入正題。 在LiveCycle Designer的安裝目錄中,找到FormDesigner.exe並運行它,首先映入眼簾的是Designer的歡迎界面,如下圖所示:
點擊’New Form’, 新表單嚮導就打開了,根據自己的需求創建全新的表單或者在已有表單的基礎上進行修改,選擇結束後點擊’Finish’按鈕即可。當然了,如果單純的創建新表單的話,可以直接點擊主界面右上角的’New’按鈕。
當新空白表單創建出來以後,我們就可以開始設計表單了。Designe爲用戶提供了很多現成的控件。點擊菜單Window -> Object Library (或者用快捷鍵Shift+F12), 控件庫就出現在屏幕的右上角了,如下圖所示。
默認的控件庫分爲3大類,包含標準控件,如比較常用的按鈕,下拉框,文本編輯框等都在裏面。另外一類是需要用戶自己定製的的控件,如日期選擇框,國家/地區選擇下拉框等。最後一類是各種各樣的條形碼,如Code128A, UPC-A等。當然除了預裝的控件,客戶還可以通過圖形界面導入自己定製的控件,用起來非常方便。
這裏我用最常用控件之一’文本編輯框’(Text Field)舉例, 來演示一下通過Designer都可以完成哪些操作:
首先我們在標準控件中找到’Text Field’並通過拖拽的方式把它放入’Designer View’中。
控件是按照標準尺寸顯示在設計視圖上的,可以通過控件邊緣的拖拽來調整大小。
大小調整完畢後,點擊菜單Window -> Object (或者用快捷鍵Shift+F7)來調出控件屬性標籤,標籤默認顯示在屏幕的右下角,如下圖所示:
‘Field’ tab主要是用來設置’Text Field’的外觀的,包括它的名字,它想使用什麼樣的文本框,文本框的字符限制等。在’Field’標籤旁邊還有一個’Value’標籤,它也非常有用,主要是用來進行輸入文本的校驗的。點擊’Validation Pattern…’按鈕,模板窗口彈出,我們選擇’Zip Code’, 它的格式是五位數字,如下圖。
點擊’OK’按鈕關掉模板窗口,在’Validation Pattern…’按鈕下面還有一個編輯框,它可以用來輸入當錯誤發生時,我們以什麼信息來通知用戶,如下圖:
讓我們來試驗一下,點擊預覽PDF標籤,在文本編輯框中輸入’abc’然後回車,錯誤窗口彈出來了,錯誤信息和剛纔設置的一模一樣,如下圖:
怎麼樣,不錯吧! 使用Designer進行交互式表單設計的第一部分就先講到這裏,下面的內容會更精彩,盡請期待~