显示控件的显示方法、装置及设备

技术领域

本申请涉及显示设备技术领域，尤其涉及一种显示控件的显示方法、装置及设备。

背景技术

数据可视化近年来发展迅速，大屏幕适配技术成为了显示技术领域的热点。

大屏幕适配技术，是将多个显示控件进行相应的布局，并显示在大屏幕显示设备上的过程。目前，大屏幕适配技术，通常是在确定大屏幕显示设备以及待显示的多个显示控件后，定制化开发代码来实现这多个显示控件在大屏幕显示设备上的布局显示。然而，这种实现方式，无法实现自适应适配布局，在大屏幕显示设备或者显示控件发生变化的情况下，就需要重新开发代码，操作十分复杂。

发明内容

本申请提供一种显示控件的显示方法、装置及设备，以解决目前大屏幕适配技术无法实现自适应适配布局的技术问题。

第一方面，本申请提供一种显示控件的显示方法，包括：

获取显示设备的显示尺寸和所述显示设备的分辨率；

基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；

基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；

基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

在一种可能的实施方式中，所述基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元，包括：

基于所述显示设备的显示尺寸，在所述显示设备的水平显示方向和垂直显示方向中，确定基准显示方向；

基于所述显示设备的分辨率，确定所述显示设备在所述基准显示方向上包括的像素点的数量；

基于所述显示设备在所述基准显示方向上包括的像素点的数量，所述显示设备在所述基准显示方向的第一显示尺寸和预设调节数值，建立所述基础显示单元。

在一种可能的实施方式中，所述基于所述显示设备的显示尺寸，在所述显示设备的水平显示方向和垂直显示方向中，确定基准显示方向，包括：

在所述显示设备的水平显示方向和垂直显示方向中，将对应的显示尺寸较小的显示方向，确定为所述基准显示方向。

在一种可能的实施方式中，所述基础显示单元的尺寸满足：

其中，e为所述基础显示单元的尺寸，c为所述预设调节数值，k为所述显示设备在所述基准显示方向上包括的像素点的数量，L为所述显示设备在所述基准显示方向的尺寸。

在一种可能的实施方式中，所述基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量，包括：

获取所述多个显示控件各自对应的第一参数，针对各显示控件，所述显示控件对应的第一参数用于指示所述显示控件在所述基准显示方向上包括所述基础显示单元的数量；

基于所述多个显示控件各自的显示尺寸，确定所述多个显示控件各自的宽高比；

针对各显示控件，基于所述显示控件的宽高比和对应的第一参数，确定所述显示控件在其他显示方向上包括所述基础显示单元的数量；

其中，所述基准显示方向为水平显示方向，所述其他显示方向为垂直显示方向；或者，所述基准显示方向为垂直显示方向，所述其他显示方向为水平显示方向；

所述多个显示控件各自包括所述基础显示单元的数量，包括所述多个显示控件各自在水平显示方向上包括所述基础显示单元的数量，以及所述多个显示控件各自在垂直显示方向上包括所述基础显示单元的数量。

在一种可能的实施方式中，所述基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件，包括：

基于所述基础显示单元的尺寸和所述第一显示尺寸，确定所述显示设备在所述基准显示方向上包括所述基础显示单元的第一数量；

基于所述第一数量和所述多个显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第一状态转换方程；

基于所述第一状态转换方程，采用背包算法确定所述多个显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个显示控件；

其中，所述第一状态转换方程为：

w为所述显示设备在所述基准显示方向上的各排包括的显示控件的数量，m

在一种可能的实施方式中，所述方法还包括：

在所述多个显示控件发生变化的情况下，确定多个更新后的显示控件；

基于所述第一数量和所述多个更新后的显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第二状态转换方程；

基于所述第二状态转换方程，采用所述背包算法确定所述多个更新后的显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个更新后的显示控件。

第二方面，本申请提供一种显示控件的显示装置，包括：

获取模块，用于获取显示设备的显示尺寸和所述显示设备的分辨率；

建立模块，用于基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；

处理模块，用于基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；

显示模块，用于基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

在一种可能的实施方式中，所述建立模块具体用于：

基于所述显示设备的显示尺寸，在所述显示设备的水平显示方向和垂直显示方向中，确定基准显示方向；

