一种前端元素适应性显示方法、装置、存储介质及系统与流程

1.本发明涉及前端元素适应性显示领域，尤其涉及一种前端元素适应性显示方法、装置、计算机可读存储介质及系统。


背景技术：

2.企业管理软件，例如金蝶云星空可以在不同端上运行，除gui客户端以外，还有浏览器端等。由于客户端在技术架构上与windows操作系统适配性更高，它在操作、性能、大数据处理具备先天优势，对应的用户体量较为庞大，视觉显示需求也较为个体化，因此，提供基于客户端的个性化放大缩小显示功能以满足用户群体的各种需求是十分必要的。
3.在现有技术中，采用windows系统自带的个性化界面放大与缩小设置，实现金蝶云星空gui客户端界面文字的放大与缩小。
4.但是，现有技术仍存在如下缺陷：1、调整字体大小会将会导致整体界面字体重叠、字体显示不全，适应性显示效果较差；2、前端元素的无法稳定性适应性显示。
5.因此，当前需要一种前端元素适应性显示方法、装置、计算机可读存储介质及系统，从而克服现有技术中存在的上述缺陷。


技术实现要素：

6.本发明实施例提供一种前端元素适应性显示方法、装置、计算机可读存储介质及系统，从而提升前端元素适应性显示的效果和稳定性。
7.本发明一实施例提供一种前端元素适应性显示方法，所述显示方法包括：获取与用户发送的操作请求对应的服务端元数据组，并根据所述操作请求以及所述服务端元数据组，对应生成前端显示代理模型；所述操作请求包括显示比例；所述服务端元数据组包括待显示前端界面，所述待显示前端界面包括多个待显示元素；根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组；所述适应性显示数据组包括各个待显示元素的显示尺寸和显示位置；根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面。
8.作为上述方案的改进，根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算所述待显示元素的适应性显示数据组，具体包括：根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素；根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算；根据预设的前端布局位置、所述显示尺寸以及所述显示比例，对当前应计算的待显示元素的显示位置进行计算。
9.作为上述方案的改进，根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算，具体包括：判断当前应计算的待显示元素的元素类型；当所述元素类型为窗体时，将当前应计算的待显示元素对应的第一代理模型注入窗体代理转换器中，以使所述窗体代理转换器根据所述显示比例，计算显示尺寸；所述转换器组包括窗
体转换器以及容器控件代理转换器；当所述元素类型为容器时，将当前应计算的待显示元素对应的第二代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸；当所述元素类型为控件时，将当前应计算的待显示元素对应的第三代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸。
10.作为上述方案的改进，根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素，具体包括：从所述前端显示代理模型中获取窗体代理模型、容器代理模型以及控件代理模型之间的层级关系；根据所述层级关系，按照从外层到内层的顺序，将所有待显示元素进行排序以获取计算处理序列；根据所述计算处理序列，确定当前应计算的待显示元素。
11.作为上述方案的改进，在根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组之前，所述显示方法还包括：根据所述显示比例，判断是否需要进行适应性显示处理；若需要进行适应性显示处理，则进行后续步骤。
12.作为上述方案的改进，在根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面之后，所述显示方法还包括：卸载所述转换器组以停止适应性显示计算。
13.作为上述方案的改进，根据所述显示比例，判断是否需要进行适应性显示处理，具体包括：当所述显示比例等于预设的显示比例标准值时，不需要进行适应性显示处理；否则，则需要进行适应性显示处理。
14.本发明另一实施例对应提供了一种前端元素适应性显示装置，所述显示装置包括框架生成单元、适应计算单元以及渲染显示单元，其中，所述框架生成单元用于获取与用户发送的操作请求对应的服务端元数据组，并根据所述操作请求以及所述服务端元数据组，对应生成前端显示代理模型；所述操作请求包括显示比例；所述服务端元数据组包括待显示前端界面，所述待显示前端界面包括多个待显示元素；所述适应计算单元用于根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组；所述适应性显示数据组包括各个待显示元素的显示尺寸和显示位置；所述渲染显示单元用于根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面。
15.作为上述方案的改进，所述适应计算单元还用于：根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素；根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算；根据预设的前端布局位置、所述显示尺寸以及所述显示比例，对当前应计算的待显示元素的显示位置进行计算。
16.作为上述方案的改进，所述适应计算单元还用于：判断当前应计算的待显示元素的元素类型；当所述元素类型为窗体时，将当前应计算的待显示元素对应的第一代理模型注入窗体代理转换器中，以使所述窗体代理转换器根据所述显示比例，计算显示尺寸；所述转换器组包括窗体转换器以及容器控件代理转换器；当所述元素类型为容器时，将当前应计算的待显示元素对应的第二代理模型注入容器控件代理转换器中，以使所述容器控件代
理转换器根据所述显示比例，计算显示尺寸；当所述元素类型为控件时，将当前应计算的待显示元素对应的第三代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸。
17.作为上述方案的改进，所述适应计算单元还用于：从所述前端显示代理模型中获取窗体代理模型、容器代理模型以及控件代理模型之间的层级关系；根据所述层级关系，按照从外层到内层的顺序，将所有待显示元素进行排序以获取计算处理序列；根据所述计算处理序列，确定当前应计算的待显示元素。
18.作为上述方案的改进，所述显示装置还包括判断处理单元，所述判断处理单元用于：根据所述显示比例，判断是否需要进行适应性显示处理；若需要进行适应性显示处理，则进行后续步骤。
19.作为上述方案的改进，所述显示装置还包括终止计算单元，所述终止计算单元用于卸载所述转换器组以停止适应性显示计算。
20.作为上述方案的改进，所述判断处理单元还用于：当所述显示比例等于预设的显示比例标准值时，不需要进行适应性显示处理；否则，则需要进行适应性显示处理。
21.本发明另一实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如前所述的前端元素适应性显示方法。
22.本发明另一实施例提供了一种前端元素适应性显示系统，所述显示系统包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如前所述的前端元素适应性显示方法。
23.与现有技术相比，本技术方案存在如下有益效果：
24.本发明提供了一种前端元素适应性显示方法、装置、计算机可读存储介质以及系统，通过将待显示前端界面中的元素根据用户需要的显示尺寸，按照从外到内的顺序对元素依次进行显示适应性计算以根据获取的的显示尺寸以及显示位置进行渲染，并在适应性显示计算中针对每个窗体、容器或控件元素分别注入不同类型的单一转换器，该显示方法、装置、计算机可读存储介质以及系统提升了前端元素适应性显示的效果和稳定性。
附图说明
25.图1是本发明一实施例提供的一种前端元素适应性显示方法的流程示意图；
26.图2是本发明一实施例提供的一种前端元素适应性显示装置的结构示意图。
具体实施方式
27.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
28.具体实施例一
29.本发明实施例首先描述了一种前端元素适应性显示方法。图1是本发明一实施例提供的一种前端元素适应性显示方法的流程示意图，应用于软件客户端。
30.如图1所示，所述显示方法包括：
31.s1:获取与用户发送的操作请求对应的服务端元数据组，并根据所述操作请求以及所述服务端元数据组，对应生成前端显示代理模型。
32.在用户通过用户界面(ui)触发(发送操作请求)打开采购订单(也可以为其他界面)后，进行服务端元数据获取，随后，通过前端消息调用机制，动态生成窗体、控件代理模型等正常前端框架逻辑，在动态创建代理模型时，检测用户是否存在个性化配置，从而优先确定所需要缩放的比例(本文描述为“预设的显示比例标准值”)，默认为100％，不触发任何挂载的转换算法对象。
33.在一个实施例中，在根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组之前，所述显示方法还包括：根据所述显示比例，判断是否需要进行适应性显示处理；若需要进行适应性显示处理，则进行后续步骤。
34.在一个实施例中，根据所述显示比例，判断是否需要进行适应性显示处理，具体包括：当所述显示比例等于预设的显示比例标准值时，不需要进行适应性显示处理；否则，则需要进行适应性显示处理。
35.所述操作请求包括显示比例；所述服务端元数据组包括待显示前端界面，所述待显示前端界面包括多个待显示元素。
36.s2:根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组。
37.在确定好缩放显示需求后，即可开始利用算法构建包装。该算法的核心是其wpf技术是mvc模型架构，wpf(windows presentation foundation)是微软推出的基于windows的用户界面框架，其ui组件视图与scalsize模型进行双向绑定，并且注入转换器，根据比例值的不同，触发转换器内的执行，以及不同类型注入的转换器不同，如：在构架包装过程中，最外层的form窗体代理注入的是uiscalesizeinribbonwindowconver转换器，中间的容器以及其他各控件代理注入的是uiscalesizeconver转换器，该转换器的功能，是将渲染后当前所在尺寸进行换算成比例后的尺寸，改变尺寸时，则会触发底层布局的变动，底层容器布局运算时，又将比例值进行换算，从而触发被注入的转换器，如此循环运算。其中，wpf技术的控件都是样式(xmal)编写，其样式每一个元素都是一个独立对象，确保不能增加额外的对象消耗内存，所以采用转换器的wpf核心mvc模型绑定技术，来实现注入算法的起点。
38.除进行尺寸换算外，该算法的核心还包括位置布局换算，尺寸换算的核心是在转换器里，位置运算是存在控件中的算法，由于控件位置已经由设计时进行确定(最开始原理讲解)，那么位置在变化后的位置是不同的，需要进行根据缩放比例的改变进行触发进行位置计算，不能影响整个ui的渲染后结果的整体美观性。
39.所述适应性显示数据组包括各个待显示元素的显示尺寸和显示位置。
40.在一个实施例中，根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算所述待显示元素的适应性显示数据组，具体包括：根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素；根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算；根据预设的前端布局位置、所述显示尺寸以及所述显示比例，对当前应计算的待显示
元素的显示位置进行计算。
41.在一个实施例中，根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算，具体包括：判断当前应计算的待显示元素的元素类型；当所述元素类型为窗体时，将当前应计算的待显示元素对应的第一代理模型注入窗体代理转换器中，以使所述窗体代理转换器根据所述显示比例，计算显示尺寸；所述转换器组包括窗体转换器以及容器控件代理转换器；当所述元素类型为容器时，将当前应计算的待显示元素对应的第二代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸；当所述元素类型为控件时，将当前应计算的待显示元素对应的第三代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸。
42.在一个实施例中，根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素，具体包括：从所述前端显示代理模型中获取窗体代理模型、容器代理模型以及控件代理模型之间的层级关系；根据所述层级关系，按照从外层到内层的顺序，将所有待显示元素进行排序以获取计算处理序列；根据所述计算处理序列，确定当前应计算的待显示元素。
43.s3:根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面。
44.在一个实施例中，在根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面之后，所述显示方法还包括：卸载所述转换器组以停止适应性显示计算。
45.整个过程对ui渲染结束后，需要在还原原始界面时，卸载各注入的转换器，停止核心算法的运行，以防造成布局变动的死循环。
46.在上述过程中，客户端采用wpf技术，其核心底层是.net技术，由于用户端的ui渲染到用户交互的产生动作，其核心是数据驱动，其前端框架是从元数据(服务端设计时产生的界面元素组成的元数据)，到前端窗体代理，控件代理复杂注册类型结构的产生，再到触发ui底层渲染布局运算的整个过程，产品wpf前端并非运用传统单个界面开发方式进行叠加的，单个界面开发方式针对布局都是由代码固定化模式开发完成运行，其主依赖有.net底层微软提供的控件自身特性，可随操作系统的放大而放大，缩小而缩小，但wpf产品客户端由元数据定义好的每一个控件提供属性，由前端根据控件属性完成一个控件动态生成模型，按照设计时设置好的布局位置，从而运算渲染整个ui，在整个过程中，其字体大小，控件所在位置都是固定在相对容器的布局的某个绝对位置，如果随操作系统的放大或者缩小，底层渲染控件自身会产生放大缩小，但是在整个动态生成的布局当中，就会显示格外不协调，错位，不美观等问题。本发明方案需要解决整个元数据驱动下的整个动态生成的界面进行从外到里，从容器到里面每个控件，都需要适配放大而缩小，其对应的绝对布局运算需要结合放大或者缩小的比例进行比例运算，由此，本发明是一种适用于产品客户端动态生成窗体下的wpf图形转换技术，其核心作用是，在保证整个前端框架下由元数据动态生成的界面中，保证不影响用户ui体验在完整美观的前提下，可以按比例放大，或者缩小功能，为满足用户体验，本发明实施例在运用上，在产品端额外增加一个灵活配置，根据不同用户针对个人对界面比例的不同需要下，可自定义设置缩放比例，可以实现操作系统的缩放比例的
限制以外的个性比例显示。
47.本发明实施例描述了一种前端元素适应性显示方法，通过将待显示前端界面中的元素根据用户需要的显示尺寸，按照从外到内的顺序对元素依次进行显示适应性计算以根据获取的的显示尺寸以及显示位置进行渲染，并在适应性显示计算中针对每个窗体、容器或控件元素分别注入不同类型的单一转换器，该显示方法提升了前端元素适应性显示的效果和稳定性。
48.具体实施例二
49.除上述方法外，本发明实施例还公开了一种前端元素适应性显示装置。图2是本发明一实施例提供的一种前端元素适应性显示装置的结构示意图。
50.如图2所示，所述显示装置包括框架生成单元11、适应计算单元12以及渲染显示单元13。
51.其中，所述框架生成单元11用于获取与用户发送的操作请求对应的服务端元数据组，并根据所述操作请求以及所述服务端元数据组，对应生成前端显示代理模型；所述操作请求包括显示比例；所述服务端元数据组包括待显示前端界面，所述待显示前端界面包括多个待显示元素。
52.适应计算单元12用于根据所述显示比例、所述前端显示代理模型、预设的转换器组以及预设的前端布局位置，依次计算各个待显示元素的适应性显示数据组；所述适应性显示数据组包括各个待显示元素的显示尺寸和显示位置。
53.在一个实施例中，适应计算单元12还用于：根据所述前端显示代理模型的层级关系以及预设的计算层级顺序，确定当前应计算的待显示元素；根据所述显示比例以及预设的转换器组，对当前应计算的待显示元素的显示尺寸进行计算；根据预设的前端布局位置、所述显示尺寸以及所述显示比例，对当前应计算的待显示元素的显示位置进行计算。
54.在一个实施例中，适应计算单元12还用于：判断当前应计算的待显示元素的元素类型；当所述元素类型为窗体时，将当前应计算的待显示元素对应的第一代理模型注入窗体代理转换器中，以使所述窗体代理转换器根据所述显示比例，计算显示尺寸；所述转换器组包括窗体转换器以及容器控件代理转换器；当所述元素类型为容器时，将当前应计算的待显示元素对应的第二代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸；当所述元素类型为控件时，将当前应计算的待显示元素对应的第三代理模型注入容器控件代理转换器中，以使所述容器控件代理转换器根据所述显示比例，计算显示尺寸。
55.在一个实施例中，适应计算单元12还用于：从所述前端显示代理模型中获取窗体代理模型、容器代理模型以及控件代理模型之间的层级关系；根据所述层级关系，按照从外层到内层的顺序，将所有待显示元素进行排序以获取计算处理序列；根据所述计算处理序列，确定当前应计算的待显示元素。
56.渲染显示单元13用于根据所述显示尺寸、所述显示位置以及所述前端显示代理模型，渲染待显示前端界面。
57.在一个实施例中，显示装置还包括判断处理单元，所述判断处理单元用于：根据所述显示比例，判断是否需要进行适应性显示处理；若需要进行适应性显示处理，则进行后续步骤。
58.在一个实施例中，判断处理单元还用于：当所述显示比例等于预设的显示比例标准值时，不需要进行适应性显示处理；否则，则需要进行适应性显示处理。
59.在一个实施例中，显示装置还包括终止计算单元，所述终止计算单元用于卸载所述转换器组以停止适应性显示计算。
60.其中，所述显示装置集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。本发明另一实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如前所述的前端元素适应性显示方法。
61.其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
62.需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外，本发明提供的装置实施例附图中，单元之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
63.本发明实施例描述了一种前端元素适应性显示装置及计算机可读存储介质，通过将待显示前端界面中的元素根据用户需要的显示尺寸，按照从外到内的顺序对元素依次进行显示适应性计算以根据获取的的显示尺寸以及显示位置进行渲染，并在适应性显示计算中针对每个窗体、容器或控件元素分别注入不同类型的单一转换器，该显示装置及计算机可读存储介质提升了前端元素适应性显示的效果和稳定性。
64.具体实施例三
65.除上述方法和装置外，本发明实施例还描述了一种前端元素适应性显示系统。
66.所述显示系统包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如前所述的前端元素适应性显示方法。
67.所称处理器可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现成可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、
分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述装置的控制中心，利用各种接口和线路连接整个装置的各个部分。
68.所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述装置的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
69.本发明实施例描述了一种前端元素适应性显示系统，通过将待显示前端界面中的元素根据用户需要的显示尺寸，按照从外到内的顺序对元素依次进行显示适应性计算以根据获取的的显示尺寸以及显示位置进行渲染，并在适应性显示计算中针对每个窗体、容器或控件元素分别注入不同类型的单一转换器，该显示系统提升了前端元素适应性显示的效果和稳定性。
70.以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。