CN113032083A - 数据显示方法、装置、电子设备及介质 - Google Patents

Abstract

本申请实施例公开了一种数据显示方法、装置、电子设备及介质。该方法包括：根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及目标控件的控件属性信息；根据目标控件、页面布局信息以及目标控件的控件属性信息，绘制至少一个目标显示页面；在目标显示页面的目标控件中显示目标显示数据。上述方案根据获取的目标显示数据，适应性地确定目标显示页面的目标控件、页面布局信息和目标控件的控件属性信息，绘制至少一个目标显示页面，显示目标显示数据，从而解决了待显示的数据发生变化时，需重新编写页面代码以适应变化后目标显示数据的问题，实现根据目标显示数据自适应组织页面中显示的控件，适应于对目标显示数据的显示。

Description

数据显示方法、装置、电子设备及介质

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种数据显示方法、装置、电子设备及介质。

背景技术

汽车诊断设备是指能迅速准确査明汽车、总成和机构的技术状况，并得出可靠结论的不解体检验测试机械设备。汽车诊断设备读取汽车电控系统汇总的故障数据，并通过液晶显示屏显示故障信息，以确定发生故障的部位及原因。

目前，汽车诊断设备只支持采用特定的协议接口数据显示特定界面，当需要在界面上显示的数据增多、减少或者改变时，就需要重新定义协议接口，过程复杂，协议与显示界面为一一对应，扩展性差。

发明内容

本申请实施例提供一种数据显示方法、装置、电子设备及介质，通过适应性地组织页面中的目标控件以适用于对目标显示数据的显示，不需要为了显示变化后的目标显示数据而开发新控件对应的协议接口，从而提高了页面的扩展性。

在一个实施例中，本申请实施例提供了一种数据显示方法，该方法包括：

根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；

根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

在所述目标显示页面的所述目标控件中显示目标显示数据。

进一步的，所述方法还包括：

若检测到用户在所述目标显示页面上对所述目标控件上的操作，根据所述操作生成交互信息；

根据所述交互信息，更新所述目标控件上显示的目标显示数据。

进一步的，所述目标显示页面包括至少两个；所述方法还包括：

若检测到用户输入的页面切换指令，将当前屏幕显示的页面切换为所述页面切换指令所指定的目标显示页面。

进一步的，根据所述目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息，包括：

根据所述目标显示数据的类型和数量，从候选控件中选择所述目标控件；

根据所述目标控件的类型和数量，确定所述页面布局信息；

针对每个所述目标控件，设置每个所述目标控件的控件属性信息。

进一步的，所述设置每个所述目标控件的控件属性信息，包括：

设置每个所述目标控件的标题、内容、控件属性以及文本属性。

进一步的，所述根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面，包括：

根据所述页面布局信息，创建显示页面；

调取所述目标控件的渲染代码；

根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面。

进一步的，所述页面布局信息包括区域划分信息和控件布局信息；

所述根据所述页面布局信息，创建显示页面，包括：

根据所述区域划分信息，创建显示页面，并对所述显示页面进行划分，形成至少一个区域分块；

所述根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面，包括：

根据所述控件布局信息，确定所述目标控件所位于的目标区域分块，以及位于所述目标区域分块中的目标位置；

根据所述渲染代码以及所述目标控件的控件属性信息，在所述目标区域分块的目标位置显示所述目标控件，得到至少一个所述目标显示页面。

在一个实施例中，本申请实施例还提供了一种数据显示装置，该装置包括：

确定模块，用于根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息。

绘制模块，用于根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

显示模块，用于在所述目标显示页面的所述目标控件中显示目标显示数据。

进一步的，所述装置还包括：

交互信息生成模块，用于若检测到用户在所述目标显示页面上对所述目标控件上的操作，根据所述操作生成交互信息；

更新模块，用于根据所述交互信息，更新所述目标控件上显示的目标显示数据。

进一步的，所述装置还包括：

