CN108803968A - 用户显示界面的多视图联动方法、计算设备及存储介质 - Google Patents

Abstract

本发明公开了一种用户显示界面的多视图联动方法、计算设备及存储介质。其中，用户显示界面至少包含第一视图和第二视图，第二视图覆盖设置在第一视图之上，且第二视图中与第一视图的重叠区域的颜色属性为透明色；该方法包括：监测用户显示界面内的触发事件；判断该触发事件是否为预设触发事件，若是，将该触发事件分发给第二视图，由第二视图响应该触发事件；并在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给所述第一视图，使第一视图根据实时响应结果实现联动。采用本方案，可实现用户显示界面中多个视图的联动，提升用户显示界面的展示效果，提升用户体验。

Description

用户显示界面的多视图联动方法、计算设备及存储介质

技术领域

本发明涉及计算机信息技术领域，具体涉及一种用户显示界面的多视图联动方法、计算设备及存储介质。

背景技术

随着科技及社会的不断发展，各类应用的数量也呈现快速地增长。各类应用在开发过程中，为满足其功能需求，或提升用户体验，通常在其用户显示界面中设置有多个视图。

如图1a所示的用户显示界面，其包含图1b所示的头部视图11以及图1c所示的列表视图12。然而，在现有技术中，由于头部视图11与列表视图12为分别独立设置的视图，所以，当在头部视图11内执行向上或向下滑动操作时，仅引起头部视图11的滚动，而无法实现列表视图12的联动；并且，当在列表视图12向上滑动操作时，列表视图12在向上滚动过程中，当列表视图12顶部或头部视图11底部包含的标签或tab控件等位于用户显示界面顶部时会发生卡滞现象。从而影响用户显示界面的展示效果，降低用户体验。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的用户显示界面的多视图联动方法、计算设备及存储介质。

根据本发明的一个方面，提供了一种用户显示界面的多视图联动方法，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；所述方法包括：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

根据本发明的另一个方面，提供了一种计算设备，所述计算设备用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算设备包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

根据本发明的又一个方面，提供了一种计算机存储介质，所述计算机存储介质用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算机存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

根据本发明提供的用户显示界面的多视图联动方法、计算设备及存储介质。由于在用户显示界面中包含第一视图及第二视图，且第二视图覆盖设置在第一视图之上，第二视图中与第一视图的重叠区域的颜色属性为透明色；则在执行过程中，监测用户显示界面内的触发事件，并判断该触发事件是否为预设触发事件，若是，将该触发事件分发给第二视图，由第二视图响应该触发事件；并在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给第一视图，使第一视图根据实时响应结果实现联动。采用本方案，可实现用户显示界面中多个视图的联动；并避免了现有技术中当第二视图在向上滑动过程中，当第二视图顶部或第一视图底部包含的标签或tab控件等位于用户显示界面顶部时而发生卡滞的弊端。从而提升用户显示界面的展示效果，提升用户体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1a示出了现有技术中一种用户显示界面的示意图；

图1b示出了现有技术中一种用户显示界面中的头部视图的示意图；

图1c示出了现有技术中一种用户显示界面中的列表视图的示意图；

图2示出了根据本发明一个实施例提供的一种用户显示界面的多视图联动方法的流程示意图；

图3a示出了根据本发明一个实施例提供的一种用户显示界面中的第一视图的示意图；

图3b示出了根据本发明一个实施例提供的一种用户显示界面中的第二视图的示意图；

图4示出了根据本发明另一个实施例提供的一种用户显示界面的多视图联动方法的流程示意图；

图5示出了根据本发明一个实施例提供的一种计算设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图2示出了根据本发明一个实施例提供的一种用户显示界面的多视图联动方法的流程示意图。

本实施例中，用户显示界面中至少包含第一视图及第二视图。不同于现有技术中第一视图与第二视图独立设置于用户显示界面内，本申请中，第二视图覆盖设置于第一视图之上，并为进一步地保障用户显示界面的呈现效果，第二视图中与第一视图的重叠区域的颜色属性设置为透明色，从而在用户显示界面中可同时呈现出第一视图及第二视图。

以图3a及图3b为例，图3b所示的第二视图32中包含有透明区域及内容显示区域，将第二视图覆盖设置于第一视图31之上后，由于第二视图32中与第一视图31的重叠部分为透明区域，从而使得第一视图31也可在用户显示界面中得以呈现，进而仍可呈现出如图1a所示的用户显示界面。

