CN107831965B - 一种信息显示的方法及装置 - Google Patents

Abstract

本申请公开了一种信息显示的方法及装置，获取程序界面的截图，并显示成对的游标或者光标。当监测用户对游标对或光标执行操作时，确定游标对中各游标的位置或者光标的位置。对于游标对，可进一步确定各游标分别对应的元素边界，将被执行操作的各游标分别移动至边界，显示游标对之间的距离。对于光标，可进一步确定光标对应的颜色。再根据光标边界以及确定出的颜色，确定字符边界。从而确定字符尺寸并显示。

Description

一种信息显示的方法及装置

技术领域

本申请涉及信息技术领域，尤其涉及一种信息显示的方法及装置。

背景技术

目前，在移动终端测量程序界面中的元素或者字符的尺寸时，通常是通过使用测量尺寸的工具进行测量。其中，元素尺寸通常是指在界面中设计的按键、窗口等区域的大小尺寸，字符尺寸通常为界面中文字的大小，如图1所示。

而在现有技术中，移动终端中的测量尺寸的工具，需要通过用户手指拖动游标，并且只是显示游标之间的距离。

但是，通常对于元素以及字符的尺寸测量需要精确到像素级别，可见需要一种可以在移动终端上精确显示元素尺寸、字符尺寸的方法，基于现有技术，本说明书提供一种新的信息显示方法。

发明内容

本说明书实施例提供一种信息显示的方法及装置，用于解决现有技术难以方便、精确的确定移动终端上的程序界面的元素尺寸以及字符尺寸的问题。

本说明书实施例采用下述技术方案：

一种信息显示的方法，方法包括：

获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示该对游标之间的距离。

一种信息显示方法，包括：

获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

在所述截图中确定在所述位置上的颜色；

根据所述光标的边界以及所述颜色，确定字符边界；

根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

一种信息显示装置，包括：

获取显示及监测模块，获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

第一确定模块，针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

第二确定模块，根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

第三确定模块，根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

第四确定模块，将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示模块，显示该对游标之间的距离。

一种信息显示装置，包括：

获取显示及监测模块，获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

第一确定模块，当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

第二确定模块，在所述截图中确定在所述位置上的颜色；

第三确定模块，根据所述光标的边界以及所述颜色，确定字符边界；

显示模块，根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

一种移动终端，包括：一个或多个处理器及存储器，所述程序被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示该对游标之间的距离。

一种移动终端，包括：一个或多个处理器及存储器，所述程序被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

在所述截图中确定在所述位置上的颜色；

根据所述光标的边界以及所述颜色，确定字符边界；

根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

通过本说明书提供的方法，通过获取在程序界面的截图，以及监测用户对游标的操作，将游标吸附至确定出的元素边界上，使得无需精确将游标线的移动至元素边界，便可以确定精确测量的元素尺寸。同理，通过确定该光标的边界以及光标所在位置的颜色，从而确定字符边界，进而准确的确定字符的尺寸，使得只需将光标覆盖在字符上，便可得到字符的尺寸。使得在移动终端上，即使用户的手指无法精确的移动游标或者光标，也以得到精确的元素尺寸以及字符尺寸，弥补了现有技术难以在移动终端上精确测量元素尺寸以及字符尺寸的缺陷，使得在移动终端上就可以方便、准确的确定程序界面中元素以及字符的尺寸。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为现有程序界面的元素尺寸及字符尺寸的示意图；

图2为本说明书实施例提供的一种信息显示的过程；

图3a为本说明书实施例提供的程序界面的示意图；

图3b为本说明书实施例提供的程序界面中显示不同游标对的示意图；

图3c为本说明书实施例提供的另一种程序界面中显示游标对的示意图；

图4a至4d为本说明书实施例提供的在浮动窗口显示游标线及光标的过程示意图；

图5为本说明书实施例提供的线段示意图；

图6a至6d为本说明书实施例提供的准确确定元素尺寸的过程示意图；

图7a以及图7b为本说明书实施例提供的显示元素边界的过程示意图；

图8为本说明书实施例提供的另一种信息显示的过程；

图9为本说明书实施例提供的确定字符的边界示意图

图10为本说明书实施例提供的拟合曲线的示意图；

图11为本说明书实施例提供的显示元素尺寸以及字符尺寸的示意图；

图12为本说明书实施例提供的一种信息显示装置的结构示意图；

