CN108255560B - 一种信息框的布局方法、装置和用户终端 - Google Patents

Abstract

本发明提供了一种信息框的布局方法、装置和用户终端，其中所述方法包括：获取所述识别区域中所述内容框的内容定位信息；根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集；计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果。本发明所提供的方法可以实现在有限的屏幕范围内更优的对信息框进行排布，使之布局合理，尽可能实现所有悬浮框之间的最小交叠，减少对用户视线内有用信息的遮挡，使用户可以直观的看到所有悬浮框所提供的信息，极大的提高了用户体验。

Description

一种信息框的布局方法、装置和用户终端

技术领域

本发明涉及桌面信息布局技术领域，更具体地说，涉及一种信息框的布局方法、装置和用户终端。

背景技术

日常生活中能看到各种物品上纷繁复杂的文本信息，其中包含各式各样的商标品牌等企业信息。目前人们通常可以根据常识或者借助常用网络搜索引擎来识别一部分，但这些获取方式效率较低，需要凭借人的经验知识进行识别然后进行查询，容易忽略或弄错很多信息。通过不同的信息扫描系统，能够识别其中文本信息，并且能够从中提取出有价值的企业相关信息，当场即时转化成可视的企业信息，展示给用户。

在展示时，识别出来的企业信息以信息框的形式展现在终端。由于终端的屏幕面积有限、形状固定，而在一个界面中很可能存在很多企业相关信息，容易出现多个信息框交叠的情况。

总之，在有限的展示区域中，对识别出用于展示的多个不同的信息框由于展示区域面积有限、原有内容占位不规则，导致信息框互相交叠、有用信息互相遮挡，造成对用户的视线遮挡，使用户无法直观的看到信息框所提供的信息，极大的降低了用户体验。

发明内容

有鉴于此，本发明提供一种信息框的布局方法、装置和用户终端以解决现有技术的不足。

为解决上述问题，本发明提供一种信息框的布局方法，应用于识别区域内的悬浮框，其中所述悬浮框包括内容框和与所述内容框对应的信息框，包括：

获取所述识别区域中所述内容框的内容定位信息；

根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果。

优选地，所述“根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集”包括：

基于所述内容定位信息，在所述识别区域对所述信息框根据相对于所述内容框的预设位置进行布局；

根据所述信息框在所述预设位置的不同的布局组合，生成组合集。

优选地，所述预设位置为包括所述内容框的上方、下方、左方和右方4个方位的预设位置；

所述“根据所述信息框在所述预设位置的不同的布局组合，生成组合集”包括：

判断所述内容框的总数量是否大于8；

若所述内容框的所述总数量不大于8，则生成包含4^总数量个所述布局组合的所述组合集。

优选地，所述“判断所述内容框的总数量是否大于8”之后，还包括：

若所述内容框的所述总数量大于8，则随机选取其中65536个所述布局组合，生成所述组合集。

优选地，所述“计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

在每个所述布局组合中，获取每两个相交的所述悬浮框中每个悬浮框的对角坐标；

根据所述对角坐标计算得出两框相交面积；

对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

优选地，所述“对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

对所述布局组合中所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积；

判断所述相交总面积是否为0；

若所述相交总面积不为0，则对所有所述布局组合的所述相交总面积进行排序，选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

优选地，所述“判断所述相交总面积是否为0”之后，还包括：

若所述相交总面积为0，则停止计算，并将所述相交总面积为0的所述布局组合记为所述信息框布局结果。

此外，为解决上述问题，本发明还提供一种信息框的布局装置，包括：获取模块、布局模块和计算模块；

所述获取模块，用于获取识别区域中内容框的内容定位信息；

所述布局模块，用于根据所述内容定位信息，在识别区域对信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

所述计算模块，用于计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果。

此外，为解决上述问题，本发明还提供一种用户终端，包括存储器以及处理器，所述存储器用于存储信息框的布局程序，所述处理器运行所述信息框的布局程序以使所述用户终端执行如上述所述信息框的布局方法。

此外，为解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有信息框的布局程序，所述信息框的布局程序被处理器执行时实现如上述所述信息框的布局方法。