在具体的实施过程中，为实现用户显示界面的多视图联动，可执行以下步骤：

步骤S210，监测用户显示界面内的触发事件。

其中，用户显示界面包括第二视图与第一视图的重叠区域，以及第二视图中未与第一视图重叠的区域。则本步骤中可监测第二视图与第一视图的重叠区域内的触发事件，及第二视图中未与第一视图重叠的区域内的触发事件。

由于第二视图设置于第一视图之上，且第二视图中与第一视图重叠区域为透明区域，为在用户显示界面中显示第一视图，第二视图与第一视图的重叠区域范围为第一视图对应的区域范围。则在实际的实施过程中，在第一视图区域内的触发事件即为第二视图与第一视图重叠区域内的触发事件。则本步骤中，监测第二视图与第一视图的重叠区域内的触发事件，即为监测作用于用户显示界面中第一视图区域内的触发事件。

其中，用户显示界面内的触发事件可以为移动方向为向上或向下的滑动事件、向左或向右滑动事件、以及点击事件等。本发明对触发事件的具体类型不做限定。

步骤S220，判断触发事件是否为预设触发事件，若是，则执行步骤S230。

其中，本领域技术人员可根据实际的业务需求设置相应的预设触发事件。例如，若用户显示界面中的第一视图为头部视图，第二视图为列表视图，预设触发事件可以为移动方向为向上或向下的滑动事件；若用户显示界面中的第一视图为左视图，第二视图为右视图时，则预设触发事件可以为移动方向为向左或向右的滑动事件。

若判断步骤S210中监测到的触发事件为预设触发事件时，则进一步执行步骤S230。

步骤S230，将触发事件分发给第二视图，由第二视图响应该触发事件。

在监测到触发事件为预设触发事件时，可将触发事件分发给第二视图。即使触发事件位于第一视图区域内，但由于本实施例中第一视图区域为第二视图与第一视图的重叠区域，则本实施例中仍可将触发事件分发给第二视图，而并非如现有技术中由于第一视图与第二视图独立设置，在监测到第一视图内的触发事件时，仅将触发事件分发给第一视图。

在将触发事件分发给第二视图之后，由第二视图响应该触发事件，从而可使得作用于第一视图区域内的触发事件，以及作用于第二视图中未与第一视图相重合区域内的触发事件，均分发至第二视图，由第二视图响应该触发事件，以此避免了现有技术中当第二视图在向上滚动过程中，当第二视图顶部或第一视图底部包含的标签或tab控件等位于用户显示界面顶部时而发生卡滞现象。

步骤S240，在第二视图响应该触发事件的过程中，第二视图将实时响应结果传递给第一视图，使第一视图根据实时响应结果实现联动。

举例来说，若触发事件为作用于第一视图区域内的向上滑动事件，且该触发事件为预设触发事件，则第二视图响应该触发事件，从而向上滚动，则在第二视图在向上滚动过程中，可将滚动结果不断传递至第一视图，以使第一视图产生相应的滚动，从而实现第一视图与第二视图的联动。

由此可见，本实施例中，由于将第二视图覆盖设置在第一视图之上，第二视图中与第一视图的重叠区域的颜色属性为透明色；则在执行过程中，监测第一视图内的触发事件即为监测第二视图与第一视图的重叠区域内的触发事件，当判断该触发事件为预设触发事件时，将该触发事件分发给第二视图，由第二视图响应该触发事件；并在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给第一视图，使第一视图根据实时响应结果实现联动。从而呈现出即使在第一视图区域内执行预设触发事件时，仍可实现第一视图与第二视图的联动；并避免了现有技术中当第二视图在向上滑动过程中，当第二视图顶部或第一视图底部包含的标签或tab控件等位于用户显示界面顶部时而发生卡滞现象，从而提升用户显示界面的展示效果，提升用户体验。

图4示出了根据本发明另一个实施例提供的一种用户显示界面的多视图联动方法的流程示意图。

本实施例中，用户显示界面中包含有第一视图及第二视图，第二视图覆盖设置于第一视图之上，第二视图中与第一视图的重叠区域的颜色属性设置为透明色。具体地，第一视图可以为头部视图，第二视图可以为列表视图。

在具体的实施过程中，为实现用户显示界面的多视图联动，可执行以下步骤：

步骤S410，监测用户显示界面内的触发事件。

