CN106648333B - 一种界面处理方法及装置 - Google Patents

Abstract

本发明公开了一种界面处理方法及装置。方法包括：当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据第一滑动操作将界面朝第一预设方向滑动；当界面朝第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向滑动。通过本发明的技术方案，从而不仅可以实现对界面的滑动，而且也可以使用户能够滑动界面中所显示的菜单列表中的目标条目，从而丰富了用户操作，极大地方便了用户。

Description

一种界面处理方法及装置

技术领域

本发明涉及终端技术领域，特别涉及一种界面处理方法及装置。

背景技术

目前，很多界面都是以菜单列表的形式进行展现的，然而，相关技术中，用户只能上下滑动界面，且由于菜单列表是嵌套在界面中的，因而，用户在上下滑动界面时，菜单列表会随着界面的滑动而滑动，但相关技术中用户无法对菜单列表中的条目(即item)进行滑动，这限制了用户的操作，给用户带来很大不便，也影响了用户体验。

发明内容

本发明提供一种界面处理方法及装置，用以当接收到第一预设方向的第一滑动操作时，通过触发界面滑动事件，可以根据第一滑动操作将界面朝第一预设方向进行滑动，进而在界面朝第一预设方向的滑动距离达到预设距离时，通过触发菜单列表滑动事件，可以根据接收到的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向进行滑动，从而不仅可以实现对界面的滑动，而且也可以使用户能够滑动界面中所显示的菜单列表中的目标条目，从而丰富了用户操作，极大地方便了用户。

本发明提供一种界面处理方法，包括：

当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据所述第一滑动操作将所述界面朝所述第一预设方向滑动；

当所述界面朝所述第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动。

在一个实施例中，所述根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动，包括：

确定所述第二滑动操作的起始滑动位置；

将所述起始滑动位置对应的条目确定为所述目标条目；

根据接收到的所述第二滑动操作，将所述目标条目朝所述第二预设方向滑动。

在一个实施例中，所述方法还包括：

当所述目标条目被滑动至所述菜单列表中与所述第二预设方向对应的指定位置时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件，其中，所述指定位置包括：所述菜单列表中第一个条目所在的位置；或者

当所述第二滑动操作结束时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件。

在一个实施例中，在重新触发所述界面滑动事件后，若接收到向下滑动操作，则刷新所述界面，其中，当所述界面的顶部显示出刷新提示栏的顶部时，所述界面达到预设最大下滑距离。

在一个实施例中，所述第一预设方向包括向上，所述第二预设方向包括向上或者向下；

所述界面朝所述第一预设方向的滑动距离达到预设距离，包括：

所述界面的向上滑动距离达到预设最大上滑距离。

本发明还提供一种界面处理装置，包括：

第一处理模块，用于当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据所述第一滑动操作将所述界面朝所述第一预设方向滑动；

第二处理模块，用于当所述界面朝所述第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动。

在一个实施例中，所述第二处理模块包括：

第一确定子模块，用于确定所述第二滑动操作的起始滑动位置；

第二确定子模块，用于将所述起始滑动位置对应的条目确定为所述目标条目；

滑动子模块，用于根据接收到的所述第二滑动操作，将所述目标条目朝所述第二预设方向滑动。

在一个实施例中，所述装置还包括：

第三处理模块，用于当所述目标条目被滑动至所述菜单列表中与所述第二预设方向对应的指定位置时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件，其中，所述指定位置包括：所述菜单列表中第一个条目所在的位置；或者

第四处理模块，用于当所述第二滑动操作结束时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件。

在一个实施例中，所述装置还包括：

刷新模块，用于在重新触发所述界面滑动事件后，若接收到向下滑动操作，则刷新所述界面，其中，当所述界面的顶部显示出刷新提示栏的顶部时，所述界面达到预设最大下滑距离。

在一个实施例中，所述第一预设方向包括向上，所述第二预设方向包括向上或者向下；

所述预设距离包括：预设最大上滑距离。

本公开的实施例提供的技术方案可以包括以下有益效果：