本发明提供的一种信息框的布局方法、装置和用户终端。其中，本发明所提供的方法通过根据内容框的定位信息对信息框进行不同形式的组合布局形成组合集，并对组合集中每个布局组合的悬浮框相交面积求和并排序，选取总面积最小的布局组合作为信息框布局的结果，从而可以在有限的屏幕范围内更优的对信息框进行排布，使之布局合理，尽可能实现所有悬浮框之间的最小交叠，减少对用户视线内有用信息的遮挡，使用户可以直观的看到所有悬浮框所提供的信息，极大的提高了用户体验。

附图说明

图1为本发明信息框的布局方法实施例方案涉及的硬件运行环境的结构示意图；

图2为本发明信息框的布局方法第一实施例的流程示意图；

图3为本发明信息框的布局方法第二实施例的流程示意图；

图4为本发明信息框的布局方法第三实施例的流程示意图；

图5为本发明信息框的布局方法第三实施例的预设位置的示意图；

图6为本发明信息框的布局方法第四实施例的流程示意图；

图7为本发明信息框的布局方法第四实施例的对角坐标的示意图；

图8为本发明信息框的布局方法第五实施例的流程示意图；

图9为本发明信息框的布局装置的功能模块示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

下面详细描述本发明的实施例，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

在本发明中，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”、“固定”等术语应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或成一体；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通或两个元件的相互作用关系。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，图1是本发明实施例方案涉及的终端的硬件运行环境的结构示意图。

本发明实施例终端可以是PC，也可以是智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、便携计算机等具有显示功能的可移动式终端设备。

如图1所示，该终端可以包括：处理器1001，例如CPU，网络接口1004，用户接口1003，存储器1005，通信总线1002。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏、输入单元比如键盘、遥控器，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

可选地，终端还可以包括摄像头、RF(Radio Frequency，射频)电路，传感器、音频电路、WiFi模块等等。此外，移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

本领域技术人员可以理解，图1中示出的终端并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机可读存储介质的存储器1005中可以包括操作系统、数据接口控制程序、网络连接程序以及信息框的布局程序。

实施例1：

参照图2，本发明第一实施例提供一种信息框的布局方法，包括：

步骤S100，获取所述识别区域中所述内容框的内容定位信息；

上述，识别区域即为屏幕的可见或可操作区域，在本实施例中，为手机屏幕的可视屏幕面积区域。

上述，通过利用信息识别技术，对识别区域中的实体内容的位置进行获取，实体内容可以为识别区域内的企业相关信息，例如可以包括但不限于商标LOGO、广告语、企业联系方式、宣传口号、产品信息等等。在本实施例中，通过企业扫描系统，获取屏幕内实体的位置，即根据实体内容生成内容框，并获取该内容框的内容位置信息。

上述，内容位置信息可以为识别区域内的坐标，也可以为实体内容的方向数据。

步骤S200，根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

上述，信息框为通过企业识别系统对识别区域的相关企业信息进行识别后，生成的包含有企业特征的悬浮框。信息框中可以包括但不限于法定代表人、注册资本、成立时间、微信号、手机号、电子邮箱、企业名称、法律诉讼、股票代码等等信息。例如，识别区域中包含有好莱客的企业名称，通过识别技术，生成信息框，其中包括好莱客的股票代码、地址、法律诉讼个数等等信息。

上述，确定了实体内容的具体位置后，根据该内容定位信息，对信息框进行布局。其中，布局方式由于位置不同、且存在多个不同的信息框，即可出现不同的布局组合方式，进而根据所有的不同的布局组合生成一个组合集，该组合集中包含所有的布局组合。

步骤S300，计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果。

上述，在组合集中，计算每一个布局组合中所有悬浮框的相交总面积，即得到在每一种布局组合中出现遮挡的悬浮框之间的遮挡情况；其中，互相之间遮挡面积较大的组合，使最终的该布局组合的相交总面积增大。在所有的布局组合中，选择相交总面积最小的布局组合，即为选择其中出现遮挡的情况最小、对主体信息影响最小的布局组合，即为信息框布局结果，进而按照该信息框布局结果对信息框进行布局。

本实施例所提供的方法通过根据内容框的定位信息对信息框进行不同形式的组合布局形成组合集，并对组合集中每个布局组合的悬浮框相交面积求和并排序，选取总面积最小的布局组合作为信息框布局的结果，从而可以在有限的屏幕范围内更优的对信息框进行排布，使之布局合理，尽可能实现所有悬浮框之间的最小交叠，减少对用户视线内有用信息的遮挡，使用户可以直观的看到所有悬浮框所提供的信息，极大的提高了用户体验。

实施例2：