基于所述显示设备的分辨率，确定所述显示设备在所述基准显示方向上包括的像素点的数量；

基于所述显示设备在所述基准显示方向上包括的像素点的数量，所述显示设备在所述基准显示方向的第一显示尺寸和预设调节数值，建立所述基础显示单元。

在一种可能的实施方式中，所述建立模块具体用于：

在所述显示设备的水平显示方向和垂直显示方向中，将对应的显示尺寸较小的显示方向，确定为所述基准显示方向。

在一种可能的实施方式中，所述基础显示单元的尺寸满足：

其中，e为所述基础显示单元的尺寸，c为所述预设调节数值，k为所述显示设备在所述基准显示方向上包括的像素点的数量，L为所述显示设备在所述基准显示方向的尺寸。

在一种可能的实施方式中，所述处理模块具体用于：

获取所述多个显示控件各自对应的第一参数，针对各显示控件，所述显示控件对应的第一参数用于指示所述显示控件在所述基准显示方向上包括所述基础显示单元的数量；

基于所述多个显示控件各自的显示尺寸，确定所述多个显示控件各自的宽高比；

针对各显示控件，基于所述显示控件的宽高比和对应的第一参数，确定所述显示控件在其他显示方向上包括所述基础显示单元的数量；

其中，所述基准显示方向为水平显示方向，所述其他显示方向为垂直显示方向；或者，所述基准显示方向为垂直显示方向，所述其他显示方向为水平显示方向；

所述多个显示控件各自包括所述基础显示单元的数量，包括所述多个显示控件各自在水平显示方向上包括所述基础显示单元的数量，以及所述多个显示控件各自在垂直显示方向上包括所述基础显示单元的数量。

在一种可能的实施方式中，所述显示模块具体用于：

基于所述基础显示单元的尺寸和所述第一显示尺寸，确定所述显示设备在所述基准显示方向上包括所述基础显示单元的第一数量；

基于所述第一数量和所述多个显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第一状态转换方程；

基于所述第一状态转换方程，采用背包算法确定所述多个显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个显示控件；

其中，所述第一状态转换方程为：

w为所述显示设备在所述基准显示方向上的各排包括的显示控件的数量，m

在一种可能的实施方式中，所述显示模块还用于：

在所述多个显示控件发生变化的情况下，确定多个更新后的显示控件；

基于所述第一数量和所述多个更新后的显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第二状态转换方程；

基于所述第二状态转换方程，采用所述背包算法确定所述多个更新后的显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个更新后的显示控件。

第三方面，本申请提供一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现如第一方面任一项所述的显示控件的显示方法。

第四方面，本申请提供一种非暂态计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面任一项所述的显示控件的显示方法。

本申请提供的显示控件的显示方法、装置及设备，首先获取显示设备的显示尺寸和显示设备的分辨率，并基于显示设备的显示尺寸和显示设备的分辨率，建立显示设备的基础显示单元，然后，基于多个显示控件各自的显示尺寸和基础显示单元的尺寸，确定多个显示控件各自包括基础显示单元的数量。通过构建基础显示单元，能够将显示设备的显示尺寸与各显示控件的显示尺寸进行关联，进而基于多个显示控件各自包括基础显示单元的数量，在显示设备上显示多个显示控件。本申请的方案，能够根据显示设备的尺寸和分辨率，以及各显示控件的尺寸，通过重定义的基础显示单元来确定各显示控件在显示设备上的布局，实现了自适应适配布局，无需定制化开发代码来实现布局显示，减小了适配布局显示的操作复杂度，提高了布局适配的效率。

附图说明

为了更清楚地说明本申请或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的显示控件的显示方法的流程图；

图2为本申请实施例提供的建立显示设备的基础显示单元的流程图；

图3为本申请实施例提供的确定各显示控件包括基础显示单元的数量的流程图；

图4为本申请实施例提供的显示多个显示控件的流程图；

图5为本申请实施例提供的一种显示控件的布局示意图；

图6为本申请实施例提供的显示控件的显示装置的结构示意图；

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

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请中的附图，对本申请中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