具体地，监测第一视图与第二视图的重叠区域以及第二视图中未与第一视图重叠的区域内的触发事件。其中，本发明对触发事件的具体类型不做限定。

步骤S420，判断触发事件是否为预设触发事件，若否，则执行步骤S430；若是，则执行步骤S440。

其中，预设触发事件为移动方向为向上或向下的滑动事件。若触发事件为移动方向为向上或向下的滑动事件，则进一步执行步骤S440；若触发事件为点击，或者移动方向为向左或向右等非预设触发事件时，则表明该触发事件不涉及第一视图及第二视图之间的联动，从而进一步执行步骤S430。

步骤S430，确定该触发事件是否位于第二视图与第一视图的重叠区域内，若是，则将触发事件分发给第一视图；否则，将触发事件分发给第二视图。

具体地，由于步骤S410中监测的触发事件为第一视图与第二视图的重叠区域以及第二视图中未与第一视图重叠的区域内的触发事件，则当确定触发事件为非预设触发事件时，进一步地判断该触发事件是否位于第二视图与第一视图的重叠区域内。

若该触发事件位于第二视图与第一视图的重叠区域内，则将触发事件分发给第一视图。从而供第一视图对该触发事件进行响应。例如，若监测到第二视图与第一视图的重叠区域内的点击事件，则将该点击事件仅分发给第一视图，第一视图根据该点击事件进行响应。

若该触发事件未位于第二视图与第一视图的重叠区域内，则将触发事件分发给第二视图。从而供第二视图对该触发事件进行响应。例如，若监测到第二视图中未与第一视图重叠的区域内的向右滑动事件，则将该向右事件仅分发给第二视图，第二视图根据该向右滑动事件进行响应。

步骤S440，将触发事件分发给第二视图，由第二视图响应触发事件。

当步骤S420确定触发事件为预设触发事件时，表明该触发事件涉及第一视图及第二视图之间的联动，从而将该触发事件先分发至第二视图，由第二视图响应该触发事件。

具体地，当该触发事件为预设触发事件，且位于第二视图中未与第一视图相重叠的区域时，可将该触发事件分发给第二视图；当该触发事件为预设触发事件，且位于第一视图区域时，由于本申请中第二视图中与第一视图的重叠区域为透明色，则位于第一视图区域内的触发事件即为第二视图与第一视图的重叠区域内的触发事件，则仍可将该触发事件分发给第二视图。

在将触发事件分发给第二视图后，由第二视图响应触发事件。具体地，第二视图根据该触发事件的滑动速度和/或加速度确定第二视图的滚动距离，从而第二视图根据该滚动距离进行滚动。

步骤S450，在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给第一视图，使第一视图根据实时响应结果实现联动。

在具体的实施过程中，在第二视图响应触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至第一视图；待第一视图接收到回调信息后，第一视图根据该滚动距离信息进行滚动。其中，滚动距离信息根据预设触发事件的滑动速度和/或加速度确定。例如，可每当第二视图向上滚动预设距离(如10像素)之后，发送一则回调信息至第一视图，第一视图接收到该回调信息之后，也向上滚动10像素。从而实现第一视图与第二视图的联动。

可选的，由于第一视图及第二视图在滚动过程中，会发生第一视图的滚动距离超出第一视图高度，即第一视图完全滚动出用户显示界面，而不再显示于用户显示界面中的现象，则本实施例中，可在第二视图响应触发事件的过程中，判断第一视图是否处于用户显示界面中，若是，则在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给第一视图。以供第一视图根据实时响应结果实现联动。若第一视图未处于用户显示界面中，则在第二视图响应触发事件的过程中，不再向第一视图传递实时响应结果。从而可降低系统开销，提升本方法的实施效率。

可选的，本实施例中的第二视图可包含多个tab页面。如图3b所示，第二视图32中包含有“详情”tab控件、“节目”tab控件及“评论”tab控件，第二视图32中的各个tab控件对应于各个tab页面，如图3b中的显示内容“001哈佛幸福课本书评价”等为“节目”tab控件对应的tab页面内的显示内容。然而，当第二视图中包含多个tab页面时，在第一视图与第二视图的联动过程中易发生各个tab页面中第一视图或第二视图的滚动距离不一致的现象。仍以图3b为例，若在初始过程中，当前用户显示界面显示的为“节目”tab控件对应的tab页面，若在此过程中，第一视图与第二视图联动向上滚动100像素后，当用户显示界面切换为包含“详情”tab控件对应的tab页面时，第一视图与第二视图仍处于初始位置(即发生向上滚动100像素之前的位置)，从而引起不同tab页面第一视图或第二视图的滚动距离不一致的现象，从而影响用户体验。