切换模块，用于若检测到用户输入的页面切换指令，将当前屏幕显示的页面切换为所述页面切换指令所指定的目标显示页面。

进一步的，确定模块具体用于：

根据所述目标显示数据的类型和数量，从候选控件中选择所述目标控件；

根据所述目标控件的类型和数量，确定所述页面布局信息；

针对每个所述目标控件，设置每个所述目标控件的控件属性信息。

进一步的，确定模块具体用于：

设置每个所述目标控件的标题、内容、控件属性以及文本属性。

进一步的，绘制模块具体用于：

根据所述页面布局信息，创建显示页面；

调取所述目标控件的渲染代码；

根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面。

进一步的，所述页面布局信息包括区域划分信息和控件布局信息；

绘制模块具体用于：

根据所述区域划分信息，创建显示页面，并对所述显示页面进行划分，形成至少一个区域分块；

所述根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面，包括：

根据所述控件布局信息，确定所述目标控件所位于的目标区域分块，以及位于所述目标区域分块中的目标位置；

根据所述渲染代码以及所述目标控件的控件属性信息，在所述目标区域分块的目标位置显示所述目标控件，得到至少一个所述目标显示页面。

在又一个实施例中，本申请实施例还提供了一种电子设备，包括：一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请任一实施例所提供的数据显示方法。

在再一个实施例中，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时本申请任一实施例所提供的数据显示方法。

上述技术方案中的一个技术方案具有如下技术效果：通过根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；在所述目标显示页面的所述目标控件中显示目标显示数据。本申请能够根据目标显示数据适应性地组织已有的目标控件，确定目标控件的控件属性信息以及在页面中的布局信息，然后进行页面显示，将目标控件在页面中显示出来，从而不需要针对更新后的目标显示数据开发新控件的协议接口，解决了待显示的数据发生变化时，需重新编写页面代码定义协议接口以适应变化后目标显示数据的问题，实现根据目标显示数据自适应组织页面中显示的目标控件，适应于对目标显示数据的显示，提高了页面显示的扩展性。

附图说明

图1为本申请一种实施例提供的数据显示方法的流程图；

图2为本申请一种实施例提供的流程控件示意图；

图3为本申请一种实施例提供的静态文本框控件示意图；

图4为本申请一种实施例提供的按钮控件示意图；

图5为本申请一种实施例提供的输入框控件示意图；

图6为本申请一种实施例提供的组合框控件示意图；

图7为本申请一种实施例提供的滑动条控件示意图；

图8为本申请一种实施例提供的列表框控件示意图；

图9为本申请一种实施例提供的复选框控件示意图；

图10为本申请一种实施例提供的图片控件示意图；

图11为本申请一种实施例提供的树形控件示意图；

图12为本申请一种实施例提供的条形进度控件示意图；

图13为本申请一种实施例提供的圆形进度控件示意图；

图14为本申请另一实施例提供的数据显示方法的流程图；

图15为本申请另一实施例提供的设定区域划分第一示意图；

图16为本申请另一实施例提供的设定区域划分第二示意图；

图17为本申请另一实施例提供的设定区域划分第三示意图；

图18为本申请另一实施例提供的设定区域划分第四示意图；

图19为本申请另一实施例提供的设定区域划分第五示意图；

图20为本申请另一实施例提供的设定区域划分第六示意图；

图21为本申请另一实施例提供的控件布局第一示意图；

图22为本申请另一实施例提供的控件布局第二示意图；

图23为本申请又一种实施例提供的页面显示方法的流程图；

图24为本申请一种实施例提供的数据显示装置的结构示意图；

图25为本申请一种实施例提供的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。

图1为本申请一种实施例提供的数据显示方法的流程图。本申请实施例提供的数据显示方法可适用于通过页面对数据进行显示的情况。典型的，本申请实施例的数据显示方法可以适用于当从车辆诊断设备获取的目标显示数据发生变化更新时，适应性地组织页面中的目标控件以适用于对当前的目标显示数据进行形象直观地展示的情况。该方法具体可以由数据显示装置执行，该装置可以由软件和/或硬件的方式实现，该装置可以集成在能够实现数据显示方法的电子设备中。本申请实施例提供的数据显示方法可以由车辆诊断设备执行，由车辆诊断设备通过显示屏上的页面对目标显示数据进行显示。参见图1，本申请实施例的方法具体包括：