一般来说，大屏展示需要高清晰度、高稳定性的显示屏硬件支持，以确保展示内容的清晰度和流畅度。同时，大屏展示也需要可视化软件系统将数据以图表、图像等形式在大屏上进行展示。

大屏展示作为数据可视化的一种手段，展示效果是一个重要的指标。然而，现有的大屏幕适配技术需要根据实际需求进行定制化开发，无法进行自适应适配布局、无法满足高质量的显示效果。基于此，本申请实施例提供一种显示控件的显示方法，以实现显示控件的自适应适配布局，减小大屏幕适配的操作复杂度。下面将结合附图对本申请实施例的方案进行介绍。

图1为本申请实施例提供的显示控件的显示方法的流程图，如图1所示，该方法包括：

S11，获取显示设备的显示尺寸和显示设备的分辨率。

本申请各实施例的执行主体，例如可以为该显示设备，也可以为集成了该显示设备的终端设备、客户端设备等等。为便于描述，在下述各实施例中，均以执行主体为显示设备为例进行介绍。

显示设备为后续用于显示多个显示控件的设备，为了能够进行自适应适配，首先需要获取显示设备的显示尺寸和分辨率。其中，显示设备的显示尺寸即为显示设备的显示窗口的长和宽，也即显示设备在水平显示方向和垂直显示方向各自的长度。显示设备的分辨率包括显示设备的水平分辨率和垂直分辨率，显示设备的水平分辨率用于指示显示设备在水平显示方向上包括的像素点的数量，显示设备的垂直分辨率用于指示显示设备在垂直显示方向上包括的像素点的数量。

在一种可能的实现方式中，可以获取显示设备的型号等硬件信息，然后结合显示设备的硬件信息对应的硬件特殊接口来获取显示设备的显示尺寸和分辨率。在一些实施例中，也可以直接获取显示设备的显示尺寸和分辨率，本申请实施例对此不作限定。

S12，基于显示设备的显示尺寸和显示设备的分辨率，建立显示设备的基础显示单元。

在本申请实施例中，重定义了控件显示单位，即显示设备的基础显示单元。基础显示单元有相应的尺寸，基础显示单元的尺寸在构建完成后是保持不变的，而基础显示单元的尺寸是由显示设备的显示尺寸和显示设备的分辨率共同确定的。

S13，基于多个显示控件各自的显示尺寸和基础显示单元的尺寸，确定多个显示控件各自包括基础显示单元的数量。

多个显示控件为需要在显示设备上进行显示的控件，显示控件例如可以包括图控件、表控件、浏览器控件等各种不同类型的控件，本申请实施例对显示控件的类型不作限定。

针对这多个显示控件，各显示控件均有相应的显示尺寸，显示控件的显示尺寸包括在水平显示方向上的显示尺寸和在垂直显示方向上的显示尺寸。

在建立了基础显示单元后，结合多个显示控件各自的显示尺寸和基础显示单元的尺寸，即可确定各显示控件包括的基础显示单元的数量。其中，针对任意显示控件而言，该显示控件包括的基础显示单元的数量，一方面包括该显示控件在水平显示方向上包括的基础显示单元的数量，另一方面包括该显示控件在垂直显示方向上包括的基础显示单元的数量。

S14，基于多个显示控件各自包括基础显示单元的数量，在显示设备上显示多个显示控件。

通过重构的控件显示单位-基础显示单元，能够将显示设备的显示尺寸与各显示控件的显示尺寸进行关联，得到各显示控件包括基础显示单元的数量。从而基于各显示控件包括的基础显示单元的数量，对各显示控件在显示设备上进行布局和显示。

在上述任一实施例的基础上，下面结合图2对建立基础显示单元的过程进行介绍。

图2为本申请实施例提供的建立显示设备的基础显示单元的流程图，如图2所示，包括：

S21，基于显示设备的显示尺寸，在显示设备的水平显示方向和垂直显示方向中，确定基准显示方向。

显示设备的显示尺寸，包括显示设备在水平显示方向上的显示尺寸和在垂直显示方向上的显示尺寸，也即显示设备分别在水平显示方向和垂直显示方向上的长度。

