CN105872706A - 显示控制方法和装置 - Google Patents

Abstract

本发明提供了一种显示控制方法和装置，该方法包括：获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；根据针对每一个视图所确定的边界在显示页面绘制该视图。当本发明的方案应用于客户端中时，服务器仅需向客户端传输各个视图的位置和尺寸即可使得客户端得到正确的显示页面，这样就大幅降低所消耗的网络资源。进一步的，本发明的一优选方案中，还可以根据获取到的各个视图的尺寸确定各个视图的起始绘制位置，当这样的方案应用于客户端时，相应的服务器仅需发送各个视图的尺寸，这样就进一步降低了所消耗的网络资源。

Description

显示控制方法和装置

技术领域

本发明涉及显示技术领域，尤其涉及一种显示控制方法和装置。

背景技术

为了提供用户体验，会在桌面上显示多个海报，每一个海报为一个具有显示控制功能的视图(View)，当用户点击该海报时，会进入海报会触发显示装置相应的内容。比如当用户点击一幅电影的海报时，会进入到该电影的播放页面。同时为了保持美观性，和基于内容的适配，海报会有多重尺寸和规格。例如有些视频海报是竖长型的图片，但是其他视频可能是横屏更适合，这样在做内容推荐时，就需要不同的布局样式，即需要不同的显示界面对不同的海报组合进行显示，一个显示界面会包含多个显示窗口，每一个显示窗口用于对应加载一个与该显示窗口的尺寸相匹配的海报。

一些新的海报由于与客户端已经存储的显示界面中的显示窗口不匹配可能无法加载到对应的显示界面中，这样就需要由服务器端生成相应的显示界面并发送到各个客户端，这样的传输过程会消耗大量的网络资源。

发明内容

本发明的一个目的在于解决上述技术问题。

本发明的第一方面提供了一种显示控制方法，包括：

获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；

根据针对每一个视图所确定的边界在显示页面绘制该视图。

进一步的，所述显示页面划分为预设行预设列的单元格；

获取每一个视图在显示页面中的尺寸，具体包括：

获取每一个视图在显示页面中所占用的行数和列数，根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

进一步的，所述获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界，包括：

按照预设顺序获取每一个视图在显示页面中的尺寸；

以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据已绘制好的视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

进一步的，所述预设顺序为从左向右从上向下；所述预设基准点为显示页面的左侧上方顶点；每一个视图的起始绘制位置为该视图的左侧上方顶点。

进一步的，所述根据针对每一个视图所确定的边界在显示页面绘制该视图包括：

在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

本发明提供的第二方面提供了一种显示控制方法，包括：

向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

本发明提供的第二方面还提供了另一种显示控制方法，该方法包括：按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个视图的边界。

进一步的，所述预设顺序为从左向右从上向下。

进一步的，所述显示页面划分为预设行和预设列的单元格；

向客户端发送在更新后的显示页面中每一个视图的尺寸，具体包括：

向客户端发送在更新后的显示页面中每一个视图所占用单元格的行数和列数，以使所述客户端根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

本发明的第三方面提供了一种显示控制装置，包括：

获取模块，用于获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；

绘制模块，用于根据针对每一个视图所确定的边界在显示页面绘制该视图。

进一步的，所述显示页面划分为预设行预设列的单元格；

所述获取模块具体用于获取每一个视图在显示页面中所占用的行数和列数，并根据该视图所占用单元格的行数和列数以及预先获取的每一个单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

进一步的，所述获取模块具体用于按照预设顺序获取每一个视图在显示页面中的尺寸；以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据已绘制好的视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

进一步的，所述预设顺序为从左向右从上向下；所述预设基准点为显示页面的左侧上方顶点；每一个视图的起始绘制位置为该视图的左侧上方顶点。

进一步的，所述绘制模块具体用于在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

本发明的第四方面提供了一种显示控制装置，包括：

发送模块，用于向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

本发明的第四方面还提供了另一种显示控制装置，包括：

发送模块，用于按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个视图的边界。

进一步的，所述预设顺序为从左向右从上向下。

进一步的，所述显示页面划分为预设行预设列的单元格；

所述发送模块用于向客户端发送在更新后的显示页面中每一个视图的尺寸时具体用于向客户端发送在更新后的显示页面中每一个视图所占用单元格的行数和列数，以使所述客户端根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

本发明中，获取各个视图在显示页面中的位置和尺寸，并根据每一个视图的位置和尺寸确定该视图的边界；根据针对每一个视图所确定的边界在显示页面绘制该视图。当本发明的方案应用于客户端中时，服务器仅需向客户端传输各个视图的位置和尺寸即可使得客户端得到正确的显示页面，这样就大幅降低所消耗的网络资源。进一步的，本发明的一优选方案中，还可以根据获取到的各个视图的位置确定各个视图的起始绘制位置，当这样的方案应用于客户端时，相应的服务器仅需发送各个视图的尺寸，这样就进一步降低了所消耗的网络资源。