图13为本说明书实施例提供的另一种信息显示装置的结构示意图；

图14为本说明书实施例提供的一种移动终端的结构示意图；

图15为本说明书实施例提供的另一种移动终端的结构示意图。

具体实施方式

现有技术中，在移动终端上开发应用时，为了使应用能够提供更好的用户体验，通常会由交互设计师、视觉设计师以及程序员共同协作进行应用开发。

应用开发的流程通常是，先由交互设计师、视觉设计师(为方便描述以下统一称为设计人员)对应用的界面、交互逻辑等进行设计，确定应用的设计稿(如，界面样式、交互方式等等)，之后再由程序开发人员根据该设计稿，进行应用编写。

其中，程序开发人员在根据设计稿进行程序编写时，需要从视觉上尽量还原设计稿的内容。但是，由于程序开发人员和设计人员对于设计稿的理解存在一定的偏差，通常编写好的应用难以准确的还原出设计稿中的视觉效果。因此还需要设计人员对编写好的应用进行验收，判断是否存在不满足设计需求的内容。若是则向程序开发人员提出修改意见，再由程序开发人员进行修改，如此反复直至应用符合设计需求为止。上述验收以及修改的过程通常称为视觉还原。

其中，设计人员在进行视觉效果的验收时，主要对程序界面的颜色、元素尺寸以及字符尺寸等进行验收。并且，元素通常为在程序界面中的由平行线以及垂直线构成的矩形。尺寸的大小通常基于像素点(pixel，px)的数量确定，例如，在安卓系统中以密度独立像素(Density-independent Pixels，dp)表示元素尺寸，以比例尺独立像素(Scale-independent Pixels，sp)表示字符尺寸。

但是现有技术中，移动终端上的测量尺寸的工具一般是显示一对游标之间的距离，当用户需要测量元素或者字符尺寸时，通过手指在屏幕上将游标分别至元素的边界，并将测量尺寸的工具显示的光标之间的距离，作为元素或者字符尺寸。而由于人手指在屏幕上的操作精度较低，导致测量的精度难以保证。

或者在现有技术中，由设计人员将应用的界面进行截图后，发送至个人电脑上，以在尺寸较大的屏幕(如，显示器的屏幕)上对截图进行放大后，再对元素或者字符的尺寸进行精确测量。但又会导致操作繁琐，测量效率低等问题。

因此，本说明书各实施例提供一种信息显示的方法以及装置，解决现有技术难以方便、精确的确定移动终端上的程序界面的元素尺寸以及字符尺寸的问题。

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

以下结合附图，详细说明本申请各实施例提供的技术方案。

图2为说明书实施例提供的一种信息显示的过程，具体可包括以下步骤：

S100：获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作。

由于本说明书提供的方法用于解决在移动终端上难以方便精确测量应用的程序界面中元素以及字符的尺寸的问题，所以可由移动终端自身或者安装在移动终端上的程序，执行本说明书实施例提供的信息显示过程。

其中，该移动终端可以是手机、平板电脑等设备，本说明书对此不做限定。而若通过安装在移动终端上的程序执行该信息显示过程，则该程序可以为安装在移动终端的系统中的程序，并通过运行该程序执行上述信息显示过程。此时，该移动终端的程序界面，为待测量元素尺寸的程序界面。而待测量的程序界面对应的程序为第三方程序。如，系统程序(则，此时程序界面为系统界面)或者安装在系统程序中的其他程序，如图3a所示。

具体的，无论是通过移动终端自身还是通过移动终端上安装的程序执行该信息显示过程，都需要获取待测量的程序界面的截图且显示至少一对游标，以监测用户对游标对的操作执行后续操作。其中，本说明书对于游标的形状不做限定，为了方便描述，后续以游标是线段为例进行说明。具体的，每对游标可为相互平行的线段，并且该线段的长度可以根据需要进行设置。例如，该游标的线段可为贯穿浮动窗口的线段，也可以是预设长度的线段，如图3b所示。

图3a为本说明书实施例提供的待测量的程序界面的示意图，图3b为本说明书实施例提供的在程序界面上显示游标线以及光标的示意图。

进一步地，该游标可以显示在浮动窗口(Float Window)中。则该浮动窗口为执行该信息显示过程的程序的界面，该浮动窗口可为透明窗口。并且，该浮动窗口的窗口Z序高于该程序界面的窗口Z序。于是，当显示该浮动窗口后，虽然该浮动窗口的窗口Z序在程序界面之上，但是并不会遮挡程序界面中的内容。并且，由于将游标显示在浮动窗口中，所以当用户对游标操作时，不会误触待测量的程序界面中的元素(如，按键)。