在得到显示设备在水平显示方向上的显示尺寸和在垂直显示方向上的显示尺寸后，根据显示设备在水平显示方向上的显示尺寸和在垂直显示方向上的显示尺寸，在显示设备的水平显示方向和垂直显示方向中，确定用于建立基础显示单元的基准显示方向。

在一种可能的实现方式中，显示设备可以在显示设备的水平显示方向和垂直显示方向中，将对应的显示尺寸较小的显示方向，确定为基准显示方向。设显示设备在水平显示方向上的显示尺寸为x，显示设备在垂直显示方向上的显示尺寸为y，则在x小于或等于y的情况下，将水平显示方向确定为基准显示方向；在x大于y的情况下，将垂直显示方向确定为基准显示方向。

在一种可能的实现方式中，显示设备可以在显示设备的水平显示方向和垂直显示方向中，将对应的显示尺寸较大的显示方向，确定为基准显示方向。设显示设备在水平显示方向上的显示尺寸为x，显示设备在垂直显示方向上的显示尺寸为y，则在x小于或等于y的情况下，将垂直显示方向确定为基准显示方向；在x大于y的情况下，将水平显示方向确定为基准显示方向。

S22，基于显示设备的分辨率，确定显示设备在基准显示方向上包括的像素点的数量。

显示设备的分辨率包括显示设备的水平分辨率和垂直分辨率，显示设备的水平分辨率用于指示显示设备在水平显示方向上包括的像素点的数量，显示设备的垂直分辨率用于指示显示设备在垂直显示方向上包括的像素点的数量。因此，在确定了基准显示方向后，即可基于显示设备的分辨率，确定显示设备在基准显示方向上包括的像素点的数量。若基准显示方向为水平显示方向，则基准显示方向上包括的像素点的数量由显示设备的水平分辨率决定；若基准显示方向为垂直显示方向，则基准显示方向上包括的像素点的数量由显示设备的垂直分辨率决定。

S23，基于显示设备在基准显示方向上包括的像素点的数量，显示设备在基准显示方向的第一显示尺寸和预设调节数值，建立基础显示单元。

在确定了显示设备在基准显示方向上包括的像素点的数量后，结合显示设备在基准显示方向上包括的像素点的数量，显示设备在基准显示方向的第一显示尺寸和预设调节数值，即可建立基础显示单元。

在一种可能的实现方式中，建立的基础显示单元的尺寸满足：

其中，e为基础显示单元的尺寸，c为预设调节数值，k为显示设备在基准显示方向上包括的像素点的数量，L为显示设备在基准显示方向的尺寸。

在上式(1)中，基础显示单元的尺寸，包括基础显示单元的长度和宽度，基础显示单元的长度和宽度均为e。

在上述实施例中，介绍了建立基础显示单元的实现方案，下面结合图3介绍如何确定各显示控件包括基础显示单元的数量的实现过程。

图3为本申请实施例提供的确定各显示控件包括基础显示单元的数量的流程图，如图3所示，包括：

S31，获取多个显示控件各自对应的第一参数，针对各显示控件，显示控件对应的第一参数用于指示显示控件在基准显示方向上包括基础显示单元的数量。

针对多个显示控件中的任意显示控件而言，显示设备获取该显示控件对应的第一参数，第一参数指示的是该显示控件在基准显示方向上包括的基础显示单元的数量，由于基础显示单元的尺寸是固定的，因此第一参数也间接指示了该显示控件在显示设备的基准显示方向上显示的宽度。

S32，基于多个显示控件各自的显示尺寸，确定多个显示控件各自的宽高比。

针对多个显示控件中的任意显示控件而言，该显示控件的显示尺寸也包括该显示控件在水平显示方向上的尺寸和在垂直方向上的尺寸。基于该显示控件在水平显示方向上的尺寸和在垂直方向上的尺寸，即可得到该显示控件的宽高比。

S33，针对各显示控件，基于显示控件的宽高比和对应的第一参数，确定显示控件在其他显示方向上包括基础显示单元的数量。

其中，多个显示控件各自包括基础显示单元的数量，包括多个显示控件各自在基准显示方向上包括基础显示单元的数量，以及多个显示控件各自在其他显示方向上包括基础显示单元的数量。

