CN105988699A - 终端屏幕上信息显示的方法及其装置 - Google Patents

Abstract

本发明涉及界面交互，公开了一种终端屏幕上信息显示的方法及其装置。本发明中，包括以下步骤：响应来自终端输入装置的预定类型的输入信号，获取终端屏幕上当前焦点所对应的图形元素；获取图形元素所对应的属性信息；在新创建的浮层中显示属性信息，在浮层和图形元素之间画一条连接线。本发明中，终端屏幕上的图形元素的属性信息可以通过浮层进行显示，且浮层和图形元素之间具有连接线，能够固定且清楚地表示图形元素与属性信息之间的对应关系。浮层的位置可以拖动，便于用户对浮层的显示区域进行调节，避免遮盖原有的图形元素，连接线跟随浮层移动，保证了浮层和图形元素之间的对应关系保持不变。

Description

终端屏幕上信息显示的方法及其装置

技术领域

本发明涉及界面交互，特别涉及终端屏幕上信息显示的技术。

背景技术

随着触摸屏终端的发展，对终端的各种性能要求也越来越高，尤其是对于用户来说最直观的页面显示效果越来越被重视。其中一种页面的显示方法是将页面以页面浮层的形式进行显示，其中，页面浮层是指网页效果中的一种形式，它的表现样式为其显示在终端显示页面的上层，以达到强调其内容或者衔接上下文解释说明的效果。

目前常见的浮层显示方式包括：鼠标滑过终端界面时，以浮层的方式出现隐藏信息，当需要查看其它浮层时，前一个浮层消失。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

现有的实现方案中浮层不能固定，且当需要查看其它浮层时，前一浮层会消失，也就是说终端界面中的隐藏信息只能单独查看，不能进行对比分析。

发明内容

本发明的目的在于提供一种终端屏幕上信息显示的方法及其装置，终端屏幕上的图形元素的属性信息可以通过浮层进行显示，且浮层和图形元素之间具有连接线，能够固定且清楚地表示图形元素与属性信息之间的对应关系。

为解决上述技术问题，本发明的实施方式公开了一种终端屏幕上信息显示的方法，包括以下步骤：

响应来自终端输入装置的预定类型的输入信号，获取终端屏幕上当前焦点所对应的图形元素；

获取图形元素所对应的属性信息；

在新创建的浮层中显示属性信息，在浮层和图形元素之间画一条连接线。

本发明的实施方式还公开了一种终端屏幕上信息显示的装置，包括以下模块：

输入响应模块，用于响应来自终端输入装置的预定类型的输入信号，获取终端屏幕上当前焦点所对应的图形元素；

属性信息获取模块，用于获取图形元素所对应的属性信息；

浮层显示模块，用于在新创建的浮层中显示属性信息，并在浮层和图形元素之间画一条连接线。

本发明的实施方式还公开了一种电子设备，电子设备包括：

显示器；

处理器；

存储器，用于存储可执行程序，可执行程序被处理器执行时，在显示器的至少一部分区域以浮层的形式显示有显示器中图形元素所对应的属性信息；在浮层和对应的图形元素之间具有一条连接线。

本发明实施方式与现有技术相比，主要区别及其效果在于：

终端屏幕上的图形元素的属性信息可以通过浮层进行显示，且浮层和图形元素之间具有连接线，能够固定且清楚地表示图形元素与属性信息之间的对应关系。

进一步地，浮层的位置可以拖动，便于用户对浮层的显示区域进行调节，避免遮盖原有的图形元素；移动后的浮层和图形元素之间的连接线也相应更新，保证了浮层和图形元素之间的对应关系保持不变。

进一步地，多个浮层同时显示各自图形元素的属性信息，方便对各个图形元素进行对比分析。

进一步地，对于有多个浮层层叠显示的情况，用户当前最需要关注的浮层被点击后显示在其它浮层上面，能够显示该浮层的全部内容。

附图说明

图1是本发明第一实施方式中一种终端屏幕上信息显示的方法的流程示意图；

图2是本发明第二实施方式中一种终端屏幕上信息显示的方法的流程示意图；

图3是现有技术中统计图表分析中浮层显示示意图；

图4至图9是本发明第二实施方式优选例中在终端上对统计图表的交互步骤示意图；

图10是本发明第二实施方式优选例中在无线端手操作地图的交互示意图；

图11是本发明第三实施方式中一种终端屏幕上信息显示的装置的结构示意图。

具体实施方式

在以下的叙述中，为了使读者更好地理解本申请而提出了许多技术细节。但是，本领域的普通技术人员可以理解，即使没有这些技术细节和基于以下各实施方式的种种变化和修改，也可以实现本申请各权利要求所要求保护的技术方案。