S110、根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息。

其中，控件为对数据和方法的封装，是用户可与之交互以输入或操作数据的对象。控件可以分为多种类型，例如包括用户界面控件、图表控件、报表控件、表格控件等类型。控件类型可以包括如下至少一项：流程控件(如图2)、静态文本框控件(如图3)、按钮控件(如图4)、输入框控件(如图5)、组合框控件(如图6)、滑动条控件(如图7)、列表框控件(如图8)、复选框控件(如图9)、图片控件(如图10)、树形控件(如图11)和进度条控件(条形进度控件如图12，圆形进度控件如图13)，可以将上述控件作为候选控件。在本申请实施例中，可以根据目标显示数据，适应性选择适用于对目标显示数据进行显示的目标控件，以通过目标控件对目标显示数据进行有效地显示。例如，如果目标显示数据为一条文本形式的数据，则可以选择静态文本框控件作为目标控件。如果目标显示数据为多条key-value形式的数据，则可以选择列表框作为目标控件等。具体的选择方式可以根据实际情况选取，以使选择的目标控件能够形象直观地展示目标显示数据。

页面布局信息可以为显示内容在页面中的分布信息，例如可以包括对页面进行划分的信息、目标控件在页面中的位置等。根据目标显示数据，可以适应性地确定页面布局信息，从而使目标显示数据能够在页面中有序的分布显示。

目标控件的控件属性信息可以包括控件的标题、内容、属性以及控件显示数据的属性中至少一项。控件的属性可以包括文本是否居中、使能或禁能、是否选中等，控件显示数据的属性可以包括控件中显示的文本是否设置粗体、是否带下划线、是否斜体以及文本颜色等。确定目标控件的控件属性信息，从而使目标控件能够按照设定的属性进行显示，以对目标显示数据进行形象直观地显示，满足用户的查看需求。

在本申请实施例中，可以预先设置目标显示数据与对应的目标控件、页面布局信息以及目标控件的控件属性信息的关联关系。在实际的应用过程中，获取待目标显示数据后，根据目标显示数据与目标控件、页面布局信息以及目标控件的控件属性信息的关联关系，确定目标显示数据关联的目标控件、页面布局信息以及目标控件的控件属性信息。

在本申请实施例中，根据目标显示数据，确定目标控件、页面布局信息以及目标控件的控件属性信息的过程，可以由诊断设备中安装的诊断软件所对应的运营服务器执行，诊断软件对目标控件进行适应性组织布局，从而满足对目标显示数据的显示需求。

S120、根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面。

示例性的，车辆诊断设备可以根据目标控件、页面布局信息以及目标控件的控件属性信息，对页面进行渲染，绘制至少一个目标显示页面。至少一个目标显示页面的数量可以根据目标显示数据的数量确定，例如，如果目标显示数据的数量较多，一个目标显示页面难以对目标显示数据进行完全显示，则绘制多个目标显示页面，目标显示数据的数量较少，一个目标显示页面足以对目标显示数据进行显示，则绘制一个目标显示页面。可以预先设置目标显示数据数量与目标显示页面数量之间的关联关系，在实际应用过程中，根据获得的目标显示数量，确定目标显示页面的数量。

S130、在所述目标显示页面的所述目标控件中显示目标显示数据。

示例性的，将目标显示数据通过数据接口发送至目标显示页面，赋值给目标控件，通过目标控件对目标显示数据进行显示。不同的目标显示数据，对应适用于显示该目标显示数据的不同目标控件。可以将目标显示数据赋值给对应的目标控件，例如，将文本形式的目标显示数据赋值给文本框目标控件进行显示，将多条key-value形式的数据赋值给列表框目标控件进行显示。根据目标显示数据适应性的选择和组织目标控件，通过与目标显示数据形式相适配的目标控件对目标显示数据进行显示，从而能够更加形象直观地显示目标显示数据，便于用于的查看，提高用户的查看体验。