另外，通过如图1所示的程序界面的示意图，可见在程序界面中的元素通常为矩形。因此，为了方便确定元素的纵向边长以及水平边长，在本说明书中可显示两对游标。其中，一对游标在为水平的线段，另一对游标为垂直的线段，如图3c所示。

进一步地，在本说明书中，获取截图、显示游标对以及监测用户的操作之间不存在执行先后顺序。既可以先获取截图，再显示游标最后监测用户的操作，也可以先监测用户的操作，再获取截图最后显示游标，本说明书对此不做限定。

具体的，可在当监测到用户输入指令时，显示该浮动窗口。例如，该浮动窗口对应的程序在启动之后可以显示浮动按键，该浮动按键的窗口Z序高于待测量的程序界面的窗口Z序。则在后续该待测量的程序启动后，该程序界面不会遮挡该浮动按键。因此，可在监测到用户对该浮动按键执行点击操作时(即，监测到用户输入指令时)，在该程序界面上显示该浮动窗口。上述过程可如图4a至4d所示。

图4a为本说明书提供的移动终端的系统界面的示意图。其中，系统界面中的APP1为浮动窗口对应的程序，当用户启动该程序后可显示浮动按键。图4b为启动浮动窗口对应的程序后，在该系统界面上显示浮动按键的示意图。其中，系统界面中的APP4为待测量的程序界面对应的程序，当用户启动APP4后可显示程序界面。图4c为启动待测量的程序界面对应的程序启动后，在程序界面上显示浮动按键的示意图。其中，浮动按键的窗口Z序高于程序界面的窗口Z序，所以不会被程序界面遮挡。当监测到用户对该浮动按键执行点击操作后，可显示该浮动窗口。图4d为监测到用户对浮动按键执行点击操作后，在程序界面上显示浮动窗口的示意图。其中，浮动窗口中显示两对游标。并且，由于浮动窗口为透明窗口，所以并不会遮挡程序界面中的内容。

进一步地，在本说明书实施例中也可在监测到用户输入指令时获取程序界面的截图。而获取截图的指令与显示浮动窗口的指令可以是同一个指令，则在监测到用户输入指令时，可显示浮动窗口以及获取截图。或者，也可以在该浮动窗口中显示截图按键，当监测到用户点击截图按键时，确定用户输入指令，并获取程序界面的截图。

S102：针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置。

在本说明书实施例中，针对每对游标，当监测到用户对该对游标执行操作时，可进一步确定被执行操作的各游标分别对应的位置。为方便描述，在本说明书中以一对游标中的一个游标为例进行说明。

具体的，由于游标通常为拖动使用的，所以该操作可以是拖动操作。于是可当监测到用户对游标执行的拖动操作时，确定游标对应的位置。当然，本说明书并不限定该操作具体为何种操作，可以根据需要进行设置。例如，也可当监测到用户对游标执行点击操作、双击操作等等操作时，确定游标对应的位置。

另外，在本说明书中，若以监测用户对游标执行拖动操作为例进行说明。由于用户在对游标执行拖动操时，游标的位置可能在不断变化，所以可以在监测到拖动操作结束时，再确定游标的位置。以减少确定游标位置的次数，减少资源消耗。

需要说明的是，此时确定的游标的位置，是游标在移动终端的屏幕中的位置。并且，由于获取的程序界面的截图也是显示移动终端的屏幕中的，所以也可视为，确定出的游标的位置为游标在程序界面中的位置。

S104：根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围。

在本说明书实施例中，继续以一对游标中的一个游标为例进行说明。当在步骤S102中确定了游标对应的位置之后，可进一步在获取的截图中，确定该位置对应的选择范围。也就是说，确定每一个游标所在位置对应的选择范围。以便后续再根据预设的边界算法，在确定出的选择范围内，确定程序界面中元素的边界，以执行后续步骤。

具体的，由于通常在程序界面中存在多个元素，而距离游标较远的元素，显然是用户需要测量尺寸的元素的可能性较低。也就是说，通常用户会将游标移动至元素的边界附近，以测量元素尺寸。因此，为了避免确定出的错误的元素的边界，在确定出游标位置之后，可先确定该位置对应的选择范围。并且，将在该选择范围内的元素的边界视为待选的边界，再通过步骤S106确定边界。其中，该选择范围的长度单位可以以dp表示。如，选择范围为距离该游标10dp以内的范围。