所以，本实施例中，当第二视图包含多个tab页面时，可在第二视图响应触发事件的过程中，由第二视图对应的各个tab页面同步响应该触发事件。例如，当当前用户显示界面显示的为“节目”tab控件对应的tab页面，在此过程中，第一视图与第二视图联动向上滚动100像素后，“详情”tab控件对应的tab页面及“评论”tab控件对应的tab页面也在后台中第一视图与第二视图联动向上滚动100像素，从而提升用户体验。

由此可见，本实施例中，由于将第二视图覆盖设置在第一视图之上，第二视图中与第一视图的重叠区域的颜色属性为透明色；则在执行过程中，监测第一视图内的触发事件即为监测第二视图与第一视图的重叠区域内的触发事件，当判断该触发事件为预设触发事件时，将该触发事件分发给第二视图，由第二视图响应该触发事件；并在第二视图响应触发事件的过程中，第二视图将实时响应结果传递给第一视图，使第一视图根据实时响应结果实现联动。从而呈现出即使在第一视图区域内执行预测触发事件时，仍可实现第一视图与第二视图的联动；并避免了现有技术中当第二视图在向上滑动过程中，当第二视图顶部或第一视图底部包含的标签或tab控件等位于用户显示界面顶部时而发生卡滞现象，从而提升用户显示界面的展示效果，提升用户体验；并且，在第二视图响应触发事件的过程中，本实施例中进一步判断第一视图是否处于用户显示界面中，若第一视图未处于用户显示界面中，则在第二视图响应触发事件的过程中，不再向第一视图传递实时响应结果。从而可降低系统开销，提升本方法的实施效率；另外，本实施例中，当第二视图包含多个tab页面时，在第二视图响应触发事件的过程中，由第二视图对应的各个tab页面同步响应该触发事件，从而避免了当第二视图包含多个tab页面时，因多个tab页面中第一视图或第二视图联动滚动距离不一致的弊端，从而提升用户体验。

根据本发明实施例提供了一种非易失性计算机存储介质，所述计算机存储介质用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色。

所述计算机存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的方法。

可执行指令具体可以用于使得处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

在一种可选的实施方式中，所述预设触发事件为移动方向为向上或向下的滑动事件。

在一种可选的实施方式中，所述可执行指令进一步使所述处理器执行以下操作：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

在一种可选的实施方式中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

在一种可选的实施方式中，所述可执行指令进一步使所述处理器执行以下操作：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

在一种可选的实施方式中，所述可执行指令进一步使所述处理器执行以下操作：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

在一种可选的实施方式中，所述第二视图包含多个tab页面；

所述可执行指令进一步使所述处理器执行以下操作：

由所述多个tab页面同步响应所述触发事件。

图5示出了根据本发明一个实施例提供的一种计算设备的结构示意图，本发明具体实施例并不对计算设备的具体实现做限定。所述计算设备用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色。

如图5所示，该计算设备可以包括：处理器(processor)502、通信接口(Communications Interface)504、存储器(memory)506、以及通信总线508。

其中：处理器502、通信接口504、以及存储器506通过通信总线508完成相互间的通信。通信接口504，用于与其它设备比如客户端或其它服务器等的网元通信。处理器502，用于执行程序510，具体可以执行上述方法实施例中的相关步骤。

程序510具体可以用于使得处理器502执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

在一种可选的实施方式中，所述预设触发事件为移动方向为向上或向下的滑动事件。

在一种可选的实施方式中，程序510具体可以用于使得处理器502执行以下操作：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

在一种可选的实施方式中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

在一种可选的实施方式中，程序510具体可以用于使得处理器502执行以下操作：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

在一种可选的实施方式中，程序510具体可以用于使得处理器502执行以下操作：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

在一种可选的实施方式中，所述第二视图包含多个tab页面；

程序510具体可以用于使得处理器502执行以下操作：

由所述多个tab页面同步响应所述触发事件。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了：A1.一种用户显示界面的多视图联动方法，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；所述方法包括：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

A2.根据A1所述的方法，其中，所述预设触发事件为移动方向为向上或向下的滑动事件。