附图说明

图1为本发明提供的一种显示控制方法的流程示意图；

图2为本发明提供的一种显示控制方法的流程示意图；

图3为本发明提供的一种显示控制方法的流程示意图；

图4为本发明提供的一种显示控制装置的结构示意图；

图5为本发明提供的一种显示控制装置的结构示意图；

图6为本发明提供的一种显示控制装置的结构示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步描述。以下实施例仅用于更加清楚地说明本发明的技术方案，而不能以此来限制本发明的保护范围。

第一方面，本发明提供了一种显示控制方法，该方法可以由智能电视等客户端中的相应显示控制装置执行，参见图1，包括：

步骤S11，获取各个视图在显示页面中的位置和尺寸，并根据每一个视图的位置和尺寸确定该视图的边界；

步骤S12，根据针对每一个视图所确定的边界在显示页面绘制该视图。

本发明中，获取各个视图在显示页面中的位置和尺寸，并根据每一个视图的位置和尺寸确定该视图的边界；根据针对每一个视图所确定的边界在显示页面绘制该视图。当本发明的方案应用于客户端中时，服务器仅需向客户端传输各个视图的位置和尺寸即可使得客户端得到正确的显示页面，这样就大幅降低所消耗的网络资源。

在具体实施时，上述的步骤S11可以通过多种方式实施，下面举例进行说明：

第一种优选实施方式是在所述显示页面划分为预设行和预设列的单元格的情况下；获取每一个视图所占用单元格的行数和列数，并根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

举例来说，在具体实施时，客户端中的显示控制装置可以与服务器端约定，将一个显示页面划分为具有特定行数和列数的单元格，比如换分为15列10行的单元格，客户端中的显示控制装置根据显示页面的长度和宽度确定每一个单元格的长度和宽度(单元格的长度和宽度的计量单位可以为像素)，即单元格的尺寸信息。这样在后续过程中，服务器可以将每一个视图所占用的单元格的行数和列数发送到客户端，客户端中的显示控制装置根据每一个视图所占用的单元格的行数和列数以及预先确定的单元格的长度和宽度可以确定该视图的长度和宽度。

这种方式的优点是在服务器仅需向客户端发送每一个视图所占用的单元格的行数和列数，由于行数和列数都可以是较小的值，则在传输过程中使用较少的比特数表示这样的值，从而进一步降低所需要传输的数据量，降低消耗的网络资源。当然在具体实施时，也可以不必按照这种方式执行，比如可以从服务器中获取每一个视图的行方向像素数和列方向像素数作为该视图的尺寸。

在具体实施是，上述的预设行和预设列可以根据实际需要自行设定，本发明对此不做限定。

第二种优选实施方式是：按照预设顺序获取每一个视图在显示页面中的尺寸；以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据上一个视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

这样的实施方式能够使得相应的服务器无需向对应的客户端发送每一个视图的位置；从而能够进一步降低所需要传输的数据量，降低消耗的网络资源。

具体来说，这里的预设顺序可以根据需要设定，可以是指多种顺序。比如可以是指从上向下，从左向右；或者也可以是指从上向下，从右向左等等，相应的预设基准点也不尽相同。为了方便说明，下面结合预设顺序为从左向右从上向下；预设基准点为显示页面的左侧上方顶点、起始绘制位置为视图的左侧上方顶点的情况进行说明：

按照从左向右从上向下的顺序，上述的第一个视图是最左侧最上方的视图，该视图的起始绘制位置是整个显示页面的左侧上方顶点；获取到该第一个视图的尺寸之后，可以确定该视图的各条边界；而对于第一个视图之后的第二个视图，如果第一个视图的右侧边界没有到达显示页面的右侧边界，则第二个视图应是设置在第一个视图的右侧，此时该第二个视图的左侧上方顶点可以根据第一个视图的右侧边界确定(该顶点在列方向的坐标位于整个显示页面的上边界处，当默认各个视图没有间隙的情况下，该顶点在行方向的坐标可以与第一个视图的右侧边界相邻，如果各个视图之间有固定的间隙，该顶点在行方向的坐标则应与第一个视图的右侧边界之间间隔有相应的间隙)，之后根据第二个视图的尺寸可以确定第二个视图的边界；如果第一个视图的右侧边界达到了显示页面的右侧边界，则第二个视图的左侧上方顶点应位于第一个视图的下方且位于整个显示页面的最左端(具体位置取决于相邻两个视图之间是否存在间隙，若是，则该顶点与第一视图之间间隔有相应的间隙，若否，则该顶点与第一视图的下方边界相邻)，之后根据第二个视图的左侧上方顶点以及第二个视图的尺寸可以确定第二个视图的边界；确定其他任意一个视图的左侧上方顶点的过程可以与确定第二个视图的左侧上方顶点的过程类似，如果上一个视图的边界没有达到显示页面的右侧边界，则需要在上一个视图右侧继续绘制，此时该视图的左侧上方顶点位于上一个视图的右侧，如果上一个视图的边界已经达到右侧边界，则需要在上一个视图的下方自显示页面的左边界绘制，此时该视图的左侧上方顶点位于上一个视图的下方且位于显示页面的左边界处。通过这种方式，可以确定各个视图的边界。