其中，该选择范围的数值可以根据需要进进行设置，本说明书对此不做限定。并且，由于游标为线段时，该线段的长度也可以根据需要设置，如，图3b所示。因此，该选择范围可包括垂直范围和/或水平范围。例如，当游标为贯穿移动终端屏幕的水平线段时，该选择范围可以仅为垂直范围。当游标为贯穿移动终端屏幕的垂直线段时，该选择范围可以仅为水平范围。当游标为长度10dp的线段时，则该选择范围可包括既垂直范围也水平范围。

S106：根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界。

在本说明书实施例中，当确定游标对应的选择范围后，可以继续根据预设的边界算法，确定元素的边界。

具体的，在本说明书提供第一种确定元素的边界的方法中。首先，可根据预设的边界算法，确定程序界面中各元素的边界。之后，再确定在该游标对应的选择范围内的边界。最后，再从在选择范围内各边界中，选择距离该游标最近的边界。其中，该预设的边界算法可以是Sobel边缘检测算法、Roberts算子等等，本说明书对此不做限定。

另外，在本说明书提供的第二种确定元素的边界的方法中，该游标可为线段。首先，可确定在该游标的位置上，该程序界面显示的颜色，作为基础颜色。之后，再在该选择范围内，确定与该游标的线段平行、超过预设长度以及颜色与基础颜色不同的至少一条线段。最后，从确定出的各线段中，选择距离游标最近的线段作为确定出的边界。其中预设长度可以根据需要进行设置，本说明书对此不做限定。

例如，假设游标为贯穿屏幕的水平线段。首先，可以先确定游标对应的基础颜色。之后以该游标所在的线段为起始点，向上或者向下，逐行确定长度超过预设长度且不是基础颜色的线段。最后，将距离该线段垂直距离最小的线段作为边界。

需要说明的是，对于程序界面中的元素来说，元素边界在本说明书中可以视为是上述的线段。例如，假设图5所示的10×10的色块为程序界面中的一个元素。则其中虚线框所围成的1×10的该色块的边界为本说明书的线段。也就是说若该色块全都在某一个游标对应的选择范围内，可将该色块确定为10条线段。

S108：将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界。

S110：显示该对游标之间的距离。

在本说明书实施例中，以一对游标中的一个游标为例，当确定了出该游标对应的边界后，便可将该游标线移动至确定出的边界上。则对于被执行操作的每对游标来说，该对游标中的各游标均可通过上述步骤S102～S106确定分别对应的元素的边界。则通过步骤S108，该对游标中的各游标均可分别移动至其对应的元素边界。则此时再显示该对游标之间距离时，由于游标均已移动至元素的边界，所以显示距离为准确的。

具体的，在步骤S102中对于每对游标来说，用户通常只能分别对该对游标中的各游标分别执行操作。所以在步骤S110显示游标对之间的距离时，存在该对游标中的一个游标移动至元素的边界，而另一个游标线并没有移动至元素的边界的情况。则此时，也可显示该游标对之间的距离，但是显示的距离并不是元素的尺寸(如图6a以及6b所示)。而在用户对另一个游标执行操作后，重复上述步骤，则另一游标也可移动至确定出的元素的边界。从而使得显示游标对之间的距离为精确的元素尺寸(如，图6c以及6d所示)。其中，上述距离可以以dp为单位进行显示。

通过上述信息显示过程，可见无需精确将游标的移动至元素边界。通过确定游标对应的选择范围，进而确定元素的边界。再将游标移动至确定出的边界，从而确定精确测量的元素尺寸。解决了无法在移动终端上精确测量元素尺寸的问题。

另外，在本说明书中，也可以不在步骤S100中获取截图，而是在本说明书步骤S102中获取截图。具体的，可将监测到用户对游标执行操作，作为监测到用户输入指令。于是，可在监测到用户对游标执行拖动操作时，获取程序界面的截图。

进一步地，由于用户手指操作精度较低，所以可能会多次对游标执行拖动操作后，才将游标移动至需要测量的元素边界附近的情况。则若每监测到用户对游标执行操作，就获取一次截图可能导致获取的截图过多。导致终端的缓存造成存储压力较大。并进一步导致终端执行垃圾回收机制(Garbage Collection,GC)的次数增加。