上述技术方案中的一个技术方案具有如下技术效果：通过根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；在所述目标显示页面的所述目标控件中显示目标显示数据，解决了待显示的数据发生变化时，需重新编写页面代码以适应变化后目标显示数据的问题，实现根据目标显示数据自适应组织页面中显示的目标控件，适应于对目标显示数据的显示。

本申请实施例中的数据显示方法可以用于车辆诊断设备中显示车辆诊断数据。由于目前汽车诊断设备只能实现特定界面的显示，当需要显示不同数据或不同页面时，就需要再次定义协议接口，确定渲染代码，过程复杂，效率低，而本申请实施例中的技术方案能够解决上述车辆诊断设备数据显示和显示中的问题，由车辆诊断软件获取汽车电控系统的车辆诊断数据，即目标显示数据，根据车辆诊断数据自适应组织目标控件，车辆诊断设备将目标控件和车辆诊断数据在目标显示页面上进行显示，通过目标显示页面上的目标控件对车辆诊断数据进行显示，由于车辆诊断软件对已有目标控件进行组合、组织和布局，不需要针对更新的车辆诊断数据定义新的协议接口，从而提高了显示页面的扩展性和复用性，以适应对车辆诊断数据的显示。

在本申请实施例中，所述方法还包括：为至少一个目标显示页面设置页面标识，用于对各目标显示页面进行区分。示例性的，标识用于表示页面模板的唯一性，例如可以为页面标题、编号等。

图14为本申请另一实施例提供的数据显示方法的流程图。本申请实施例为对上述实施例的进一步优化，具体地，在本申请实施例提供的数据显示方法中，上述根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息的S110，包括：

S210、根据所述目标显示数据的类型和数量，从候选控件中选择所述目标控件。

S220、根据所述目标控件的类型和数量，确定所述页面布局信息。

S230、针对每个所述目标控件，设置每个所述目标控件的控件属性信息。

在S210中，示例性的，目标显示数据的类型可以包括源数据、故障码数据等类型，可以根据用户的需求，获取对应类型的目标显示数据。另外，也可以根据用户的需求，获取相应数量的目标显示数据。对于不同类型和/或不同数量的目标显示数据，对应的目标控件可以不同。例如，源数据类型的目标显示数据适用于采用静态文本框目标控件和/或列表框目标控件进行显示，故障码类型的目标显示数据适用于采用流程目标控件进行显示。一条目标显示数据适用于采用静态文本框目标控件进行显示，多条目标显示数据适用于采用列表框目标控件进行显示等。具体的根据目标显示数据的类型和数量确定目标控件的方式可以根据实际情况进行设定，例如实现根据用户的选择和喜好选择与目标显示数据的类型和数量相关联的目标控件，以根据目标显示数据的类型和数量，从预先设定的候选控件中，选择与目标显示数据的类型和数量相关联的目标控件。

在S220中，其中，页面布局信息可以包括页面中的区域划分信息和控件布局信息等。可以根据目标控件的类型和数量，确定应怎样划分页面中的区域，以确定应怎样确定目标控件的布局，从而使目标控件能够有序地分布在页面中，在页面中进行合理填充分布，避免目标控件的分布过于密集或者过于稀疏。

在S230中，所述设置每个所述目标控件的控件属性信息，包括：设置每个所述目标控件的标题、内容、控件属性以及文本属性。

控件属性可以包括文本是否居中、使能或禁能、是否选中等，控件显示数据的属性可以包括控件中显示的文本是否设置粗体、是否带下划线、是否斜体以及文本颜色等。确定目标控件的控件属性信息，从而使目标控件能够按照设定的属性进行显示，以对目标显示数据进行形象直观地显示，满足用户的查看需求。

进一步地，上述根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面的S120，包括：

