Adobe Designer设计表单.doc

上传人:飞****9 文档编号:136787630 上传时间:2020-07-02 格式:DOC 页数:26 大小:692KB
返回 下载 相关 举报
Adobe Designer设计表单.doc_第1页
第1页 / 共26页
Adobe Designer设计表单.doc_第2页
第2页 / 共26页
Adobe Designer设计表单.doc_第3页
第3页 / 共26页
Adobe Designer设计表单.doc_第4页
第4页 / 共26页
Adobe Designer设计表单.doc_第5页
第5页 / 共26页
点击查看更多>>
资源描述

《Adobe Designer设计表单.doc》由会员分享,可在线阅读,更多相关《Adobe Designer设计表单.doc(26页珍藏版)》请在金锄头文库上搜索。

1、点击New Form, 新表单向导就打开了,根据自己的需求创建全新的表单或者在已有表单的基础上进行修改,选择结束后点击Finish按钮即可。当然了,如果单纯的创建新表单的话,可以直接点击主界面右上角的New按钮。当新空白表单创建出来以后,我们就可以开始设计表单了。Designe为用户提供了很多现成的控件。点击菜单Window - Object Library (或者用快捷键Shift+F12), 控件库就出现在屏幕的右上角了,如下图所示。默认的控件库分为3大类,包含标准控件,如比较常用的按钮,下拉框,文本编辑框等都在里面。另外一类是需要用户自己定制的的控件,如日期选择框,国家/地区选择下拉框等

2、。最后一类是各种各样的条形码,如Code128A, UPC-A等。当然除了预装的控件,客户还可以通过图形界面导入自己定制的控件,用起来非常方便。这里我用最常用控件之一文本编辑框(Text Field)举例, 来演示一下通过Designer都可以完成哪些操作:首先我们在标准控件中找到Text Field并通过拖拽的方式把它放入Designer View中。控件是按照标准尺寸显示在设计视图上的,可以通过控件边缘的拖拽来调整大小。大小调整完毕后,点击菜单Window - Object (或者用快捷键Shift+F7)来调出控件属性标签,标签默认显示在屏幕的右下角,如下图所示:Field tab主要是

3、用来设置Text Field的外观的,包括它的名字,它想使用什么样的文本框,文本框的字符限制等。在Field标签旁边还有一个Value标签,它也非常有用,主要是用来进行输入文本的校验的。点击Validation Pattern按钮,模板窗口弹出,我们选择Zip Code, 它的格式是五位数字,如下图。点击OK按钮关掉模板窗口,在Validation Pattern按钮下面还有一个编辑框,它可以用来输入当错误发生时,我们以什么信息来通知用户,如下图:让我们来试验一下,点击预览PDF标签,在文本编辑框中输入abc然后回车,错误窗口弹出来了,错误信息和刚才设置的一模一样,如下图:怎么样,不错吧!常用

4、控件除了文本编辑框(Text Field)之外,下拉式选单(Dropdown List)也是其中之一,下面我来介绍一下如何在Designer中设计下拉式选单。首先从标准控件库中找到下拉式选单(Dropdown List)并且通过拖拽的方式把它拖入Design View视图之中。选择这个下拉式选单,点击菜单Window - Object (或者用快捷键Shift+F7)来调出控件属性标签,标签默认显示在屏幕的右下角。在表项(List Items)下,我们可以自由添加/删除需要的表项,并且可以为它们随意排序。除此之外,Designer还为下拉式选单提供了一个选择框,Allow Custom Tex