参照图3，本发明第二实施例提供一种信息框的布局方法，基于上述图2所示的第一实施例，所述步骤S200“根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集”包括：

步骤S210，基于所述内容定位信息，在所述识别区域对所述信息框根据相对于所述内容框的预设位置进行布局；

上述，根据内容定位信息，获知该内容框的在识别区域中的具体位置，从而可进一步围绕内容框或在一定的范围内、一定的空间内对信息框进行布局。通过设定预设位置，对信息框进行布局摆放。其中，预设位置可以为方向信息，也可以为距离、坐标的信息，例如，预设位置为与某个内容框的距离为5像素的位置或者预设距离为以某个内容框中心为半径大于3小于10像素的位置等等。

步骤S220，根据所述信息框在所述预设位置的不同的布局组合，生成组合集。

上述，根据预设位置，进行对信息框的布局，从而产生多个基于预设位置的不同组合，所有的布局组合形成组合集。

实施例3：

参照图4和图5，本发明第三实施例提供一种信息框的布局方法，基于上述图3所示的第二实施例，所述预设位置为包括所述内容框的上方、下方、左方和右方4个方位的预设位置。

上述，预设位置为相对于某个内容框外围的上下左右的四个方向。

所述步骤S220“根据所述信息框在所述预设位置的不同的布局组合，生成组合集”包括：

步骤S211，判断所述内容框的总数量是否大于8；

步骤S213，若所述内容框的所述总数量不大于8，则生成包含4^总数量个所述布局组合的所述组合集。

步骤S212，若所述内容框的所述总数量大于8，则随机选取其中65536个所述布局组合，生成所述组合集。

上述，在可识别区域中，从左上到右下，遍历所有内容框，将信息框的位置分别依据预设位置设置为上下左右4个位置，即得到4ⁿ个组合。其中，n为当前界面内的内容框的总数量。例如，对识别区域进行识别后，得到4个内容框，分别是HOLIKE、好莱客、设计家和商标logo，所以此时n为4。

上述，对n的数量进行判断，当n大于8时，则组合集中的所有布局组合就限定为4⁸个，即为65536个组合，从所有的布局组合中随机选出其中的65536个布局组合，形成组合集。如果n的数量不限制而导致过大，则在一定程度上引起运算量过大，导致占用大量终端的硬件资源，极大的降低用户体验。而n不大于8的时候，则生成的组合集重包含有的布局组合为4ⁿ个组合。

实施例4：

参照图6和图7，本发明第四实施例提供一种信息框的布局方法，基于上述图2所示的第一实施例，所述步骤S300“计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

步骤S310，在每个所述布局组合中，获取每两个相交的所述悬浮框中每个悬浮框的对角坐标；

上述，分别获取每一个布局组合中，两两相交的两个悬浮框的对角坐标。在本实施例中，分别为坐标1(x1，y1)、坐标2(x2，y2)和坐标3(x3，y3)、坐标4(x4，y4)。

步骤S320，根据所述对角坐标计算得出两框相交面积；

上述，根据上述两框的4个对角坐标，计算得出两框相交的相交面积。

上述，在本实施例中，计算两个悬浮框的两框相交面积的方法采用如下公式：

SA＝max(min(x2,x4)-max(x1,x3),0)*max(min(y2,y4)-max(y1,y3),0)；其中，坐标1(x1，y1)、坐标2(x2，y2)和坐标3(x3，y3)、坐标4(x4，y4)分别为对角坐标，SA为两框相交面积。

步骤S330，对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

上述，每个布局组合可能包含有多个两框相交的情况，对每个布局组合中的所有两框相交面积进行求和，即得出该布局组合中的相交总面积，进而得到组合集中，所有的布局组合的相交总面积。

上述，选择组合集中所有相交总面积最小的布局组合，即为遮挡最小、对悬浮框内信息影响最小的的布局组合，记为信息框布局结果，进而将信息框依据该信息框布局结果进行布局。

实施例5：

参照图8，本发明第五实施例提供一种信息框的布局方法，基于上述图5所示的第四实施例，所述步骤S330“对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

对所述布局组合中所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积；

上述，通过对每个布局组合中的所有两框相交面积进行求和，得到组合集中每一个布局组合的相交总面积。

步骤S331，判断所述相交总面积是否为0；

步骤S333，若所述相交总面积不为0，则对所有所述布局组合的所述相交总面积进行排序，选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