基准显示方向为水平显示方向，其他显示方向为垂直显示方向；或者，基准显示方向为垂直显示方向，其他显示方向为水平显示方向。

通过第一参数，确定了显示控件在显示设备的基准显示方向上显示的宽度。为了保证显示控件在显示设备上具备较好的显示效果，可以基于显示控件的宽高比和第一参数，来确定显示控件在其他显示方向上包括基础显示单元的数量，以使得显示控件在基准显示方向上包括基础显示单元的数量和在其他显示方向上包括基础显示单元的数量的比值，与显示控件的宽高比比较接近，避免显示控件产生变形。

针对任意显示控件而言，该显示控件在其他显示方向上包括基础显示单元的数量的计算方式可以参见下式(2)：

其中，d表示该显示控件在垂直显示方向上包括基础显示单元的数量；m表示该显示控件对应的第一参数，即该显示控件在水平显示方向上包括基础显示单元的数量；x

通过上述设置，能够保证显示控制在显示设备上显示时宽高比尽量不发生较大的变化，从而提高显示控件在显示设备上的显示效果。

在确定了多个显示控件各自包括基础显示单元的数量后，即可基于多个显示控件各自包括基础显示单元的数量，在显示设备上显示多个显示控件。下面结合图4对该过程进行介绍。

图4为本申请实施例提供的显示多个显示控件的流程图，如图4所示，包括：

S41，基于基础显示单元的尺寸和第一显示尺寸，确定显示设备在基准显示方向上包括基础显示单元的第一数量。

第一显示尺寸为显示设备在基准显示方向上的显示尺寸。由于基础显示单元的尺寸是一定的，因此基于基础显示单元的尺寸和第一显示尺寸，即可确定显示设备在基准显示方向上包括基础显示单元的第一数量。在进行显示控件的布局的过程中，布局的显示控件包括的基础显示单元的数量在基准显示方向上不能超过第一数量。

S42，基于第一数量和多个显示控件在基准显示方向上各自包括基础显示单元的数量，构建第一状态转换方程。

其中，第一状态转换方程为：

w为显示设备在基准显示方向上的各排包括的显示控件的数量，m

在基准显示方式为水平显示方向的情况下，m

第一状态转换方程限定了在进行布局的过程中需要满足的条件，即布局后的显示控件在基准显示方向上不能超过显示设备在基准显示方向上的长度。在其他显示方向上，可以超过显示设备在其他显示方向上的长度，也可以不超过显示设备在其他显示方向上的长度，具体需要根据各显示控件在其他显示方向包括基础显示单元的数量以及显示设备在其他显示方向包括基础显示单元的数量共同确定。

S43，基于第一状态转换方程，采用背包算法确定多个显示控件各自在显示设备上的布局区域。

以基准显示方向为水平显示方向为例，针对每一行，基于第一状态转换方程，采用背包算法来确定布局在这一行的显示控件。针对每个显示控件而言，采用背包算法来决定该显示控件是否需要布局在这一行，而是否布局在这一行的条件则由第一状态转换方程进行约束。

在一种可能的实现方式中，可以预先设定多个显示控件各自的优先级或者排列顺序，结合多个显示控件各自的优先级或者排列顺序，基于第一状态转换方程，采用背包算法确定多个显示控件各自在显示设备上的布局区域。

图5为本申请实施例提供的一种显示控件的布局示意图，如图5所示，总共包括显示控件A、显示控件B、显示控件C、显示控件D，这多个显示控件在水平显示方向包括基础显示单元的数量依次为16、15、4、8，第一数量为30。

采用背包算法，在第一行布局了显示控件A，显示控件A在水平显示方向上包括的基础显示单元的数量为16，由于第一数量为30，则在这一行，无法再布局显示控件B，但是可以布局显示控件C和显示控件D，显示控件B布局到第二行。如图5所示，基于第一状态转换方程，显示控件C、显示控件A、显示控件D依次为第一行中的第1个显示控件、第2个显示控件、第3个显示控件，显示控件B为第二行中的第1个显示控件，需要满足的是显示控件C、显示控件A、显示控件D在水平显示方向上包括基础显示单元的数量之和不超过30，显示控件B在水平显示方向上包括基础显示单元的数量不超过30。显示控件A和显示控件B在垂直显示方向上包括基础显示单元的数量，可以大于或等于显示设备在垂直显示方向上包括基础显示单元的数量(则可以通过滑动来显示该显示设备上未显示的内容)，也可以小于显示设备在垂直显示方向上包括基础显示单元的数量，本申请实施例对此不作限定。