5、t Entry,它的作用是,当用户在下拉表项中没有找到自己需要的项目时,可以手动填写自己需要的内容。同时,在生成表单的时候,下拉式选单的默认值也是可以定义的,如果什么都不填的话,默认为空。预览的结果如下图:下拉框中设计了Hello, World和Better三个选项,而编辑框中的Good是手动填写的。当World被选择的时候,编辑框中的Good会被自动替换掉。在标准控件中,还有一个比较特殊的下拉式选单,日期编辑框(Date Field). 虽然它的名字中没有下拉的字眼,但是在Designer中的表现和下拉式选单是一样的,所以这里我就把它同下拉式选单一并介绍了。把日期编辑框(Date Field

6、)从标准控件库拖拽到Design View视图之中,点击Preview PDF,预览结果如下:当鼠标焦点移动到编辑框之内的时候,控件右侧会自动触发一个下拉箭头,点击箭头,日期选择下拉框就弹出了,默认值是当前日期,用户可以找到自己想填写的日期,在上面单击鼠标即可。另外日期的格式是与创建这个控件时所定义的Locale一致的,如下两张截图所示:第一张locale为美国,日期格式为月/日/年;第二张为中国,日期格式为年/月/日。在这篇文章的最后,我再介绍一下列表框(List Box) 的设计。列表框与下拉式选单相比较,最大的不同有三点,首先,表项直接可见,无需像下拉式选单一样还要用鼠标触发下拉事件;其

7、次,列表框的表项是允许多选的;最后,当列表框设计完成之后,是不允许用户输入自定义数据的。预览结果如下图,Hello World两个选项被复选了,用户无法改变表项Hello或者World的内容。关于下拉式选单(Dropdown List)和列表框(List Box)就先介绍到这里,下面的内容更精彩检验框(Check Box)与单选按钮(Radio Button)也是Designer提供的两种最常用的控件,下面我给大家介绍一下这两种控件在实际表单设计中的不同场景下的应用以及他们之间的区别与联系。首先介绍一下检验框(Check Box),在用户面临一个单独的选择(是或不是)的时候,我们需要用到检验框

8、。这句话看起来不是太明白,不要着急,我举个例子你就会懂了。首先从标准控件库中找到检验框(Check Box)并且通过拖拽的方式把它拖入Design View 视图之中。Designer一共提供了四种检验框,分别是凹方框(Sunken Square), 方框(Solid Square), 凹圆圈(Sunken Circle)和圆圈(Solid Circle). 如下图所示:预览一下就看的更清楚了:用户可以根据自己的需要在表单上选择自己喜欢的检验框(Check Box)使用。其实检验框在我们日常的工作生活当中应用还是蛮多的,下面这张图就是截取自一张局部的信用卡申请表:用户可以在身份证,护照以及驾照

9、中选取其一,并且在下面的文本编辑框中填入相应的号码。怎么样,现在应该差不多明白在什么情况下使用检验框(Check Box)了吧。单选按钮(Radio Button)与检验框(Check Box)从表面看有很多相似的地方,和检验框一样,Designer中为单选按钮也提供了四种类型,分别是凹方框(Sunken Square), 方框(Solid Square), 凹圆圈(Sunken Circle)和圆圈(Solid Circle). 与检验框相比,单选按钮有几点不同,首先,从它的名称就可以看出,单选按钮必须成组使用,单一的单选按钮是没有任何意义的;其次,组中的各个选择条件一定是互斥的,及满足A一

10、定不能满足B和C,否则单选的条件就会遭到破坏;另外,在编辑单选按钮的时候,和检验框比有点儿小区别。首先从标准控件库中找到单选按钮(Radio Button)并且拖拽3个组成一组到Design View 视图之中。预览效果如下,这里要说明的是,单选按钮(Radio Button)是成组使用的,在编辑的时候除了分别对各个单选按钮设置,还可以对整个组进行设置,如给整个组加入边框效果等。另外,单选按钮条目编辑是在条目(Item)中,而不是像检验框在标题(Caption)中。关于单选按钮应用,在我们生活中的例子也是举不胜举。下面这张图就是截取自一张局部的保险单:今天关于检验框(Check Box)与单选