当接收到第一预设方向的第一滑动操作时，通过触发界面滑动事件，可以根据第一滑动操作将界面朝第一预设方向进行滑动，进而在界面朝第一预设方向的滑动距离达到预设距离时，通过触发菜单列表滑动事件，可以根据接收到的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向进行滑动，从而不仅可以实现对界面的滑动，而且也可以使用户能够滑动界面中所显示的菜单列表中的目标条目，从而丰富了用户操作，极大地方便了用户。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1是根据一示例性实施例示出的一种界面处理方法的流程图。

图2是根据一示例性实施例示出的另一种界面处理方法的流程图。

图3是根据一示例性实施例示出的一种界面的示意图。

图4A是根据一示例性实施例示出的一种界面向上滑动的示意图。

图4B是根据一示例性实施例示出的一种界面向下滑动的示意图。

图5是根据一示例性实施例示出的一种界面处理装置的框图。

图6是根据一示例性实施例示出的另一种界面处理装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

相关技术中，很多界面都是以菜单列表(listview)的形式进行展现的，然而，相关技术中，用户只能上下滑动界面，且由于菜单列表是嵌套在界面中的，因而，用户在上下滑动界面时，菜单列表会随着界面的滑动而滑动，但相关技术中用户无法对菜单列表中的条目(即item)进行滑动，这限制了用户的操作，给用户带来很大不便，也影响了用户体验。

为了解决上述技术问题，本公开实施例提供了一种界面处理方法，该方法适用于界面处理程序、系统或装置中，其执行主体可以是具有安卓操作系统的手机、平板电脑，或者是具有Windows操作系统的计算机，或者是具有OS X操作系统的计算机，或者是具有iOS操作系统的苹果手机、平板等，如图1所示，步骤S101至步骤S102，

在步骤S101中，当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据第一滑动操作将界面朝第一预设方向滑动；

其中，该界面可以是以菜单列表(listview)进行展示的任何界面(如微信中的“发现”界面、“朋友圈”界面、可以体现个人信息的“我”界面，外卖应用中的“订单”界面等)，而在安卓系统中，一个完整的界面可以是一个activited；

其次，触发界面滑动事件即：将接收到的滑动操作传递给界面(activited)，以允许界面根据滑动操作进行滑动，当然，为了避免listview和activited相互抢事件，在触发界面滑动事件时，应该禁止菜单列表滑动事件，以禁止滑动listview中的item(即条目)。

另外，第一预设方向可以为向上或向下，即用户可以上/下滑动该界面。

在步骤S102中，当界面朝第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向滑动。

当接收到第一预设方向的第一滑动操作时，通过触发界面滑动事件，可以根据第一滑动操作将界面朝第一预设方向进行滑动，进而在界面朝第一预设方向的滑动距离达到预设距离时，通过触发菜单列表滑动事件，可以根据接收到的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向进行滑动，从而不仅可以实现对界面的滑动，而且也可以使用户能够滑动界面中所显示的菜单列表中的目标条目，从而丰富了用户操作，极大地方便了用户。

其次，预设距离可以自由设置，而第二预设方向可以向上或向下；

另外，触发菜单列表滑动事件即：将接收到的滑动操作传递给listview(其中，如果执行主体的操作系统为安卓，则传递事件时，可通过activited和listview之间的fragment进行传递)，以允许菜单列表中的条目根据滑动操作进行滑动，当然，为了避免listview和activited相互抢事件，在触发菜单列表滑动事件时，应该禁止界面滑动事件，以禁止滑动界面。

如图2所示，在一个实施例中，上述图1所示的步骤S102中的步骤“根据接收到的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向滑动”，可以包括步骤S201至步骤S203：

在步骤S201中，确定第二滑动操作的起始滑动位置；

在步骤S202中，将起始滑动位置对应的条目确定为目标条目；

在步骤S203中，根据接收到的第二滑动操作，将目标条目朝第二预设方向滑动，其中，第一滑动操作和第二滑动操作可以是连续的滑动操作或者是非连续的滑动操作(即第一滑动操作和第二滑动操作之间有时间间隔)。

在将目标条目朝第二预设方向滑动时，可先确定第二滑动操作的起始滑动位置，进而将起始滑动位置处显示的条目确定为用户所选中的目标条目，然后，在接收到第二滑动操作时，将目标条目朝向第二预设方向进行滑动，从而使得用户能够滑动界面中所显示的菜单列表中的目标条目，进而丰富了用户操作，极大地方便了用户。