基于第一状态转换方程，采用背包算法可以确定多个显示控件各自在显示设备上的初始布局区域，然后基于显示设备的显示边界，对多个显示控件在显示设备中各自的初始布局区域进行对齐处理，确定多个显示控件在显示设备中各自的布局区域。对齐处理的过程，是对各显示控件在显示设备中的初始布局区域进行微调的过程，通过微调能够将处于边缘的显示控件的初始布局区域与显示设备的显示边界对齐，进一步提高显示的效果。在对齐处理后，还可以对部分显示控件的布局区域进行适当的缩放。

S44，基于多个显示控件各自在显示设备上的布局区域，在显示设备上显示多个显示控件。

最后，在得到各显示控件在显示设备中的布局区域后，基于各显示控件在显示设备中的布局区域，即可在显示设备上显示对应的显示控件。

在一种可能的实现方式中，在多个显示控件发生变化的情况下，需要重新进行布局区域的确定。

具体的，在多个显示控件发生变化的情况下，首先确定多个更新后的显示控件。其中，多个更新后的显示控件，可以是在多个显示控件中去除部分显示控件后得到的显示控件，也可以是在多个显示控件中增加新的显示控件后得到的显示控件，也可以同时包括上述两种情况，即既有新增的显示控件，也有去除的显示控件。

在确定了多个更新后的显示控件后，基于第一数量和多个更新后的显示控件在基准显示方向上各自包括基础显示单元的数量，构建第二状态转换方程。

第二状态转换方程为：

w′为显示设备在基准显示方向上的各排包括的更新后的显示控件的数量，m

然后，基于第二状态转换方程，采用背包算法确定多个更新后的显示控件各自在显示设备上的布局区域，确定多个更新后的显示控件各自在显示设备上的布局区域的实现方式，可以参见S43中基于第一状态转换方程，采用背包算法确定多个显示控件各自在显示设备上的布局区域的实现方式，实现过程类似，此处不再赘述。

在得到多个显示控件各自在显示设备上的布局区域后，基于多个显示控件各自在显示设备上的布局区域，即可在显示设备上显示多个更新后的显示控件。

本申请实施例的方案，通过构建状态转换方程，基于背包算法能够实现显示控件的自适应布局，即使在显示控件新增或者减少的情况下，也能够自适应确定显示控件的布局区域并显示，无需重新开发代码，只通过一套代码即可实现布局过程。

本申请实施例提供的显示控件的显示方法，首先获取显示设备的显示尺寸和显示设备的分辨率，并基于显示设备的显示尺寸和显示设备的分辨率，建立显示设备的基础显示单元，然后，基于多个显示控件各自的显示尺寸和基础显示单元的尺寸，确定多个显示控件各自包括基础显示单元的数量。通过构建基础显示单元，能够将显示设备的显示尺寸与各显示控件的显示尺寸进行关联，进而基于多个显示控件各自包括基础显示单元的数量，在显示设备上显示多个显示控件。本申请实施例的方案，能够根据显示设备的尺寸和分辨率，以及各显示控件的尺寸，通过重定义的基础显示单元来确定各显示控件在显示设备上的布局，实现了自适应适配布局，无需定制化开发代码来实现布局显示，减小了适配布局显示的操作复杂度，提高了布局适配的效率。本申请实施例的方案，只需要开发一套代码，就能够有效适应在相应的显示设备上显示多个显示控件，同时支持动态新增控件适配，极大的提高了项目代码的可维护性和展示数据的统一性。

下面对本申请提供的显示控件的显示装置进行描述，下文描述的显示控件的显示装置与上文描述的显示控件的显示方法可相互对应参照。

图6为本申请实施例提供的显示控件的显示装置的结构示意图，如图6所示，该装置包括：

获取模块61，用于获取显示设备的显示尺寸和所述显示设备的分辨率；

建立模块62，用于基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；