S240、根据所述页面布局信息，创建显示页面；

S250、调取所述目标控件的渲染代码；

S260、根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面。

在S240中，示例性的，在对目标控件进行显示之前，需要创建显示页面，在车辆诊断设备的显示屏上展示创建的显示页面。创建的显示页面的个数，可以与页面布局信息中的目标显示页面的个数一致。

根据页面布局信息，创建显示页面，可以初步确定显示页面中出目标控件之外的页面布局，形成初始的显示页面，进而便于后续基于初始的显示页面中的布局，确定目标控件的布局。

在S250中，示例性的，调取目标控件的渲染代码，根据页面布局信息，在目标控件应处于页面中的位置处，渲染目标控件，从而创建显示页面。

示例性的，对于各控件类型，都存在呈现该代码类型所对应控件的渲染代码，该渲染代码可以为预先存储的封装完成的代码块，在确定目标控件后，可以直接从存储区域调取呈现该目标控件的控件类型所对应控件的渲染代码。

在S260中，示例性的，在显示页面中，根据目标控件的控件属性信息以及页面布局信息，采用渲染代码对目标控件进行渲染，从而在显示页面上呈现目标控件，得到至少一个目标显示页面。

在本申请实施例中，所述页面布局信息包括区域划分信息和控件布局信息；所述根据所述页面布局信息，创建显示页面，包括：根据所述区域划分信息，创建显示页面，并对所述显示页面进行划分，形成至少一个区域分块；

所述根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面，包括：根据所述控件布局信息，确定所述目标控件所位于的目标区域分块，以及位于所述目标区域分块中的目标位置；根据所述渲染代码以及所述目标控件的控件属性信息，在所述目标区域分块的目标位置显示所述目标控件，得到至少一个所述目标显示页面。

本申请实施例中，区域分块可以为对显示页面进行分块得到的，区域划分信息可以包括区域分块的划分方式，例如区域分块划分数量、尺寸、轮廓是否显示和轮廓线型中的至少一项，其中划分数量可以由用户进行输入，也可以预先设置。尺寸可以为区域分块的横向长度与显示页面的横向长度的比值，以及区域分块的纵向长度与显示页面的纵向长度的比值。轮廓可以为区域分块的轮廓，即区域分块之间的分割线，可以设置轮廓是否显示的条件。轮廓的线型可以由用户输入，也可以预先设置。对显示页面进行划分后得到至少一个区域分块，显示示意图如图15-图20所示，图15中的区域分块划分数量为1，区域分块的横向长度与显示页面的横向长度的比值，以及区域分块的纵向长度与显示页面的纵向长度的比值均为100％，图16中的区域分块划分数量为2，区域分块的横向长度与显示页面的横向长度的比值为50％，以及区域分块的纵向长度与显示页面的纵向长度的比值100％，显示轮廓，轮廓线型为实线。其他图中的区域分块划分方式同理。图15-图20只是对区域分块划分方式的举例，并不是对区域分块划分方式的限定，实际的区域分块划分方式可以根据实际情况确定。

在本申请实施例中，还可以根据控件布局信息，确定目标控件所位于的目标区域分块，以及目标控件位于目标区域分块中的目标位置。目标控件在目标区域分块中的目标位置可以为目标控件横向长度与目标区域分块横向长度的比值，以及目标控件纵向长度与目标区域分块纵向长度的比值。根据目标控件的控件属性信息以及在区域分块中的位置，采用目标控件的渲染代码对目标控件进行渲染，得到至少一个目标显示页面可以如图21和图22所示。上述方案有益效果在于，根据页面布局信息，在显示页面中适应性的组织和布局目标控件，从而使绘制的目标显示页面实现定制化，更具扩展性，以满足对目标显示数据的显示。

需要说明的是，虽然对S110和对S120的细化方案都在本申请实施例中描述，但是对S110和对S120的细化方案是独立实现的，可以不同时进行细化。

S270、在所述目标显示页面的所述目标控件中显示目标显示数据。