11、按钮(Radio Button)的设计与应用就先介绍到这里,谢谢大家在Designer中创建表(Table)主要有两种方式:一种方式是通过简单的拖拽直接创建,另外一种方式是通过Designer的表创建向导。下面我分别介绍一下这两种方式的操作。首先介绍简单的拖拽方式,具体步骤就是从标准控件库中找到表(Table)并且通过拖拽的方式把它拖入Design View 视图之中。一个表提示框出现了,如下图所示:你可以填入你所需要的表的行数(Columns),列数(Body Rows),以及是否需要表头(Header Row)和表脚(Footer Row)。 下图就是一个包含了表头和表脚的一个2行3列的表

12、。通过Designer的表创建向导创建表格要比上一种单纯的拖拽方式复杂一些,也提供了更多的选项。首先从标准控件库中找到表(Table)并且通过拖拽的方式把它拖入Design View 视图之中,在弹出框中直接选择使用表向导创建表格(Create Table Using Assistant). 在表格创建向导中,你可以自定义表格的行数和列数,是否需要表头和表脚,还可以为表中相邻的两行填充不同的颜色,最酷的是,右上角还有每次调整参数之后的预览图,让用户可以直接看到不同选项给表格做出的不同的效果。从预览图可以看出,这是一个包含3行4列的表格,表格包含表头和表脚,表格的单数行为深绿色,偶数行为浅灰色,

13、做出的效果如下:下面我举一个更具体的例子,我用Designer的表结构做了一个2011年7月份的日历,并且把具体的步骤列了一下,有兴趣的朋友可以试试。1. 拖拽表(Table)到Design View 视图之中,选择6行7列(因为包含了表头,所以我们最后看到的表是7行7列)并点击确认按钮。2. 把生成的表格移动到页的上方。3. 选中第一行,合并所有单元格(Table - Merge Cells)4. 在第一行的内容中输入年月5. 在第二行的各个单元格中输入星期一至星期天6. 在下面的单元格中输入日期7. 为单元格填充自己喜欢的颜色最后预览结果如下:今天关于表的创建就介绍到这里,欢迎大家多提意见

14、和建议,谢谢今天来给大家介绍一下Designer中按钮(Button)的应用。在Designer的应用中,按钮共分为几种,它们是打印按钮 (Print Button), 重置按钮 (Reset Button), 电子邮件提交按钮 (Email submit button) 和一般按钮 (Button) 。 下面我会举例说明这些按钮的作用以及如何应用。首先介绍打印按钮 (Print Button),顾名思义,这个按钮的作用是打印PDF表单。当用户点击打印按钮触发click事件的时候,一个打印的对话框就会出现,用户可以根据自己的需要修改打印属性,修改完成后,点击OK按钮即可完成打印,如下图所示。打

15、印按钮 (Print Button)出现在PDF表单中的频率还是蛮高的,主要原因一来是使用方便,直接点击按钮即可完成表单打印,方便表单的纸质存档,另外一个原因是Reader对于标准的PDF表单,是不支持保存其中的数据的,所以要想保存数据,打印纸质表单是其中的方法之一(另外的几种方法前面的文章已经提到过了,使用Acrobat直接保存或者给PDF表单增加Usage Rights从而激活Reader的扩展功能)。第二个要介绍的是重置按钮(Reset Button),当它被点击之后,PDF表单中的所有数据都会变成初始状态,这个功能在企业流程化管理中起着非常重要的作用,当HR在一张复杂的表单上填满内容的时候,她只需要轻点重置按钮就可清除全部数据而无需另起炉灶再创建新的表单或者手动删除过时的内容。如下图所示,下拉框包含三个人名,张三,李四,小刘,一组单选按钮,男和女,选择小刘和女,点击重置按钮,下拉框和单选按钮变成张三和男(表单预设的默认值)。下面介绍一下电子邮件提交按钮(Email submit button),它的作用是可以调用客户端的邮件系统,把当前的PDF表单或者表单中的数据(xml格式)

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 学术论文 > 管理论文

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号