其次，如果第二滑动操作的起始滑动位置处并没有显示条目(即起始滑动位置没有对应的条目)，则可以将第二预设方向上距离该起始滑动位置最近的条目作为用户选中的目标条目。

另外，用户可根据个人需要，将目标条目滑动至菜单列表中的任一位置，如将目标条目滑动至菜单列表中排列顺序为第N(其中，N为正整数)的那个条目所在的位置(例如，如果该目标条目为菜单列表中的第三个条目，则用户可将目标条目滑动至第一个条目所在的位置即将目标条目置顶，或者将目标条目滑动至第四个条目所在的位置等)。

在一个实施例中，方法还包括：

当目标条目被滑动至菜单列表中与第二预设方向对应的指定位置时，禁止菜单列表滑动事件并重新触发界面滑动事件，其中，指定位置包括：菜单列表中第一个条目所在的位置；

当目标条目被滑动至菜单列表中与第二预设方向对应的指定位置时，可以禁止菜单列表滑动事件并重新触发界面滑动事件，以使用户暂且无法滑动listview中的item，而可以重新自由滑动界面。

其中，当第二预设方向为向上时，指定位置可以包括菜单列表中第一个条目所在的位置，即当被用户将选中的目标条目被滑动至菜单列表的顶部(此时，该目标条目已成为菜单列表中的最新一条数据)时，禁止菜单列表滑动事件以禁止滑动菜单列表中的条目并重新触发界面滑动事件以使用户可以重新自由滑动界面。

另外，当被选中的目标条目被滑动至菜单列表中第一个条目所在的位置时，原本排列在目标条目之前的所有条目可以依次向下滑动至原本和其紧邻的下一个条目位置处；或者当被选中的目标条目被滑动至菜单列表中第一个条目所在的位置时，第一个条目滑动至该目标条目原本所在的位置处(相当于第一个条目和目标条目相互交换位置)而菜单列表中其他条目的位置保持不变。

或者

当第二滑动操作结束时，禁止菜单列表滑动事件并重新触发界面滑动事件。

当第二滑动操作结束时，说明用户也有可能不想再继续滑动菜单列表中的条目了，因而，可禁止菜单列表滑动事件并重新触发界面滑动事件，以使用户暂且无法滑动listview中的item，而可以重新自由滑动界面。

在一个实施例中，在重新触发界面滑动事件后，若接收到向下滑动操作，则刷新界面，其中，当界面的顶部显示出刷新提示栏的顶部时，界面达到预设最大下滑距离。

在重新触发界面滑动事件后，用户可自由向上或向下滑动界面，而如果接收到向下滑动操作，则在可向下滑动界面的同时刷新该界面，当然，该界面的向下滑动距离可以有所限制，如在向下滑动界面时，当界面的顶部显示出刷新提示栏的顶部(如图4B所示)时，该界面即可达到其预设最大下滑距离，而无法继续向下滑动。

在一个实施例中，第一预设方向包括向上，第二预设方向包括向上或者向下；

界面朝第一预设方向的滑动距离达到预设距离，包括：

界面的向上滑动距离达到预设最大上滑距离。

该预设距离包括但不限于该界面的预设最大上滑距离，例如，还可以是根据用户需求个性化设置的一个小于该预设最大上滑距离的距离，而预设最大上滑距离也可以根据需求自由设定，例如，当该界面的头部设置有背景图栏、背景图栏的最底部设置有功能栏且该头部的下方显示有菜单列表(如图3所示)时，为了不影响用户操作功能栏中的功能项(其中，图3至图4B中未显示出功能栏中的功能项)，该预设最大上滑距离可以是背景图栏的高度与该功能栏的高度之间的高度差，即在上滑界面时，当仅能显示出功能栏的最顶部(如图4A所示)时，该界面达到其预设最大上滑距离，无法再继续向上滑动。

如图5所示，本发明还提供一种界面处理装置，包括：

第一处理模块501，被配置为当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据第一滑动操作将界面朝第一预设方向滑动；

第二处理模块502，被配置为当界面朝第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将界面中显示的菜单列表中的目标条目朝第二预设方向滑动。