不难理解的，在具体实施时，上述的步骤S11也不必然的需要按照第二种实施方式执行，比如可以直接从服务器中获取每一个视图的位置和尺寸。另外，本领域技术人员可以理解的是，在具体实施时，上述的步骤S11可以同时按照以上两种实施方式进行执行，即首先按照预设顺序基于第一种优选的实施方式获取每一个视图的长度和宽度，之后在按照第二种优选的实施方式确定每一个视图的边界。

作为一种可选的方式，上述的步骤S12可以按照如下方式实施：

在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

在具体实施时，在步骤S11中获取到的视图的尺寸可能存在错误的情况，比如设计人员在将视图的尺寸录入到服务器中时，就有可能录入错误的尺寸，从而可能导致针对一个视图所确定的边界超出显示页面的边界。本发明中，通过上述的步骤S12的优选实施方式，可以很好地解决这样的问题。当然在具体实施时，也无需按照这样的方式实施步骤S12。并且不难理解的是，在实际应用中，步骤S12的优选实施方式与步骤S11的各个优选实施方式不冲突，在步骤S11按照其优选的实施方式实施时，步骤S12也可以按照上述的优选实施方式实施。

需要指出的是，在具体实施时，并不是需要在完全执行完步骤S11的情况下才可以执行步骤S12，当针对一个视图获取了该视图的位置和尺寸之后即可针对该视图执行步骤S12，而无需等到针对所有视图都获取了各个视图的位置和尺寸之后。

第二方面，本发明还提供了另一种显示控制方法，该方法可以由设置在服务器中的显示控制装置执行，可以用以配合实现第一方面所述的方法，参见图2，该方法的一种实施方式可以包括如下流程：

步骤S21，向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

参见图3，该方法的另一种实施方式可以包括如下流程：

步骤S31，按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个确定该视图的边界。进一步的，这里的预设顺序可以是指从左向右从上向下。

图2所示的实施方式可以用于客户端中的相应显示控制装置无法根据各个视图的尺寸确定各个视图的起始绘制的情况。图3中的所示的方式则可以用于客户端中的相应显示控制装置可以根据各个视图的尺寸确定各个视图的起始绘制的情况。

在图2或图3所示的实施方式中，当显示页面包含预设行预设列的单元格时，向客户端发送的每一个视图在显示页面中的尺寸也可以具体是指每一个视图的所占用的单元格的行数和列数。

图2或图3所示的实施方式的其他相关内容可以参见图1的说明，在此不再赘述。

第三方面，本发明还提供了一种显示控制装置，该装置可以设置在客户端比如智能电视中，可以用以实现第一方面所述的显示控制方法，参见图4，该装置可以具体包括：

获取模块41，用于获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；

绘制模块42，用于根据针对每一个视图所确定的边界在显示页面绘制该视图。

优选的，所述显示页面划分为预设行预设列的单元格；

所述获取模块具体用于获取每一个视图在显示页面中所占用的行数和列数，并根据该视图所占用单元格的行数和列数以及预先获取的每一个单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

优选的，所述获取模块具体用于按照预设顺序获取每一个视图在显示页面中的尺寸；以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据已绘制好的视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

优选的，所述预设顺序为从左向右从上向下；所述预设基准点为显示页面的左侧上方顶点；每一个视图的起始绘制位置为该视图的左侧上方顶点。

优选的，所述绘制模块具体用于在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

第四方面，本发明还提供了一种显示控制装置，可以设置在服务器中，用以实现第二方面所述的显示控制方法，当用于执行图2中所示的方法时，参见图5，该装置的一种实施方式可以具体包括：

发送模块51，用于向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

当用于执行图3中所示的方法时，参见图6，该装置的另一种实施方式可以具体包括：

发送模块61，用于按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个确定该视图的边界。

进一步的，对于图5或图6的实施方式，所述显示页面划分为预设行预设列的单元格；