A3.根据A2所述的方法，其中，所述在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动进一步包括：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

A4.根据A3所述的方法，其中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

A5.根据A1-A4中任一项所述的方法，其中，所述在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图进一步包括：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

A6.根据A1-A5中任一项所述的方法，其中，所述方法还包括：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

A7.根据A1-A6中任一项所述的方法，其中，所述第二视图包含多个tab页面；

所述由第二视图响应所述触发事件还包括：由所述多个tab页面同步响应所述触发事件。

本发明还公开了：B8.一种计算设备，所述计算设备用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算设备包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

B9.根据B8所述的计算设备，其中，所述预设触发事件为移动方向为向上或向下的滑动事件。

B10.根据B9所述的计算设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

B11.根据B10所述的计算设备，其中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

B12.根据B8-B11中任一项所述的计算设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

B13.根据B8-B12中任一项所述的计算设备，其中，所述可执行指令进一步使所述处理器执行以下操作：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

B14.根据B8-B13中任一项所述的计算设备，其中，所述第二视图包含多个tab页面；

所述可执行指令进一步使所述处理器执行以下操作：

由所述多个tab页面同步响应所述触发事件。

本发明还公开了：C15.一种计算机存储介质，所述计算机存储介质用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算机存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

C16.根据C15所述的计算机存储介质，其中，所述预设触发事件为移动方向为向上或向下的滑动事件。

C17.根据C16所述的计算机存储介质，其中，所述可执行指令进一步使所述处理器执行以下操作：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

C18.根据C17所述的计算机存储介质，其中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

C19.根据C15-C18中任一项所述的计算机存储介质，其中，所述可执行指令进一步使所述处理器执行以下操作：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

C20.根据C15-C19中任一项所述的计算机存储介质，其中，所述可执行指令进一步使所述处理器执行以下操作：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

C21.根据C15-C20中任一项所述的计算机存储介质，其中，所述第二视图包含多个tab页面；

所述可执行指令进一步使所述处理器执行以下操作：

所述由第二视图响应所述触发事件还包括：由所述多个tab页面同步响应所述触发事件。

Claims (10)

1.一种用户显示界面的多视图联动方法，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；所述方法包括：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

2.根据权利要求1所述的方法，其中，所述预设触发事件为移动方向为向上或向下的滑动事件。

3.根据权利要求2所述的方法，其中，所述在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动进一步包括：

在所述第二视图响应所述触发事件的过程中，监听第二视图的滚动距离信息，发送回调信息至所述第一视图；

所述第一视图接收到所述回调信息后，所述第一视图根据所述滚动距离信息进行滚动。

4.根据权利要求3所述的方法，其中，所述滚动距离信息根据所述预设触发事件的滑动速度和/或加速度确定。

5.根据权利要求1-4中任一项所述的方法，其中，所述在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图进一步包括：

判断所述第一视图是否处于用户显示界面中，若是，在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图。

6.根据权利要求1-5中任一项所述的方法，其中，所述方法还包括：

若所述触发事件不是预设触发事件，则进一步确定所述触发事件是否位于所述第二视图与所述第一视图的重叠区域内；

若所述触发事件位于所述第二视图与所述第一视图的重叠区域内，则将所述触发事件分发给所述第一视图；

若所述触发事件未位于所述第二视图与所述第一视图的重叠区域内，将所述触发事件分发给所述第二视图。

7.根据权利要求1-6中任一项所述的方法，其中，所述第二视图包含多个tab页面；

所述由第二视图响应所述触发事件还包括：由所述多个tab页面同步响应所述触发事件。

8.一种计算设备，所述计算设备用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算设备包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。

9.根据权利要求8所述的计算设备，其中，所述预设触发事件为移动方向为向上或向下的滑动事件。

10.一种计算机存储介质，所述计算机存储介质用于实现用户显示界面的多视图联动，所述用户显示界面至少包含第一视图和第二视图，其中，所述第二视图覆盖设置在所述第一视图之上，所述第二视图中与所述第一视图的重叠区域的颜色属性为透明色；

所述计算机存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：

监测所述用户显示界面内的触发事件；

判断所述触发事件是否为预设触发事件，若是，将所述触发事件分发给所述第二视图，由第二视图响应所述触发事件；在所述第二视图响应所述触发事件的过程中，所述第二视图将实时响应结果传递给所述第一视图，使所述第一视图根据实时响应结果实现联动。