OFD電子證照模版製作工具 –（採用wpf開發）

• 2020 年 3 月 16 日
• 筆記

前言  ofd應用的範圍非常廣，電子證照是其中非常重要的一個應用。同一類電子證照具有相同的板式、元數據；所以電子證照非常適合用模版來製作。模版就是板式樣式固定，每個具體的證照只是文字或圖片內容不同。比如結婚證，包含持證人、登記日期等，這些元素在介面的位置是固定的。作者設計了一款軟體，可以方便的編輯這類模版，根據模版再生成電子證照，採用這種方式可以快速開發各類電子證照。

程式介面

 設計思路

數據分為兩種類型：文字和圖片。對於文字，可以移動位置、設置字體、字型大小等。對於圖片，可以移動位置、縮放等。板式文檔強調的是顯示一致，通過所見即所得的設計，可以保證每個元素位置的準確性。

文字設計：

按照ofd文檔規範，文字包含屬性有：中文名稱、英文名稱、短名約束等。這些欄位與模版的使用沒有關係的，只是便於理解模版內容。所有的欄位是通過數據id來唯一確定身份的；也就是說，生成具體電子證照時，通過數據id來替換相應的文字。

通過拖拽快速移動文字位置，再而通過左移、右移等按鈕微調位置；屬性資訊會顯示文字位置像素坐標、距離坐標。

圖片設計

添加底圖的步驟：選擇底圖、點擊平鋪頁面、點擊置底。對於其他圖片，可以通過拖拽、微調位置、縮放等快速確定圖片的位置和大小。

數據關聯處理

有時同一個圖片或文字可能會出現在兩個位置；比如持證人和男方姓名可能就是同一個值。程式設計時考慮了這種情況，就是同一個文字或圖片可以出現在多個位置，它們所在的位置和大小是可以不同，但是數據源是同一個，有點wpf的mvvm模式的意味。改變數據源，多個介面元素會同時改變。

元數據

元數據和頁面展示數據是相互包含關係。有的元數據是不在介面展示的，有的元數據與頁面展示數據的數據源屬於同一個。對於數據即屬於元數據又在頁面顯示，通過數據關聯來處理。

後記  電子證照製作的方式多種多樣；本人根據電子證照製作的特點，做了深入思考，設計了這款軟體。目前這款軟體只支援文字和圖片編輯，後續可以根據需求增加更加複雜的設計。本人研究ofd多時，開發一系列軟體，全部自主開發。欲了解更多，可以加入QQ群：877371250。