OFD电子证照模版制作工具 --(采用wpf开发)

2021-03-14 03:30

阅读:639

标签:计时   文字   生成   nbsp   ima   alt   工具   处理   属性   

前言  ofd应用的范围非常广,电子证照是其中非常重要的一个应用。同一类电子证照具有相同的板式、元数据;所以电子证照非常适合用模版来制作。模版就是板式样式固定,每个具体的证照只是文字或图片内容不同。比如结婚证,包含持证人、登记日期等,这些元素在界面的位置是固定的。作者设计了一款软件,可以方便的编辑这类模版,根据模版再生成电子证照,采用这种方式可以快速开发各类电子证照。

程序界面

技术图片

 设计思路

数据分为两种类型:文字和图片。对于文字,可以移动位置、设置字体、字号等。对于图片,可以移动位置、缩放等。板式文档强调的是显示一致,通过所见即所得的设计,可以保证每个元素位置的准确性。

文字设计:

按照ofd文档规范,文字包含属性有:中文名称、英文名称、短名约束等。这些字段与模版的使用没有关系的,只是便于理解模版内容。所有的字段是通过数据id来唯一确定身份的;也就是说,生成具体电子证照时,通过数据id来替换相应的文字。

 技术图片

通过拖拽快速移动文字位置,再而通过左移、右移等按钮微调位置;属性信息会显示文字位置像素坐标、距离坐标。

图片设计

技术图片

添加底图的步骤:选择底图、点击平铺页面、点击置底。对于其他图片,可以通过拖拽、微调位置、缩放等快速确定图片的位置和大小。

数据关联处理

有时同一个图片或文字可能会出现在两个位置;比如持证人和男方姓名可能就是同一个值。程序设计时考虑了这种情况,就是同一个文字或图片可以出现在多个位置,它们所在的位置和大小是可以不同,但是数据源是同一个,有点wpf的mvvm模式的意味。改变数据源,多个界面元素会同时改变。

技术图片

元数据

元数据和页面展示数据是相互包含关系。有的元数据是不在界面展示的,有的元数据与页面展示数据的数据源属于同一个。对于数据即属于元数据又在页面显示,通过数据关联来处理。

技术图片

后记  电子证照制作的方式多种多样;本人根据电子证照制作的特点,做了深入思考,设计了这款软件。目前这款软件只支持文字和图片编辑,后续可以根据需求增加更加复杂的设计。本人研究ofd多时,开发一系列软件,全部自主开发。欲了解更多,可以加入QQ群:877371250。

 

OFD电子证照模版制作工具 --(采用wpf开发)

标签:计时   文字   生成   nbsp   ima   alt   工具   处理   属性   

原文地址:https://www.cnblogs.com/yuanchenhui/p/ofd-template-design.html


评论


亲,登录后才可以留言!