因此，在本说明书中为了降低缓存压力以及减少GC次数，在监测到用户对游标执行拖动操作时，可先判断在预设时间段内是否存储过截图，若是，则调用已存储的所述截图，若否，则对所述程序界面执行截图操作，获取截图并存储。其中，对程序界面执行截图操作后获取的截图可以存储在该移动终端的缓存中。

具体的，该预设时间段对应预设的时长，该时长可根据需要进行设置。当在监测到用户执行拖动操作时，回溯该预设的时长，确定该预设时间段。进而执行后续判断的步骤。也就是说，当移动终端对程序界面执行截图操作，并将截图存储之后。在预设时长内无论监测到用户执行多少次拖动操作，均可使用缓存中已存储的截图。而无需在每次监测拖动操作时，都对程序界面执行截图操作。

更进一步地，在程序界面中，元素的在显示的时可能并不会显示元素边界。例如，元素为透明背景上绘制的图案。则通过现有确定边界方法，只能确定该图案的边界。于是，为了方便确定元素边界，在获取该程序界面的截图之前，还可以启动现有的界面布局边界显示工具，以显示程序界面中各元素的边界。

例如，假设图7a为各元素均没有显示元素的边界的情况。则在启动界面布局边界显示工具后，可显示如图7b所示的元素边界。需要说明的是，程序界面对应的程序，执行信息显示过程的程序以及界面布局边界显示工具可为三个不同的独立程序。

需要说明的是，本申请实施例所提供方法的各步骤的执行主体均可以是同一设备，或者，该方法也由不同设备作为执行主体。比如，步骤S102和步骤S104的执行主体可以为设备1，步骤S106和步骤S108的执行主体可以为设备2；又比如，步骤S102和骤S106的执行主体可以为设备2，步骤S104和步骤S108的执行主体可以为设备1；等等。上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

基于图2所示的信息显示方法，本说明书实施例还提供一种信息显示方法，如图8所示。

图8为本说明书实施例提供的一种信息显示过程，具体可包括以下步骤：

S200：获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作。

S202：当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置。

在本说明书实施例中，该信息显示过程用于在移动终端中显示字符的尺寸。与图2所示的信息显示过程类似，可由移动终端自身或者安装的程序执行该信息显示过程。

具体的，由于通常在程序界面中字符的大小要小于元素的大小，所以通过游标对测量字符时存在困难。因此在本说明书中，在测量字符尺寸时，可以显示至少一个光标。并通过后续步骤显示光标遮盖的字符的字符尺寸。其中，在本说明书实施例中，该光标的形状可以是矩形。光标的尺寸可以根据需要进行设置。

另外，对于步骤中其他操作均可参考步骤S100以及步骤S102中的描述，本说明书对此不再赘述。

S204：在所述截图中确定在所述位置上的颜色。

S206：根据所述光标的边界以及所述颜色，确定字符边界。

在本说明书实施例中，在确定出光标的位置之后，还可在获取的截图中，确定该位置上的颜色。之后再根据该光标的边界以及确定出的颜色，确定字符的边界。

具体的，在本说明书实施例中，该光标可部分遮盖待测量的字符，则在步骤S204中确定光标所在位置上的颜色时，可以确定出字符的颜色以及背景颜色。并在后续步骤S206中，根据确定出的字符的颜色、确定出的背景颜色以及光标边界，确定出光标遮盖的字符的边界。

并且，由于字符的尺寸一般只能通过字符的高度或者字符的宽度确定，所以在确定字符的边界时，可先确定光标上下边界和/或光标的左右边界。当然，由于现有技术中通常以字符的高度作为字符的尺寸，所以在本说明书以确定光标的高度为例进行后续说明。

首先，确定光标的上边界以及下边界。之后，根据步骤S204中确定出的颜色，进一步确定光标的上边界对应的颜色，以及光标的下边界对应的颜色。其中，光标的上边界对应的颜色中包含字符的颜色以及上边界对应的背景颜色，光标的下边界对应的颜色中包含字符的颜色以及下边界对应的背景颜色。然后，确定光标的左右边界的延长线之间的各行像素，以光标的上边界为起始行依次向上，从确定出的各行像素中，选择与下一行像素的颜色不完全相同的一行像素，作为字符的上边界。同理，针对光标的下边界，采用相同的方法确定字符边界的下边界。当确定出字符边界的上下边界时，将上下边界之间的距离作为字符边界的高度。

