打印之前,屏幕上会出现几类帮助定位的线。工作表中的数据怎么落进一页页纸里,靠的是把打印页切开的打印线;手动插入的分页处,另有分页线标出;设了打印区域时,还会有一圈框线把它圈出来。这三类线本意是让使用者"先看清再打印",颜色与粗细却都是固定的一套:打印线默认是浅浅的灰,分页线与打印区域框默认是黑。多数时候它们安分守己,可一旦使用者界面被定制成深色主题,或整套系统用了鲜明的品牌配色,这几条写死的辅助线就显得突兀——该弱化时不够淡,该醒目时又不够显眼。

更麻烦的是,它们此前几乎没有调整的余地。集成方可以为整个产品换肤、换主题,唯独对这几条贯穿屏幕的引导线无能为力,只能接受默认,或干脆把它们藏起来。V19.2 把这三类线的样式开了口子:颜色与粗细,现在可以按页面的样式规则来覆写。

屏幕上的三类线

先说清这三类线各指什么,因为它们的用途不同、外观也不同。

打印线是把整张工作表按打印分页切开的预览线,标出第一页到哪儿结束、第二页从哪儿开始,多出现在报表较宽、一页放不下的场合。分页线对应的是手动插入的分页——使用者明确在某一处断开,另起一页,这条线便钉在那一处。打印区域框则把被圈定为打印范围的那片区域框出来,范围外的内容虽然也在屏幕上,却不在打印之列。三者都只是屏幕上的引导,帮助在动手打印前把页面边界看清楚。

默认的样式里,打印线取淡灰、分页线与打印区域框取黑,宽度都是一像素左右。这一套默认值放在浅色、未做定制的界面上并无不妥,也正是多数使用者所见的样子。但几类线出现的机会并不均等:窄表一页放得下,屏幕上几乎见不到打印线;宽表横向要拆成好几页时,打印线会密密地纵向排开,把工作表切成一片片待打印的区块。此时若打印区域与手动分页又同时在场,屏幕上便同时摆着两三种线的混编,深浅、含义都要靠使用者自行分辨。

屏幕主题一变,这些默认值常常成了最显眼的不协调处——深色底上一条淡灰细线几乎隐没,一套精心配色的界面里插进几条写死的灰黑线,观感立刻割裂。能不能让这几条线的颜色与粗细随整套皮肤一起走,正是这次的诉求。

颜色与粗细,交给样式

这次的定制不引入新的界面面板,而是走页面样式这一条现成的路。产品为三类线各准备了一个样式类:打印线一类、分页线一类、打印区域框一类。集成方在页面的样式表里覆写对应类的描边颜色与宽度,线就按新样式重画——线的颜色与粗细,从此与产品其他部分的皮肤出自同一套定义,不再游离在外。

给三类线分别设值,还能借此拉开它们各自的分量。分页线是手动划下的断点,通常希望它清楚可辨,让人知道"此页到此为止";打印线是按纸张自动算出的切分,量大而细碎,往往宜淡不宜浓,浓了反而满屏网格;打印区域框圈住真正的输出范围,重要性在打印动作发生的瞬间才体现。三者各取所需,主次立现,不必共用同一种观感。

这套机制带来的是几类此前做不到的效果。深色主题下,可以把引导线调成低对比的深灰,让它们退到背景里,不打扰阅读;浅色高亮屏幕上,则可以把线加重加粗,让分页边界更易辨认。想突出某类线而弱化另两类,也只需分别给各自上不同的值。皮肤越统一、越讲究的界面,这几条线的存在感越能被收放自如。

在这里插入图片描述

样式定制的合适场合

需要动这几条线的,多半是两类人。一类是做整体皮肤的人:系统要统一成深色或品牌化界面时,把引导线一并纳入配色,界面才不露怯;另一类是把表格嵌进自己产品的集成方,他们以样式表接管了产品的外观,唯独漏掉这三条线时,会在细节处显得粗糙。V19.2 把口子补齐,皮肤的工作从"几乎全包"变成"一条不漏"。

改动也无需动到产品自身的任何配置。样式写在宿主页面里,跟随着页面的主题一起走;换主题时线随之更换,不必逐处去改产品设置。对采用多主题、多客户定制的系统来说,这比在每个实例里单独配置要省事得多。

定制思路也可以反过来用:既然默认样式保留了原有观感,那么只在需要强调分页的场合才覆写,其余场景维持默认即可。对一款被不同项目分别使用的表格来说,样式规则随页面加载、按需出现,既照顾了"少数界面要定制"的需求,又不逼着所有使用者都面对一套被改过的引导线。定制与不定制之间,没有不可逆的取舍。

做法落在标准样式上,另一重好处也随之而来:宿主项目里那套成熟的样式流程,可以直接照搬过来。样式的压缩、版本管理、按环境切换,这些既有做法对这三条线同样成立;要给不同客户、不同终端出不同观感,用平常切主题的那套约定就能覆盖,表格不必为这几条线单开一条维护通道。

同一份表格放在不同系统里,打印线要不要强调,答案往往随宿主走。对内的管理系统,引导线可以淡一些,别打扰日常查看;面向客户的报表入口,则可能希望分页边界一眼可辨。观感交给宿主决定,表格在哪儿就以哪儿的模样出现,打印引导与各自主体的气质保持一致。

边界同样清楚

正因为定制走的是样式这条纯页面的路径,它的边界也一目了然:这种改动不进入文件,也不会随工作表导入导出。样式属于"这页界面长什么样",不属于"这份文档里存了什么"——同一份文件,在不同宿主页面上可以呈现出不同颜色的打印线,而文件本身并不记得这些颜色。需要它的人,在页面上写样式即可;不需要它的人,完全不受影响。

还有一层不必担心的分野:这几类线从来只是屏幕上的引导,并非打印纸上的内容。把它们调色、加粗或淡化,改变的都是编辑时预览的观感,落到纸面或 PDF 里的输出不会因此多出任何一条线。定制尽可放开手脚——它影响的只是"动手打印之前"那一眼的清晰与舒适,而这一眼,正是把一张表排版得体的最后一道确认。

Logo

葡萄城是专业的软件开发技术和低代码平台提供商,聚焦软件开发技术,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。

更多推荐