上述技术方案中的另一个技术方案具有如下技术效果：通过根据目标显示数据的类型和数量，从候选控件中选择目标控件，从而适应性的选择适用于对目标显示数据进行显示的目标控件，并且适应性的组织目标控件的位置，从而确定适用于显示目标显示数据的页面布局，实现在目标显示数据发生变化时，自适应地绘制适用于目标显示数据显示的目标显示页面，而不需要修改协议接口，增强了显示页面的扩展性。

图23为本申请又一实施例提供的数据显示方法的流程图。参见图23，本申请实施例提供的数据显示方法可以包括：

S310、根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息。

S320、根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面。

S330、在所述目标显示页面的所述目标控件中显示目标显示数据。

S340、若检测到用户在所述目标显示页面上对所述目标控件上的操作，根据所述操作生成交互信息。

示例性的，用户可以对目标显示页面上显示的目标控件执行相应的操作，例如，对输入框目标控件的输入操作，对滑动条目标控件的滑动操作，对复选框目标控件的选择操作等。如果检测到用户作用在目标控件上的操作，则根据所述操作生成交互信息，例如，如果用户对输入框目标控件执行输入操作，则生成包括输入内容的交互信息，如果用户对滑动条目标控件执行滑动操作，则生成包括滑动幅度等信息的交互信息，如果用户对复选框目标控件执行选择操作，则生成包括选择项目等信息的交互信息。

S350、根据所述交互信息，更新所述目标控件上显示的目标显示数据。

示例性的，根据交互信息，对目标控件上显示的目标显示数据进行更新，从而满足用户的需求。例如，用户对滑动条目标控件执行滑动操作，生成包括滑动幅度等信息的交互信息，根据交互信息可以获知，用户不再需要查看当前显示的第一天至第五天的目标显示数据，而是通过滑动滑动条，调整到显示第六天至第十天的目标显示数据，滑动幅度与目标显示数据变化的天数相对应，因此，可以将当前显示的第一天至第五天的目标显示数据，更新为显示第六天至第十天的目标显示数据。

S360、若检测到用户输入的页面切换指令，将当前屏幕显示的页面切换为所述页面切换指令所指定的目标显示页面。所述目标显示页面包括至少两个。

示例性的，如果在车辆检测设备初次上电启动，不存在任何操作的情况下进行页面显示，则为进行页面初始显示，在此情况下，可以将预先从至少一个目标显示页面中选择一个初始目标显示页面进行显示。如果检测到用户的页面切换指令，例如对其他目标显示页面的选择操作，则确定用户存在切换显示不同页面的需求，则将当前屏幕上显示的初始目标显示页面，切换为用户的页面切换指令所指定的目标显示页面。示例性的，可以在车辆诊断设备的显示界面上，展示至少两个页面模板的标识，以供用户进行页面选择和页面切换。本申请实施例中的界面，可以为在车辆诊断设备屏幕上显示的窗口。显示界面上展示的至少两个目标显示页面的标识可以被点击选择或是通过复选框选中，从而为用户提供选择页面的方式。如果检测到用户对车辆诊断设备显示界面上展示的标识的选择操作，则对用户选择的标识对应的目标显示页面进行显示。上述方案为用户提供页面选择和切换的可操作性界面，便于用户选择操作，实现了根据用户的操作进行页面的切换显示，丰富了页面的显示形式，提高了用户的体验。如图3所示，如果当前显示的初始目标显示页面为Page1，用户可以点击Page3，屏幕当前切换显示第三个目标显示页面Page3，从而实现了对不同页面的显示，能够快速便捷地实现页面切换显示，满足用户对不同页面切换浏览的需求。

需要说明的是，本申请实施例对S340-S350与S360的执行顺序不做限定，只要是检测到的用户操作满足上述步骤中的条件，则执行该步骤。

上述技术方案中的另一个技术方案具有如下技术效果：响应于用户的操作，对当前显示的目标显示页面进行调整，以满足用户对于查看不同目标显示数据以及不同目标显示页面的需求，提高了用户体验。

