workfine2.4.4新手入门---表单样式设计

admin

一、样式简介表单样式，是设计者学习workfine最基础的一门功课，做出漂亮的表单样式，既能够使整个系统展示赏心悦目，获得领导的认可；也能够让操作表单的人能够更直观的了解所需要操作的业务结构，减少学习成本。 学习之前，我们先来看一下几个不同的表单样式来帮助我们加深印象。 workfine V2.4.2无限用户授权.zip (334 Bytes, 下载次数: 33, 售价: 4500 个新软币) 2020-7-11 16:15 上传 点击文件名下载附件 下图为一个采购订单的表单样式 下图为一个项目立项的表单样式 二、样式设计功能设计表单样式之前需要我们明确，该表单具体是做什么用途，有哪些字段，每个字段是什么类型，哪些是属于主表字段，哪些是属于扩展表字段，下面我们以设计主从表结构，采购订单为实例，来具体讲解采购订单样式的设计。 如上图所示，为设计器上采购订单的设计界面，上方红框内部分为样式设计提供的各种功能；下方为通过样式设计功能，设计的采购订单样式， 样式设置功能点说明，下图为设计器中提供的样式设计截图，包括去网格线、单元格格式、字体字号对齐等。 1、    保存，对当前模板进行保存。 2、    导入EXCEL模板，可以将本地的excel模板样式直接导入到设计端。 3、    导出excel模板，可以将设计端模板直接导出excel。 4、    字体设置。 5、    字号设置。 6、    加粗、斜体、下划线设置。 7、    边框设置，包括框线与边框样色。 8、    单元格填充色设置。 9、    字体颜色设置。 10、    字体对齐设置。 11、 内容换行设置。 12、    合并单元格设置。 13、    单元格格式设置，包括设置文本格式，数值格式，日期格式等。 14、    数值型减少位数、增大位数设置。 15、    冻结窗口设置。 16、    筛选设置。 17、    去网格线设置。 18、    数据验证。 19、    排序。 三、模板设计要点下面我们将讲解设计一个模板过程中需要注意的要点 3.1去网格线 如下图，我们看到很多模板是没有网格线的，但是默认打开的模板是有网格线的，在模板设计出大概样式后，可以通过去网格线功能( 17)，将网格线去除。 3.2单元格格式单元格格式是设计者很容易忽视的一个样式设置，如果填写字段未设置单元格格式，就会显示错误的格式，如下所示分别是日期型、字符型、数值型设置单元格格式和没有设置单元格格式所显示的区别。日期型为设置日期格式，显示为一串数字；文本型未设置文本格式，输入长串字符串时，后面会显示一串0000；数值型未设置数值格式时，数值右下角可能会显示一个小数点，这个显示问题都需要我们设置单元格格式来实现我们想要的字段格式。 值得注意的是，如果设置了数值型，想要设置数值型的显示位数，在格式设置的右侧还有添加小数位与减少小数位的操作。 3.3行高列宽如下图，设计器中，鼠标选中某一行列，或者某几行列，右键可以设置对应的行高或者列宽，调整列宽时，我们要根据实际字段内容，估算每个字段的大概宽度；调整行高时，需要尽量让表头，主表区域，扩展表区域有所间隔，这样整体会更容易区分，下图中给出了行高设置中，各区域各参照高度。 3.4填充色如下图，采购订单中，不同的字段区域，我们给了不同的填充色，标题给了填充色块中三行三列的蓝色，主表字段，扩展表字段也给了相应的颜色填充；主表字段填写区域和扩展表字段的填写区域中不可编辑字段(即用户填写表单时，该字段内容自动提取，不需要操作者手动输入的字段内容)，我们也给了相应的颜色填充。这样，这个表单就有了相应的颜色表达效果，具体设置的颜色色块选择参照如下。 3.5框线模板中主表字段与扩展表字段都使用相应的框线，并且扩展表字段中横向框线与竖向框线有所区别，具体设置参照如下。     3.6对齐模板中各字段有相应的对齐规则，对齐不仅仅是设置模板上字段的对齐，还需要设置应用者填写内容的对齐规则。如下参照，主表字段都是居中居右对齐，扩展表字段都是居中对齐；对应的字段填写内容，数值是居中居右对齐，日期和文本是居中居左对齐。 3.7自动换行我们在设置模板行高列宽后，如果有输入内容过长，还可以设置自动换行，来实现当输入内容过长时，行高自动扩展。 3.8合并单元格模板设置中为了样式协调，我们会使用到合并单元格的功能，选择要合并的区域，点击水平、垂直、或者全部合并就能够实现合并单元格。 3.9筛选在实际业务中，如果填写内容过多，我们还可以使用筛选功能，设置筛选时，需要注意，需要一并框线字段与操作区域，然后点击筛选按钮，不能够只选择字段区域。 3.10冻结窗口如果表格过大，在滚动数据的过程中可以通过冻结窗口的方式将表头冻结，方便数据的对照。 3.11数据验证数据有效性的验证能够帮助我们再输入的时候校验数据输入是否正确，如果不正确给出相应的提醒信息。   数据验证的具体使用可以参照默认账套中功能介绍—数据验证的实例，结构自身业务加强理解。 总结：通过样式的设置可以帮助我们更好的理解业务，设计出好的表单样式是我们实现业务的一部分，工欲善其事必先利其器，希望使用者认真掌握样式的设置。在以后的设计中，能够充分发挥样式的设计优势，让领导赞许，让同行钦慕。

yangshiershijiu.png (46.76 KB, 下载次数: 0)