所述发送模块用于向客户端发送在更新后的显示页面中每一个视图的尺寸时具体用于向客户端发送在更新后的显示页面中每一个视图所占用单元格的行数和列数，以使所述客户端根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

由于本发明第三方面所介绍的显示控制装置为可用于执行第一方面所述的显示控制方法的装置，第四方面所介绍的显示控制装置为可用于执行第二方面所述的显示控制方法的装置，故而基于本发明第一方面和第二方面所介绍的显示控制方法，本领域所属技术人员能够了解本发明第三方面和第四方面的显示控制装置的具体实施方式以及其各种变化形式，所以在此对于第三方面和第四方面所述的显示控制装置如何对应实现本发明第一方面和第二方面所介绍的显示控制方法不再详细介绍。只要本领域所属技术人员实施第一方面和第二方面的显示控制方法所采用的装置，都属于本申请所欲保护的范围。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明技术原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (18)

1.一种显示控制方法，其特征在于，包括：

获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；

根据针对每一个视图所确定的边界在显示页面绘制该视图。

2.如权利要求1所述的方法，其特征在于，所述显示页面划分为预设行预设列的单元格；

获取每一个视图在显示页面中的尺寸，具体包括：

获取每一个视图在显示页面中所占用的行数和列数，根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

3.如权利要求1所述的方法，其特征在于，

所述获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界，包括：

按照预设顺序获取每一个视图在显示页面中的尺寸；

以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据已绘制好的视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

4.如权利要求3所述的方法，其特征在于，所述预设顺序为从左向右从上向下；所述预设基准点为显示页面的左侧上方顶点；每一个视图的起始绘制位置为该视图的左侧上方顶点。

5.如权利要求1所述的方法，其特征在于，所述根据针对每一个视图所确定的边界在显示页面绘制该视图包括：

在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

6.一种显示控制方法，其特征在于，包括：

向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

7.一种显示控制方法，其特征在于，包括：按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个确定该视图的边界。

8.如权利要求7所述的方法，其特征在于，所述预设顺序为从左向右从上向下。

9.如权利要求6-8任一项所述的方法，其特征在于，所述显示页面划分为预设行和预设列的单元格；

向客户端发送在更新后的显示页面中每一个视图的尺寸，具体包括：

向客户端发送在更新后的显示页面中每一个视图所占用单元格的行数和列数，以使所述客户端根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

10.一种显示控制装置，其特征在于，包括：

获取模块，用于获取每一个视图在显示页面中的位置和尺寸，并根据该视图的位置和尺寸确定该视图的边界；

绘制模块，用于根据针对每一个视图所确定的边界在显示页面绘制该视图。

11.如权利要求10所述的装置，其特征在于，所述显示页面划分为预设行预设列的单元格；

所述获取模块具体用于获取每一个视图在显示页面中所占用的行数和列数，并根据该视图所占用单元格的行数和列数以及预先获取的每一个单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。

12.如权利要求10所述的装置，其特征在于，

所述获取模块具体用于按照预设顺序获取每一个视图在显示页面中的尺寸；以预设基准点为第一个视图的起始绘制位置，并根据第一个视图的尺寸确定第一个视图的边界；对于第一个视图之外的任意一个视图，根据已绘制好的视图的边界确定该视图的起始绘制位置，并根据该视图的尺寸确定该视图的边界。

13.如权利要求12所述的装置，其特征在于，所述预设顺序为从左向右从上向下；所述预设基准点为显示页面的左侧上方顶点；每一个视图的起始绘制位置为该视图的左侧上方顶点。

14.如权利要求10所述的装置，其特征在于，所述绘制模块具体用于在针对一个视图所确定的边界超出显示页面的边界时，对该视图进行压缩使该视图的边界位于显示页面的边界内，根据压缩后的视图的边界在显示页面中绘制该视图。

15.一种显示控制装置，其特征在于，包括：

发送模块，用于向客户端发送每一个视图在显示页面中的位置和尺寸，以使所述客户端根据每一个视图的位置和尺寸确定该视图的边界。

16.一种显示控制装置，其特征在于，包括：

发送模块，用于按照预设顺序向客户端发送每一个视图在显示页面中的尺寸，以使所述客户端根据各个视图的尺寸确定每一个视图的边界。

17.如权利要求16所述的装置，其特征在于，所述预设顺序为从左向右从上向下。

18.如权利要求15-17任一项所述的显示控制装置，其特征在于，所述显示页面划分为预设行预设列的单元格；

所述发送模块用于向客户端发送在更新后的显示页面中每一个视图的尺寸时具体用于向客户端发送在更新后的显示页面中每一个视图所占用单元格的行数和列数，以使所述客户端根据该视图所占用单元格的行数和列数以及预先获取的单元格的尺寸信息确定该视图在显示页面中的行方向长度和列方向长度。