术语解释：

浮层：网页效果中的一种形式，它的表现样式为其始终显示在网页的上层，以达到强调其内容或者衔接上下文解释说明的效果。

统计图表：通常用来方便理解大量数据，以及数据之间的关系。便于用户透过视觉化的符号，更快速地读取原始数据。现今图表已经被广泛用于各种领域，特定类型的图表有特别适合的数据。常见图表有直方图，长条图，圆饼图，折线图等。

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明的实施方式作进一步地详细描述。

本发明第一实施方式涉及一种终端屏幕上信息显示的方法，图1是该终端屏幕上信息显示的方法的流程示意图。

具体地说，如图1所示，该终端屏幕上信息显示的方法包括以下步骤：

步骤101，响应来自终端输入装置的预定类型的输入信号，获取终端屏幕上当前焦点所对应的图形元素。

可以理解，图像元素是指在终端上以各种形式显示的图像，可以为统计图表中图像表示的统计结果，包括柱状图、饼图、折线图、关系图等，也可以为地图中的各种图像标识等。

优选地，预定类型的输入信号是在图形元素上的点击、双击、或拖动操作。此外，可以理解，在本发明的其它实施方式中，预定类型的输入信号也可以是其它形式，而不局限于此。

步骤102，获取图形元素所对应的属性信息。

步骤103，在新创建的浮层中显示属性信息，在浮层和图形元素之间画一条连接线。

可以理解，属性信息在浮层中的展示形式可以为链接，文字，图片，视频或者其他展现信息的形式。

可以理解，浮层和图形元素之间的连接线可以为以下任一形式：直线，虚线，曲线等，只要能标识浮层和图形元素之间的对应关系即可。

可以理解，连接线能够固定浮层使其不消失，此外，浮层中还可以设置关闭浮层的按钮，用户可根据需求通过该按钮隐藏图形元素的属性信息。

本实施方式中，终端屏幕上的图形元素的属性信息可以通过浮层进行显示，且浮层和图形元素之间具有连接线，能够固定且清楚地表示图形元素与属性信息之间的对应关系。

本发明第二实施方式涉及一种终端屏幕上信息显示的方法，图2是该终端屏幕上信息显示的方法的流程示意图。

第二实施方式在第一实施方式的基础上进行了改进，主要改进之处在于：浮层的位置可以拖动，便于用户对浮层的显示区域进行调节，避免遮盖原有的图形元素，移动后的浮层和图形元素之间的连接线相应更新，保证了浮层和图形元素之间的对应关系保持不变；多个浮层同时显示各自图形元素的属性信息，方便对各个图形元素进行对比分析；对于有多个浮层层叠显示的情况，用户当前最需要关注的浮层被点击后显示在其它浮层上面，能够显示全部内容。具体地说：

优选地，如图2所示，浮层中设置有拖动区，该信息显示方法还包括以下步骤104：

当从终端输入装置检测到对拖动区的操作信号时，响应该操作信号移动浮层位置，并在移动后的浮层和图形元素之间重新画连接线。

此外，可以理解，在本发明的其它实施方式中，当检测到对拖动区的操作信号时，对该操作信号的响应形式并不局限于重新画连接线，也可以通过将原有连接线的一个端点设置为跟随浮层，则当浮层被拖动时，连接线能够一并得到更新。

优选地，浮层为多个，每个浮层显示各自所对应的图形元素的属性信息，方便对各个图形元素进行对比分析。

优选地，多个浮层层叠显示时，当接收到对浮层的未层叠区域的点击操作时，被点击的浮层显示在其它浮层上面。对于用户当前最需要关注的浮层，其被点击后显示在其它浮层上面，从而显示该浮层的全部内容。

现有技术中，举例来说，如图3所示为现有技术中统计图表分析中浮层显示示意图，在统计图表分析中，现有的实现方案只能在鼠标滑过时出现该时间下的隐藏信息，以浮层的方式表示，不能同时出现多个浮层进行查看。也就是说，图表内容的隐藏信息只能单独查看，不能进行对比分析。

而本实施方式则解决这个技术问题，不仅能单独查看隐藏信息，还能对多个隐藏信息进行同时查看分析。

作为本实施方式的优选例，如图4至图9所示为优选例中在终端上对图表的交互步骤。

第一步：默认状态下，正常图表如图4所示；

第二步：鼠标滑过图表时，出现浮层，如图5所示，滑出鼠标则浮层消失；

第三步：单击鼠标，浮层固定在网页上，不消失，如图6所示；

第四步：拖动浮层(标题区)，浮层改变位置，如图7所示；

第五步：重复第二至第四步，得到多个浮层，进行对比分析，如图8所示，同时看到多个浮层，进行对比分析。