步骤S332，若所述相交总面积为0，则停止计算，并将所述相交总面积为0的所述布局组合记为所述信息框布局结果。

上述，在计算各布局组合中所有悬浮框相交总面积时，如果在所选的布局组合中，得到相交总面积为0，则标识该布局组合下悬浮框互相之间无遮挡，则停止继续计算，不在继续计算其他的组合的相交总面积，直接输出该布局组合作为信息框布局结果，按照该布局组合的布局方式进行对信息框布局。

此外，参照图9，本发明还提供一种信息框的布局装置，包括：获取模块10、布局模块20和计算模块30；

所述获取模块10，用于获取识别区域中内容框的内容定位信息；

所述布局模块20，用于根据所述内容定位信息，在识别区域对信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

所述计算模块30，用于计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果。

此外，本发明还提供一种用户终端，包括存储器以及处理器，所述存储器用于存储信息框的布局程序，所述处理器运行所述信息框的布局程序以使所述用户终端执行如上述所述信息框的布局方法。

此外，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有信息框的布局程序，所述信息框的布局程序被处理器执行时实现如上述所述信息框的布局方法。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

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

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (9)

1.一种信息框的布局方法，应用于识别区域内的悬浮框，其中所述悬浮框包括内容框和与所述内容框对应的信息框，其特征在于，包括：

获取所述识别区域中所述内容框的内容定位信息；

根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果；

其中，所述根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集包括：

基于所述内容定位信息，在所述识别区域对所述信息框根据相对于所述内容框的预设位置进行布局；

根据所述信息框在所述预设位置的不同的布局组合，生成组合集。

2.如权利要求1所述信息框的布局方法，其特征在于，

所述预设位置为包括所述内容框的上方、下方、左方和右方4个方位的预设位置；

所述“根据所述信息框在所述预设位置的不同的布局组合，生成组合集”包括：

判断所述内容框的总数量是否大于8；

若所述内容框的所述总数量不大于8，则生成包含4^总数量个所述布局组合的所述组合集。

3.如权利要求2所述信息框的布局方法，其特征在于，所述“判断所述内容框的总数量是否大于8”之后，还包括：

若所述内容框的所述总数量大于8，则随机选取其中65536个所述布局组合，生成所述组合集。

4.如权利要求1所述信息框的布局方法，其特征在于，所述“计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

在每个所述布局组合中，获取每两个相交的所述悬浮框中每个悬浮框的对角坐标；

根据所述对角坐标计算得出两框相交面积；

对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

5.如权利要求4所述信息框的布局方法，其特征在于，所述“对每个所述布局组合中的所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果”包括：

对所述布局组合中所有所述两框相交面积求和，得到所述组合集中每个所述布局组合中所有悬浮框的相交总面积；

判断所述相交总面积是否为0；

若所述相交总面积不为0，则对所有所述布局组合的所述相交总面积进行排序，选取所有所述相交总面积中最小的所述布局组合，记为信息框布局结果。

6.如权利要求5所述信息框的布局方法，其特征在于，所述“判断所述相交总面积是否为0”之后，还包括：

若所述相交总面积为0，则停止计算，并将所述相交总面积为0的所述布局组合记为所述信息框布局结果。

7.一种信息框的布局装置，其特征在于，包括：获取模块、布局模块和计算模块；

所述获取模块，用于获取识别区域中内容框的内容定位信息；

所述布局模块，用于根据所述内容定位信息，在识别区域对信息框进行布局，并生成包括所述信息框不同布局组合的组合集；

所述计算模块，用于计算所述组合集中每个所述布局组合中所有悬浮框的相交总面积，并选取所有相交总面积中最小的所述布局组合，记为信息框布局结果；

其中，所述根据所述内容定位信息，在所述识别区域对所述信息框进行布局，并生成包括所述信息框不同布局组合的组合集包括：

基于所述内容定位信息，在所述识别区域对所述信息框根据相对于所述内容框的预设位置进行布局；

根据所述信息框在所述预设位置的不同的布局组合，生成组合集。

8.一种用户终端，其特征在于，包括存储器以及处理器，所述存储器用于存储信息框的布局程序，所述处理器运行所述信息框的布局程序以使所述用户终端执行如权利要求1-6中任一项所述信息框的布局方法。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有信息框的布局程序，所述信息框的布局程序被处理器执行时实现如权利要求1-6中任一项所述信息框的布局方法。

Images