图24为本申请一种实施例提供的数据显示装置的结构示意图。该装置可适用于通过页面对数据进行显示的情况。典型的，本申请实施例的数据显示方法可以适用于当从车辆诊断设备获取的目标显示数据发生变化更新时，适应性地组织页面中的目标控件以适用于对当前的目标显示数据进行形象直观地展示的情况。该装置可以由软件和/或硬件的方式实现，该装置可以集成在电子设备中。参见图24，该装置具体包括：

确定模块410，用于根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息。

绘制模块420，用于根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

显示模块430，用于在所述目标显示页面的所述目标控件中显示目标显示数据。

进一步的，所述装置还包括：

交互信息生成模块，用于若检测到用户在所述目标显示页面上对所述目标控件上的操作，根据所述操作生成交互信息；

更新模块，用于根据所述交互信息，更新所述目标控件上显示的目标显示数据。

进一步的，所述装置还包括：

切换模块，用于若检测到用户输入的页面切换指令，将当前屏幕显示的页面切换为所述页面切换指令所指定的目标显示页面。

进一步的，确定模块410具体用于：

根据所述目标显示数据的类型和数量，从候选控件中选择所述目标控件；

根据所述目标控件的类型和数量，确定所述页面布局信息；

针对每个所述目标控件，设置每个所述目标控件的控件属性信息。

进一步的，确定模块410具体用于：

设置每个所述目标控件的标题、内容、控件属性以及文本属性。

进一步的，绘制模块420具体用于：

根据所述页面布局信息，创建显示页面；

调取所述目标控件的渲染代码；

根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面。

进一步的，所述页面布局信息包括区域划分信息和控件布局信息；

绘制模块420具体用于：

根据所述区域划分信息，创建显示页面，并对所述显示页面进行划分，形成至少一个区域分块；

所述根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面，包括：

根据所述控件布局信息，确定所述目标控件所位于的目标区域分块，以及位于所述目标区域分块中的目标位置；

根据所述渲染代码以及所述目标控件的控件属性信息，在所述目标区域分块的目标位置显示所述目标控件，得到至少一个所述目标显示页面。

本申请实施例所提供的数据显示装置可执行本申请任意实施例所提供的数据显示方法，具备执行方法相应的功能模块和有益效果。

图25为本申请一种实施例提供的电子设备的结构示意图。图25示出了适于用来实现本申请实施例的示例性电子设备512的框图。图25显示的电子设备512仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图25所示，电子设备512可以包括：一个或多个处理器516；存储器528，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器516执行，使得所述一个或多个处理器516实现本申请实施例所提供的数据显示方法，包括：

根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；

根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

在所述目标显示页面的所述目标控件中显示目标显示数据。

电子设备512的组件可以包括但不限于：一个或者多个处理器或者处理器516，存储器528，连接不同设备组件(包括存储器528和处理器516)的总线518。

总线518表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

电子设备512典型地包括多种计算机设备可读存储介质。这些存储介质可以是任何能够被电子设备512访问的可用存储介质，包括易失性和非易失性存储介质，可移动的和不可移动的存储介质。

存储器528可以包括易失性存储器形式的计算机设备可读存储介质，例如随机存取存储器(RAM)530和/或高速缓存存储器532。电子设备512可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机设备存储介质。仅作为举例，存储系统534可以用于读写不可移动的、非易失性磁存储介质(图25未显示，通常称为“硬盘驱动器”)。尽管图25中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光存储介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据存储介质接口与总线518相连。存储器528可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本申请各实施例的功能。

具有一组(至少一个)程序模块542的程序/实用工具540，可以存储在例如存储器528中，这样的程序模块542包括但不限于操作设备、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块542通常执行本申请所描述的实施例中的功能和/或方法。