例如图9所示的确定字符边界的上下边界的过程。在图9中，光标覆盖在“人”字符上，可确定光标位置的颜色为黑色和白色。在步骤S206中，可以从光标的上下边界开始，逐行判断是否出现与该光标位置不完全相同的颜色，当判断到“人”字符以外的一行时，该行中只存在白色，则可确定已经判断过的上一行为字符的边界，从而确定字符边界的上下边界。进而将上下边界之间的距离作为字符边界的高度。

同理，在本说明书实施例中，也可确定光标的上下边界的延长线之间的各列像素。并以光标的左边界为起始列依次向左，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为字符的左边界。以光标的右边界为起始列依次向右，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为字符的右边界。将字符边界的左右边界之间的距离作为字符边界的宽度。

S208：根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

在本说明书实施例中，由于不同的移动终端的屏幕尺寸、像素密度等等都不完全一致，所以通常设置的字符尺寸，与实际显示在程序界面中的字符尺寸(如，字符边界的高度或者字符边界的宽度)不能保持一致。例如，程序开发人员设置的字符尺寸为12px，但是在程序界面中显示的字符尺寸却为10px。因此，字符边界的高度或者宽度并不时准确的确定字符尺寸。

于是，在本说明书中，还可以根据预先获取的拟合公式，确定与该字符边界对应的字符尺寸，并显示。

具体的，可由该移动终端自身或者执行该信息显示过程的程序，预先向服务器发送移动终端的设备信息(如，设备型号、屏幕尺寸、像素密度等)，之后再接收服务器返回的与该设备信息对应的拟合公式并存储。则在确定出字符边界的高度或者宽度之后，可以将该高度或者宽度输入该拟合公式中，从而得到对应的字符尺寸。

其中，服务器可预先确定不同设备信息分别对应的拟合公式，在接收到设备信息时，确定对应的拟合公式并返回。例如，服务器可针对每种型号的移动终端，采集在该移动终端中设置的字符尺寸，及其对应的实际显示时字符尺寸，共同左右样本。通过最小二乘法确定设置的字符尺寸与实际显示的字符尺寸的拟合曲线，获取该拟合曲线对应的拟合公式，如图10所示。

通过图10所示的拟合曲线对应的拟合公式，移动终端便可确定与该字符上下边界的距离(即，实际显示的字符尺寸)对应的字符尺寸(即，设置的字符尺寸)。

通过图8所示的信息显示过程，可见只需将光标遮盖在需要测量的字符上，便可得到准确的字符尺寸。解决了难以在移动终端上测量字符尺寸的问题。

另外，在本说明书实施例中，需要通过光标遮盖字符才可确定字符尺寸。但是，程序界面中可能存在较大的字符也可能存在较小的字符，所以单一尺寸的光标可能对于测量字符尺寸带来不便。因此，在步骤S200中可显示多个光标，并且各光标的尺寸可不完全相同，以满足对不同大小的字符的测量需求。

进一步地，在本说明书实施例中，图2以及图8所示的信息显示方法可以同时存在。于是在本说明书，元素尺寸可显示在每对游标的中间，字符尺寸可显示在光标旁边，如，图11所示。当然，具体该距离和尺寸如何显示本说明书不做限定。

基于图2所示的信息显示方法，本说明书实施例还提供一种信息显示装置，如图12所示。

图12为本说明书实施例提供的一种信息显示装置的结构示意图，包括：

获取显示及监测模块300，获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

第一确定模块302，针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

第二确定模块304，根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

第三确定模块306，根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

第四确定模块308，将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示模块310，显示该对游标之间的距离。

获取显示及监测模块300，显示浮动窗口，在所述浮动窗口中显示至少一对游标，其中，所述浮动窗口为透明窗口，所述浮动窗显示于所述程序界面的上层。

获取显示及监测模块300，在所述移动终端的屏幕中显示两对游标，其中，一对游标在为水平的线段，另一对游标为垂直的线段。

获取显示及监测模块300，当监测到用户输入指令时，显示所述浮动窗口和/或获取所述程序界面的截图。