其中，点击出来的浮层如图9所示，包含标题，拖动区，内容区和关闭浮窗，标题即x轴对应的刻度，拖动区用于移动浮层，内容区显示该浮层所对应的图形元素的属性信息，关闭浮窗则用于关闭该浮层。此外，需要说明的是：

1、点击出的浮层一定要有连线图表对应位置

2、拖动区可以放大，比如充满内容区，但不可以覆盖关闭按钮

3、内容区可以有链接，图片，视频或其他展现信息的形式

4、浮层可以是点击出现或者双击出现，或者直接拖动出现

5、鼠标点击某浮层，改浮层就会出现的其他浮层的上面

另外本实施方式一个关键点在于通过在HSL立方中的任意两个点的连线来确定所有色值的方法。

此外，本申请不限在电脑端，在无线端也能使用，不光用鼠标，使用手绘板，笔控设备，手操作(无线端)也能够实现上述操作。以在无线端手操作地图的交互为例，如图10所示，图中有多个图形元素，当检测到该无线端上有手操作的输入信号时，比如点击该地图中的两个图形元素，分别为中文字符“近”和数字符号“2”，则在该无线端的部分区域以浮层形式分别显示这两个图形元素所对应的属性信息，图中所示的属性信息为该图形元素所对应的地点信息，以及在设定期限内在该地点出现过的日期记录。此外，可以拖动上述两个浮层，以避免浮层对原地图的遮挡；两个浮层中的属性信息同时显示，便于进行对比；浮层层叠显示时，点击需要重点关注的浮层时，该浮层可显示在其它浮层之上。

本发明的各方法实施方式均可以以软件、硬件、固件等方式实现。不管本发明是以软件、硬件、还是固件方式实现，指令代码都可以存储在任何类型的计算机可访问的存储器中(例如永久的或者可修改的，易失性的或者非易失性的，固态的或者非固态的，固定的或者可更换的介质等等)。同样，存储器可以例如是可编程阵列逻辑(Programmable Array Logic，简称“PAL”)、随机存取存储器(Random Access Memory，简称“RAM”)、可编程只读存储器(Programmable Read Only Memory，简称“PROM”)、只读存储器(Read-Only Memory，简称“ROM”)、电可擦除可编程只读存储器(Electrically Erasable Programmable ROM，简称“EEPROM”)、磁盘、光盘、数字通用光盘(Digital Versatile Disc，简称“DVD”)等等。

本发明第三实施方式涉及一种终端屏幕上信息显示的装置，图11是该终端屏幕上信息显示的装置的结构示意图。

具体地说，如图11所示，该终端屏幕上信息显示的装置包括以下模块：

输入响应模块，用于响应来自终端输入装置的预定类型的输入信号，获取终端屏幕上当前焦点所对应的图形元素。优选地，预定类型的输入信号是在图形元素上的点击、双击、或拖动操作。

属性信息获取模块，用于获取图形元素所对应的属性信息。

浮层显示模块，用于在新创建的浮层中显示属性信息，并在浮层和图形元素之间画一条连接线。

第一实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第一实施方式互相配合实施。第一实施方式中提到的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第一实施方式中。

本发明第四实施方式涉及一种终端屏幕上信息显示的装置，第四实施方式在第三实施方式的基础上进行了改进，主要改进之处在于：浮层的位置可以拖动，便于用户对浮层的显示区域进行调节，避免遮盖原有的图形元素，移动后的浮层和图形元素之间的连接线相应更新，保证了浮层和图形元素之间的对应关系保持不变；多个浮层同时显示各自图形元素的属性信息，方便对各个图形元素进行对比分析；对于有多个浮层层叠显示的情况，用户当前最需要关注的浮层被点击后显示在其它浮层上面，能够显示全部内容。具体地说：

优选地，在浮层中设置有拖动区，该信息显示装置还包括浮层拖动模块，用于当从终端输入装置检测到对拖动区的操作信号时，响应该操作信号移动浮层位置，并在移动后的浮层和图形元素之间重新画连接线。

优选地，浮层为多个，每个浮层显示各自所对应的图形元素的属性信息。

优选地，还包括浮层凸出模块，用于多个浮层层叠显示时，接收到对浮层的未层叠区域的点击操作，并将被点击的浮层显示在其它浮层上面。

第二实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第二实施方式互相配合实施。第二实施方式中提到的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第二实施方式中。

为了实现上述各实施方式，本发明还提出一种电子设备，该电子设备包括：

显示器；

处理器；

存储器，用于存储可执行程序，可执行程序被处理器执行时，在显示器的至少一部分区域以浮层的形式显示有显示器中图形元素所对应的属性信息。在浮层和对应的图形元素之间具有一条连接线。