电子设备512也可以与一个或多个外部设备514(例如键盘、指向设备、显示器524等)通信，还可与一个或者多个使得用户能与该电子设备512交互的设备通信，和/或与使得该电子设备512能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口522进行。并且，电子设备512还可以通过网络适配器520与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图25所示，网络适配器520通过总线518与电子设备512的其它模块通信。应当明白，尽管图25中未示出，可以结合电子设备512使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID设备、磁带驱动器以及数据备份存储设备等。

处理器516通过运行存储在存储器528中的多个程序中其他程序的至少一个，从而执行各种功能应用以及数据处理，例如实现本申请实施例所提供的一种数据显示方法。

本申请一种实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行数据显示方法，包括：

根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；

根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

在所述目标显示页面的所述目标控件中显示目标显示数据。

本申请实施例的计算机存储介质，可以采用一个或多个计算机可读的存储介质的任意组合。计算机可读存储介质可以是计算机可读信号存储介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的设备、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请实施例中，计算机可读存储介质可以是任何包含或存储程序的有形存储介质，该程序可以被指令执行设备、装置或者器件使用或者与其结合使用。

计算机可读的信号存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号存储介质还可以是计算机可读存储介质以外的任何计算机可读存储介质，该计算机可读存储介质可以发送、传播或者传输用于由指令执行设备、装置或者器件使用或者与其结合使用的程序。

计算机可读存储介质上包含的程序代码可以用任何适当的存储介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本申请操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或设备上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。

Claims (10)

1.一种数据显示方法，其特征在于，所述方法包括：

根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息；

根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

在所述目标显示页面的所述目标控件中显示目标显示数据。

2.根据权利要求1所述的数据显示方法，其特征在于，所述方法还包括：

若检测到用户在所述目标显示页面上对所述目标控件上的操作，根据所述操作生成交互信息；

根据所述交互信息，更新所述目标控件上显示的目标显示数据。

3.根据权利要求1所述的数据显示方法，其特征在于，所述目标显示页面包括至少两个；所述方法还包括：

若检测到用户输入的页面切换指令，将当前屏幕显示的页面切换为所述页面切换指令所指定的目标显示页面。

4.根据权利要求1所述的数据显示方法，其特征在于，根据所述目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息，包括：

根据所述目标显示数据的类型和数量，从候选控件中选择所述目标控件；

根据所述目标控件的类型和数量，确定所述页面布局信息；

针对每个所述目标控件，设置每个所述目标控件的控件属性信息。

5.根据权利要求4所述的数据显示方法，其特征在于，所述设置每个所述目标控件的控件属性信息，包括：

设置每个所述目标控件的标题、内容、控件属性以及文本属性。

6.根据权利要求1所述的数据显示方法，其特征在于，所述根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面，包括：

根据所述页面布局信息，创建显示页面；

调取所述目标控件的渲染代码；

根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面。

7.根据权利要求6所述的数据显示方法，其特征在于，所述页面布局信息包括区域划分信息和控件布局信息；

所述根据所述页面布局信息，创建显示页面，包括：

根据所述区域划分信息，创建显示页面，并对所述显示页面进行划分，形成至少一个区域分块；

所述根据所述渲染代码、所述目标控件的控件属性信息以及所述页面布局信息，在所述显示页面中显示所述目标控件，得到至少一个所述目标显示页面，包括：

根据所述控件布局信息，确定所述目标控件所位于的目标区域分块，以及位于所述目标区域分块中的目标位置；

根据所述渲染代码以及所述目标控件的控件属性信息，在所述目标区域分块的目标位置显示所述目标控件，得到至少一个所述目标显示页面。

8.一种数据显示装置，其特征在于，所述装置包括：

确定模块，用于根据获取的目标显示数据，确定目标显示页面的目标控件、页面布局信息以及所述目标控件的控件属性信息。

绘制模块，用于根据所述目标控件、页面布局信息以及所述目标控件的控件属性信息，绘制至少一个所述目标显示页面；

显示模块，用于在所述目标显示页面的所述目标控件中显示目标显示数据。

9.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一项所述的数据显示方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-7中任一项所述的数据显示方法。

Images