处理模块63，用于基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；

显示模块64，用于基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

在一种可能的实施方式中，所述建立模块62具体用于：

基于所述显示设备的显示尺寸，在所述显示设备的水平显示方向和垂直显示方向中，确定基准显示方向；

基于所述显示设备的分辨率，确定所述显示设备在所述基准显示方向上包括的像素点的数量；

基于所述显示设备在所述基准显示方向上包括的像素点的数量，所述显示设备在所述基准显示方向的第一显示尺寸和预设调节数值，建立所述基础显示单元。

在一种可能的实施方式中，所述建立模块62具体用于：

在所述显示设备的水平显示方向和垂直显示方向中，将对应的显示尺寸较小的显示方向，确定为所述基准显示方向。

在一种可能的实施方式中，所述基础显示单元的尺寸满足：

其中，e为所述基础显示单元的尺寸，c为所述预设调节数值，k为所述显示设备在所述基准显示方向上包括的像素点的数量，L为所述显示设备在所述基准显示方向的尺寸。

在一种可能的实施方式中，所述处理模块63具体用于：

获取所述多个显示控件各自对应的第一参数，针对各显示控件，所述显示控件对应的第一参数用于指示所述显示控件在所述基准显示方向上包括所述基础显示单元的数量；

基于所述多个显示控件各自的显示尺寸，确定所述多个显示控件各自的宽高比；

针对各显示控件，基于所述显示控件的宽高比和对应的第一参数，确定所述显示控件在其他显示方向上包括所述基础显示单元的数量；

其中，所述基准显示方向为水平显示方向，所述其他显示方向为垂直显示方向；或者，所述基准显示方向为垂直显示方向，所述其他显示方向为水平显示方向；

所述多个显示控件各自包括所述基础显示单元的数量，包括所述多个显示控件各自在水平显示方向上包括所述基础显示单元的数量，以及所述多个显示控件各自在垂直显示方向上包括所述基础显示单元的数量。

在一种可能的实施方式中，所述显示模块64具体用于：

基于所述基础显示单元的尺寸和所述第一显示尺寸，确定所述显示设备在所述基准显示方向上包括所述基础显示单元的第一数量；

基于所述第一数量和所述多个显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第一状态转换方程；

基于所述第一状态转换方程，采用背包算法确定所述多个显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个显示控件；

其中，所述第一状态转换方程为：

w为所述显示设备在所述基准显示方向上的各排包括的显示控件的数量，m

在一种可能的实施方式中，所述显示模块64还用于：

在所述多个显示控件发生变化的情况下，确定多个更新后的显示控件；

基于所述第一数量和所述多个更新后的显示控件在所述基准显示方向上各自包括所述基础显示单元的数量，构建第二状态转换方程；

基于所述第二状态转换方程，采用所述背包算法确定所述多个更新后的显示控件各自在所述显示设备上的布局区域；

基于所述多个显示控件各自在所述显示设备上的布局区域，在所述显示设备上显示所述多个更新后的显示控件。

图7示例了一种电子设备的实体结构示意图，如图7所示，该电子设备可以包括：处理器(processor)710、通信接口(Communications Interface)720、存储器(memory)730和通信总线740，其中，处理器710，通信接口720，存储器730通过通信总线740完成相互间的通信。处理器710可以调用存储器730中的逻辑指令，以执行显示控件的显示方法，该方法包括：获取显示设备的显示尺寸和所述显示设备的分辨率；基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

此外，上述的存储器730中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

另一方面，本申请还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，计算机程序可存储在非暂态计算机可读存储介质上，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的显示控件的显示方法，该方法包括：获取显示设备的显示尺寸和所述显示设备的分辨率；基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

又一方面，本申请还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各方法提供的显示控件的显示方法，该方法包括：获取显示设备的显示尺寸和所述显示设备的分辨率；基于所述显示设备的显示尺寸和所述显示设备的分辨率，建立所述显示设备的基础显示单元；基于多个显示控件各自的显示尺寸和所述基础显示单元的尺寸，确定所述多个显示控件各自包括所述基础显示单元的数量；基于所述多个显示控件各自包括所述基础显示单元的数量，在所述显示设备上显示所述多个显示控件。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。