如图6所示，在一个实施例中，第二处理模块502可以包括第一确定子模块502、第二确定子模块5022和滑动子模块5023：

第一确定子模块5021，被配置为确定第二滑动操作的起始滑动位置；

第二确定子模块5022，被配置为将起始滑动位置对应的条目确定为目标条目；

滑动子模块5023，被配置为根据接收到的第二滑动操作，将目标条目朝第二预设方向滑动。

在一个实施例中，装置还包括：

第三处理模块，被配置为当目标条目被滑动至菜单列表中与第二预设方向对应的指定位置时，禁止菜单列表滑动事件并重新触发界面滑动事件，其中，指定位置包括：菜单列表中第一个条目所在的位置；或者

第四处理模块，被配置为当第二滑动操作结束时，禁止菜单列表滑动事件并重新触发界面滑动事件。

在一个实施例中，装置还包括：

刷新模块，被配置为在重新触发界面滑动事件后，若接收到向下滑动操作，则刷新界面，其中，当界面的顶部显示出刷新提示栏的顶部时，界面达到预设最大下滑距离。

在一个实施例中，第一预设方向包括向上，第二预设方向包括向上或者向下；

预设距离包括：预设最大上滑距离。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

最后，本发明中的界面处理装置适用于终端设备。例如，可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

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

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

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

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

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (8)

1.一种界面处理方法，其特征在于，包括：

当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据所述第一滑动操作将所述界面朝所述第一预设方向滑动；

当所述界面朝所述第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动；

所述方法还包括：

当所述目标条目被滑动至所述菜单列表中与所述第二预设方向对应的指定位置时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件，其中，所述指定位置包括：所述菜单列表中第一个条目所在的位置；或者

当所述第二滑动操作结束时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件。

2.根据权利要求1所述的方法，其特征在于，

所述根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动，包括：

确定所述第二滑动操作的起始滑动位置；

将所述起始滑动位置对应的条目确定为所述目标条目；

根据接收到的所述第二滑动操作，将所述目标条目朝所述第二预设方向滑动。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在重新触发所述界面滑动事件后，若接收到向下滑动操作，则刷新所述界面，其中，当所述界面的顶部显示出刷新提示栏的顶部时，所述界面达到预设最大下滑距离。

4.根据权利要求1至3中任一项所述的方法，其特征在于，

所述第一预设方向包括向上，所述第二预设方向包括向上或者向下；

所述界面朝所述第一预设方向的滑动距离达到预设距离，包括：

所述界面的向上滑动距离达到预设最大上滑距离。

5.一种界面处理装置，其特征在于，包括：

第一处理模块，用于当接收到第一预设方向的第一滑动操作时，触发界面滑动事件，以根据所述第一滑动操作将所述界面朝所述第一预设方向滑动；

第二处理模块，用于当所述界面朝所述第一预设方向的滑动距离达到预设距离时，触发菜单列表滑动事件，以根据接收到的第二预设方向的第二滑动操作将所述界面中显示的菜单列表中的目标条目朝所述第二预设方向滑动；

所述装置还包括：

第三处理模块，用于当所述目标条目被滑动至所述菜单列表中与所述第二预设方向对应的指定位置时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件，其中，所述指定位置包括：所述菜单列表中第一个条目所在的位置；或者

第四处理模块，用于当所述第二滑动操作结束时，禁止所述菜单列表滑动事件并重新触发所述界面滑动事件。

6.根据权利要求5所述的装置，其特征在于，

所述第二处理模块包括：

第一确定子模块，用于确定所述第二滑动操作的起始滑动位置；

第二确定子模块，用于将所述起始滑动位置对应的条目确定为所述目标条目；

滑动子模块，用于根据接收到的所述第二滑动操作，将所述目标条目朝所述第二预设方向滑动。

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

刷新模块，用于在重新触发所述界面滑动事件后，若接收到向下滑动操作，则刷新所述界面，其中，当所述界面的顶部显示出刷新提示栏的顶部时，所述界面达到预设最大下滑距离。

8.根据权利要求5至7中任一项所述的装置，其特征在于，

所述第一预设方向包括向上，所述第二预设方向包括向上或者向下；

所述预设距离包括：预设最大上滑距离。