第三确定模块306，针对该对游标中的每个游标，确定该游标的位置上所述程序界面显示的颜色，作为基础颜色，在该游标对应的所述选择范围内，确定与所述游标的线段平行、超过预设长度以及颜色与所述基础颜色不同的线段，作为确定出的边界。

第三确定模块306，在该游标对应的所述选择范围内，确定与所述游标的线段平行、超过预设长度以及颜色与所述基础颜色不同的至少一条线段，从确定出的至少一条线段中，选择与所述游标距离最近的线段，作为确定出的边界。

获取显示及监测模块300，获取移动终端上程序界面的截图之前，启动界面布局边界显示工具，显示所述程序界面中各元素的边界。

基于图8所示的信息显示方法，本说明书实施例还提供一种信息显示装置，如图13所示。

图13为本说明书实施例提供的一种信息显示装置的结构示意图，包括：

获取显示及监测模块400，获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

第一确定模块402，当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

第二确定模块404，在所述截图中确定在所述位置上的颜色；

第三确定模块406，根据所述光标的边界以及所述颜色，确定字符边界；

显示模块408，根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

所述光标的形状为矩形；

第三确定模块406，确定所述光标的上下边界和/或所述光标的左右边界，根据所述颜色，在所述截图中确定所述光标的上下边界分别对应的颜色和/或所述光标的左右边界分别对应的颜色，根据所述光标的上下边界分别对应的颜色，确定所述字符边界的高度，和/或根据所述光标的左右边界分别对应的颜色，确定所述字符边界的宽度。

第三确定模块406，确定所述光标的左右边界的延长线之间的各行像素，以所述光标的上边界为起始行依次向上，从确定出的各行像素中，选择与下一行像素的颜色不完全相同的一行像素，作为所述字符的上边界，以所述光标的下边界为起始行依次向下，从确定出的各行像素中，选择与下一行像素的颜色不完全相同的一行像素，作为所述字符的下边界，将所述字符边界的上下边界之间的距离作为所述字符边界的高度。

第三确定模块406，确定所述光标的上下边界的延长线之间的各列像素，以所述光标的左边界为起始列依次向左，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为所述字符的左边界，以所述光标的右边界为起始列依次向右，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为所述字符的右边界，将所述字符边界的左右边界之间的距离作为所述字符边界的宽度。

显示模块408，根据预先获取的拟合公式，确定所述字符边界的高度对应的尺寸和/或确定所述字符边界的宽度对应的尺寸。

显示模块408，预先向服务器发送所述移动终端的设备信息，接收所述服务器返回的与所述设备信息对应的拟合公式并存储。

基于图2所示的信息显示方法，本说明书实施例还提供另一种移动终端，如图14所示。

图14为本说明书实施例提供的一种终端的结构示意图，该终端，包括：一个或多个处理器及存储器，所述程序被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示该对游标之间的距离。

基于图8所示的信息显示方法，本说明书实施例还提供另一种移动终端，如图15所示。

图15为本说明书实施例提供的一种终端的结构示意图，该终端，包括：一个或多个处理器及存储器，所述程序被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

在所述截图中确定在所述位置上的颜色；

根据所述光标的边界以及所述颜色，确定字符边界；

根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于本申请实施例提供的移动终端以及服务器而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

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

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (18)

1.一种信息显示的方法，包括：

获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示该对游标之间的距离。

2.如权利要求1所述的方法，显示至少一对游标，具体包括：

显示浮动窗口；

在所述浮动窗口中显示至少一对游标，其中，所述浮动窗口为透明窗口，所述浮动窗口显示于所述程序界面的上层。

3.如权利要求1所述的方法，显示至少一对游标，具体包括：

在所述移动终端的屏幕中显示两对游标，其中，一对游标为水平的线段，另一对游标为垂直的线段。

4.如权利要求1所述的方法，获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作，具体包括：

当监测到用户输入指令时，显示浮动窗口和/或获取所述程序界面的截图。

5.如权利要求3所述的方法，根据预设的边界算法，在该对游标分别对应的所述选择范围内确定所述程序界面中的元素的边界，具体包括：

针对该对游标中的每个游标，确定该游标的位置上所述程序界面显示的颜色，作为基础颜色；

在该游标对应的所述选择范围内，确定与所述游标的线段平行、超过预设长度以及颜色与所述基础颜色不同的线段，作为确定出的边界。

6.如权利要求5所述的方法，在该游标对应的所述选择范围内中，确定与所述游标的线段平行、超过预设长度以及颜色与所述基础颜色不同的线段，作为确定出的边界，具体包括：