优选地，在浮层移动时，浮层和对应的图形元素之间的连接线的两个端点分别保持与浮层和图形元素之间的连接。

优选地，在显示器的至少一部分区域显示有多个浮层，每个浮层分别显示各自所对应的图形元素的属性信息。

优选地，在多个浮层层叠显示时，最后一次被点击操作的浮层显示在其它浮层上面。

需要说明的是，本发明各设备实施方式中提到的各模块都是逻辑模块，在物理上，一个逻辑模块可以是一个物理模块，也可以是一个物理模块的一部分，还可以以多个物理模块的组合实现，这些逻辑模块本身的物理实现方式并不是最重要的，这些逻辑模块所实现的功能的组合才是解决本发明所提出的技术问题的关键。此外，为了突出本发明的创新部分，本发明上述各设备实施方式并没有将与解决本发明所提出的技术问题关系不太密切的模块引入，这并不表明上述设备实施方式并不存在其它的模块。

需要说明的是，在本专利的权利要求和说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

虽然通过参照本发明的某些优选实施方式，已经对本发明进行了图示和描述，但本领域的普通技术人员应该明白，可以在形式上和细节上对其作各种改变，而不偏离本发明的精神和范围。

Claims (14)

1.一种终端屏幕上信息显示的方法，其特征在于，包括以下步骤：

响应来自终端输入装置的预定类型的输入信号，获取所述终端屏幕上当前焦点所对应的图形元素；

获取所述图形元素所对应的属性信息；

在新创建的浮层中显示所述属性信息，在所述浮层和所述图形元素之间画一条连接线。

2.根据权利要求1所述的终端屏幕上信息显示的方法，其特征在于，所述浮层中设置有拖动区，所述方法还包括以下步骤：

当从所述终端输入装置检测到对拖动区的操作信号时，响应该操作信号移动浮层位置，并在移动后的浮层和所述图形元素之间重新画连接线。

3.根据权利要求1所述的终端屏幕上信息显示的方法，其特征在于，所述浮层为多个，每个浮层显示各自所对应的图形元素的属性信息。

4.根据权利要求3所述的终端屏幕上信息显示的方法，其特征在于，所述多个浮层层叠显示时，当接收到对浮层的未层叠区域的点击操作时，所述被点击的浮层显示在其它浮层上面。

5.根据权利要求1所述的终端屏幕上信息显示的方法，其特征在于，所述预定类型的输入信号是在图形元素上的点击、双击、或拖动操作。

6.一种终端屏幕上信息显示的装置，其特征在于，包括以下模块：

输入响应模块，用于响应来自终端输入装置的预定类型的输入信号，获取所述终端屏幕上当前焦点所对应的图形元素；

属性信息获取模块，用于获取所述图形元素所对应的属性信息；

浮层显示模块，用于在新创建的浮层中显示所述属性信息，并在所述浮层和所述图形元素之间画一条连接线。

7.根据权利要求6所述的终端屏幕上信息显示的装置，其特征在于，在所述浮层中设置有拖动区，所述装置还包括浮层拖动模块，用于当从终端输入装置检测到对拖动区的操作信号时，响应该操作信号移动浮层位置，并在移动后的浮层和所述图形元素之间重新画连接线。

8.根据权利要求6所述的终端屏幕上信息显示的装置，其特征在于，所述浮层为多个，每个浮层显示各自所对应的图形元素的属性信息。

9.根据权利要求6所述的终端屏幕上信息显示的装置，其特征在于，还包括浮层凸出模块，用于所述多个浮层层叠显示时，接收到对浮层的未层叠区域的点击操作，并将所述被点击的浮层显示在其它浮层上面。

10.根据权利要求6所述的终端屏幕上信息显示的装置，其特征在于，所述预定类型的输入信号是在图形元素上的点击、双击、或拖动操作。

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

显示器；

处理器；

存储器，用于存储可执行程序，所述可执行程序被所述处理器执行时，在所述显示器的至少一部分区域以浮层的形式显示有所述显示器中图形元素所对应的属性信息；在所述浮层和对应的图形元素之间具有一条连接线。

12.根据权利要求11所述的电子设备，其特征在于，在所述浮层移动时，所述浮层和对应的图形元素之间的连接线的两个端点分别保持与所述浮层和所述图形元素之间的连接。

13.根据权利要求11所述的电子设备，其特征在于，在所述显示器的至少一部分区域显示有多个浮层，每个浮层分别显示各自所对应的图形元素的属性信息。

14.根据权利要求13所述的电子设备，其特征在于，在所述多个浮层层叠显示时，最后一次被点击操作的浮层显示在其它浮层上面。