在该游标对应的所述选择范围内，确定与所述游标的线段平行、超过预设长度以及颜色与所述基础颜色不同的至少一条线段；

从确定出的至少一条线段中，选择与所述游标距离最近的线段，作为确定出的边界。

7.如权利要求1所述的方法，获取移动终端上程序界面的截图之前，所述方法还包括：

启动界面布局边界显示工具，显示所述程序界面中各元素的边界。

8.一种信息显示方法，包括：

获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

在所述截图中确定在所述位置上的颜色；

根据所述光标的边界以及所述颜色，确定字符边界；

根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

9.如权利要求8所述的方法，所述光标的形状为矩形；

根据所述光标的边界以及所述颜色，确定所述字符边界，具体包括：

确定所述光标的上下边界和/或所述光标的左右边界；

根据所述颜色，在所述截图中确定所述光标的上下边界分别对应的颜色和/或所述光标的左右边界分别对应的颜色；

根据所述光标的上下边界分别对应的颜色，确定所述字符边界的高度，和/或根据所述光标的左右边界分别对应的颜色，确定所述字符边界的宽度。

10.如权利要求9所述的方法，根据所述光标的上下边界分别对应的颜色，确定所述字符边界的高度，具体包括：

确定所述光标的左右边界的延长线之间的各行像素；

以所述光标的上边界为起始行依次向上，从确定出的各行像素中，选择与下一行像素的颜色不完全相同的一行像素，作为所述字符的上边界；

以所述光标的下边界为起始行依次向下，从确定出的各行像素中，选择与下一行像素的颜色不完全相同的一行像素，作为所述字符的下边界；

将所述字符边界的上下边界之间的距离作为所述字符边界的高度。

11.如权利要求9所述的方法，根据所述光标的左右边界分别对应的颜色，确定所述字符边界的宽度，具体包括：

确定所述光标的上下边界的延长线之间的各列像素；

以所述光标的左边界为起始列依次向左，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为所述字符的左边界；

以所述光标的右边界为起始列依次向右，从确定出的各列像素中，选择与下一列像素的颜色不完全相同的一列像素，作为所述字符的右边界；

将所述字符边界的左右边界之间的距离作为所述字符边界的宽度。

12.如权利要求9所述的方法，根据确定出的字符的边界，确定所述字符的尺寸，具体包括：

根据预先获取的拟合公式，确定所述字符边界的高度对应的尺寸和/或确定所述字符边界的宽度对应的尺寸。

13.如权利要求12所述的方法，预先获取拟合公式，具体包括：

预先向服务器发送所述移动终端的设备信息；

接收所述服务器返回的与所述设备信息对应的拟合公式并存储。

14.如权利要求9所述的方法，所述光标存在多个，且各光标的尺寸不完全相同。

15.一种信息显示装置，包括：

获取显示及监测模块，获取移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

第一确定模块，针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

第二确定模块，根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

第三确定模块，根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

第四确定模块，将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示模块，显示该对游标之间的距离。

16.一种信息显示装置，包括：

获取显示及监测模块，获取移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

第一确定模块，当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

第二确定模块，在所述截图中确定在所述位置上的颜色；

第三确定模块，根据所述光标的边界以及所述颜色，确定字符边界；

显示模块，根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

17.一种移动终端，包括：一个或多个处理器及存储器，所述移动终端被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一对游标，并监测用户的操作；

针对每对游标，当监测到用户对该对游标执行操作时，确定被执行所述操作的各游标分别对应的位置；

根据各游标分别对应位置，在所述截图中确定各游标分别对应的选择范围；

根据预设的边界算法，在各游标分别对应的所述选择范围内，分别确定所述程序界面中的元素的边界；

将被执行所述操作的各游标分别移动至分别确定出的所述元素的边界；

显示该对游标之间的距离。

18.一种移动终端，包括：一个或多个处理器及存储器，所述移动终端被配置成由一个或多个处理器执行以下步骤：

获取所述移动终端的程序界面的截图，显示至少一个光标，并监测用户的操作；

当监测到用户对任一光标执行操作时，确定被执行所述操作的光标的位置；

在所述截图中确定在所述位置上的颜色；

根据所述光标的边界以及所述颜色，确定字符边界；

根据确定出的字符边界，确定所述光标所覆盖的字符的尺寸，并显示。

Images