CN114296599A - 界面交互方法、装置、终端和存储介质 - Google Patents

Abstract

本申请实施例公开了界面交互方法、装置、终端和存储介质；本申请实施例通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，所述方法包括：响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。在本申请实施例中，用户通过两次第一触发操作或通过一次第二触发操作就可以显示第二菜单。由此，本方案可以降低操作复杂度。

Description

界面交互方法、装置、终端和存储介质

技术领域

本申请涉及计算机领域，具体涉及界面交互方法、装置、终端和存储介质。

背景技术

菜单栏又被称为侧边栏(Sidebar)、工具条(Toolbar)等，通常是出现在网页或应用页面一侧的列表，该侧边栏中可以提供多个功能入口控件，使得用户可以通过点击这些功能入口控件来使用不同的功能，如搜索、导航、笔记等功能入口。

为便于用户操作，通常会在侧边栏中加入各种快捷功能和快捷应用的入口。为了不影响主屏幕内容的显示，需要把侧边栏功能先隐藏起来，待需要时再展开侧边栏即可。侧边栏不仅方便了用户操作，又提升了用户体验。

然而，目前用户与菜单栏交互的操作方式复杂。

发明内容

本申请实施例提供界面交互方法、装置、终端和存储介质，可以降低操作复杂度。

本申请实施例提供一种界面交互方法，通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，所述方法包括：

响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；

响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；

响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

本申请实施例还提供一种界面交互装置，通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，包括：

第一触发第一单元，用于响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；

第一触发第二单元，用于响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；

第二触发单元，用于响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

本申请实施例还提供一种终端，包括存储器存储有多条指令；所述处理器从所述存储器中加载指令，以执行本申请实施例所提供的任一种界面交互方法中的步骤。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行本申请实施例所提供的任一种界面交互方法中的步骤。

本申请实施例可以响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。在本申请中可以降低操作复杂度。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1a是本申请实施例提供的界面交互方法的流程示意图；

图1b是本申请实施例提供的界面交互方法的操作示意图；

图1c是本申请实施例提供的界面交互方法的操作示意图；

图1d是本申请实施例提供的界面交互方法的操作示意图；

图1e是本申请实施例提供的界面交互方法的操作示意图；

图1f是本申请实施例提供的界面交互方法的操作示意图；

图1g是本申请实施例提供的界面交互方法的操作示意图；

图1h是本申请实施例提供的界面交互方法的操作示意图；

图2a是本申请实施例提供的界面交互方法的模块示意图；

图2b是本申请实施例提供的界面交互方法的流程示意图；

图3是本申请实施例提供的界面交互装置的结构示意图；

图4是本申请实施例提供的终端的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供界面交互方法、装置、终端和存储介质。

其中，该界面交互装置具体可以集成在电子设备中，该电子设备可以为终端、服务器等设备。其中，终端可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、或者个人电脑(Personal Computer，PC)等设备；服务器可以是单一服务器，也可以是由多个服务器组成的服务器集群。

在一些实施例中，该界面交互装置还可以集成在多个电子设备中，比如，界面交互装置可以集成在多个服务器中，由多个服务器来实现本申请的界面交互方法。

在一些实施例中，服务器也可以以终端的形式来实现。

例如，该电子设备可以为终端，本实施例通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，终端响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

在一种可选的实施方式中，本发明实施例提供了一种界面交互方法，通过终端设备提供图形用户界面，其中，终端设备可以是前述提到的本地终端设备，也可以是前述提到的云交互系统中的客户端设备。

以下分别进行详细说明。需说明的是，以下实施例的序号不作为对实施例优选顺序的限定。

本公开实施例首先旨在解决目前侧边栏存在操作不方便，进入第二菜单的操作效率低下等技术问题，提供了一种界面交互方法，如图1a所示，该界面交互方法的具体流程可以如下：

110、响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单。

其中，第一触发操作可以包括触摸、拖动、滑动、划按、长按、双击、点击等操作。

其中，菜单控件可以以按钮、触发框、透明按钮等形式表现，例如，在一些实施例中，菜单控件可以是透明的长条形按钮。

第一菜单为菜单栏，在本实施例中提出了第一菜单和第二菜单，其中，第一菜单为第一级的菜单，第二菜单为该第一菜单下一级的菜单。

在一些实施例中，提出一种多级菜单，即还可以包括第k菜单和第k+1菜单，其中，k为大于2的正整数，第k菜单为第k级的菜单，第k+1菜单为该第k菜单下一级的菜单。

参考图1b，在一些实施例中，图形用户界面上提供一菜单控件00，参考图1c，响应于用户对所述菜单控件00的点击操作后，可以图形用户界面上显示所述菜单控件00对应的第一菜单01。

120、响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单。

参考图1d，在一些实施例中，响应于对所述第一菜单01的点击操作后，可以图形用户界面上显示所述菜单控件00对应的第二菜单02。

130、响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

在步骤130中，不需要再通过如步骤110和步骤120所示的多级操作，就可以直接通过第二触发操作展开第二菜单，提升了操作效率。

其中，第二触发操作可以包括触摸、拖动、滑动、划按、长按、双击、点击等操作。需要注意的是，第二触发操作与第一触发操作不同，例如，当第一触发操作为点击或触摸时，第二触发操作可以是滑动。

在一些实施例中，第二触发操作可以包括向左的第二触发操作、向右的第二触发操作、向上的第二触发操作、向下的第二触发操作、长按操作，等等。

例如，参考图1e，在一些实施例中，响应于对所述菜单控件00的向左滑动，显示所述菜单控件00对应的第一菜单01和第二菜单02。

其中，在一些实施例中，显示的方式可以是随着滑动，先展开显示第一菜单01，再展开显示第二菜单02。

在一些实施例中，所述第一触发操作包括触摸操作，所述响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单，包括：

当监测到用户针对所述菜单控件的触摸操作时，显示所述菜单控件对应的第一菜单；

在一些实施例中，所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单，包括：

当监测到用户针对所述第一菜单的触摸操作时，在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

例如，在第一菜单的附近显示所述菜单控件对应的第二菜单。

例如，在显示第一菜单之后，再显示第二菜单。

在一些实施例中，所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单之后，还包括：

响应于对所述第二菜单的第一触发操作，隐藏所述菜单控件对应的第二菜单。

例如，当用户再次点击第二菜单后，隐藏第二菜单。

在一些实施例中，所述第二触发操作包括滑动操作，响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单，包括：

当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

在一些实施例中，为了便于收回第二菜单，所述当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单之后，还包括：

当监测到用户针对所述菜单控件的反向滑动操作时，在显示所述菜单控件所对应第一菜单的基础上，隐藏所述菜单控件对应的第二菜单。

其中，反向滑动操作与滑动操作的方向相反，例如，若滑动操作为向左滑动操作时，则反向滑动操作为向右滑动操作；若滑动操作为向上滑动操作时，则反向滑动操作为向下滑动操作。

在一些实施例中，为了调整菜单控件在用户图形界面上的位置，以便用户操作，可以响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件。

其中，移动操作可以包括拖动、滑动、划按、长按、点击操作。

需要注意的是，为了便于区分移动操作和第二触发操作，根据应用场景移动操作的方向需与第二触发操作的方向不同，例如，第二触发操作为向右的第二触发操作时，则移动操作是除向右方向以外其他方向的移动操作。

在一些实施例中，所述第二触发操作包括滑动操作，所述滑动操作包括水平滑动操作，所述移动操作包括垂直移动操作，所述菜单控件位于所述图像用户界面的预设第一区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的垂直移动操作时，在所述图像用户界面中垂直移动所述菜单控件。

其中，预设第一区域可以是图像用户界面中的任意一个区域，该区域可以具有任意形状和面积，例如，在一些实施例中，预设第一区域可以是图像用户界面中的左边缘。

例如，参考图1f，在一些实施例中，菜单控件00位于图像用户界面的左边缘，响应于对所述菜单控件00的向左滑动，则依次显示所述菜单控件00对应的第一菜单01和第二菜单02；响应于对所述菜单控件00的向下移动操作，在所述图像用户界面中向下移动所述菜单控件。

在一些实施例中，所述第二触发操作包括滑动操作，所述滑动操作包括垂直滑动操作，所述移动操作包括水平移动操作，所述菜单控件位于所述图像用户界面的预设第二区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的水平移动操作时，在所述图像用户界面中水平移动所述菜单控件。

其中，预设第二区域可以是图像用户界面中除预设第一区域以外的任意一个区域，该区域可以具有任意形状和面积，例如，在一些实施例中，预设第一区域可以是图像用户界面中的上边缘。

例如，参考图1g，在一些实施例中，响应于对所述菜单控件00的向下滑动，则依次显示所述菜单控件00对应的第一菜单01和第二菜单02；响应于对所述菜单控件00的向右移动操作，在所述图像用户界面中向右移动所述菜单控件。

在一些实施例中，所述显示所述菜单控件对应的第一菜单，包括：

基于所述菜单控件的位置显示第一菜单。

在一些实施例中，所述显示所述菜单控件对应的第二菜单，包括：

基于所述菜单控件的位置显示第二菜单。

在一些实施例中，所述显示所述菜单控件对应的第一菜单和第二菜单，包括：

基于所述菜单控件的位置显示所述菜单控件对应的第一菜单和第二菜单。

即第一菜单和第二菜单的显示位置由菜单控件的位置来决定。

例如，在一些实施例中，第k+1菜单应紧邻第k菜单，当k为1时，第一菜单应紧邻菜单控件。

由上可知，本申请实施例可以响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

由于在本方案中侧边栏的位置可以由用户自定义，因此当用户在屏幕右侧操作终端时，只需要将该侧边栏移动至屏幕左侧即可，提高了用户体验，降低了使用难度。该侧边栏也可以隐藏收回，不影响用户操作被侧边栏遮挡的区域，提升了侧边栏的显示灵活性。此外，在本方案中，如果想进入到第二菜单，需要先通过点击展开第一菜单，再点击展开第二菜单；此外，也可以通过一次滑动操作即可展开第一菜单和第二菜单。由此本方案可以降低操作复杂度。

根据上述实施例所描述的方法，以下将作进一步详细说明。

参考图2a，本方面针对以上问题，提出一种侧边栏显示方法，首先初始模块初始化侧边栏显示位置，将侧边栏显示在屏幕两侧中间位置处，方便大屏端的操作，接着触摸轨迹接收模块接收侧边栏触摸轨迹，然后触摸事件判断模块分析此次触摸事件类型，区分出点击事件、垂直移动事件和水平移动事件，最后显示模块根据触摸类型显示不同的内容，点击事件则显示第一菜单，水平移动则直接显示第一菜单和第二菜单，支持一步操作进入第二菜单，提升了操作效率，垂直移动事件时可以移动侧边栏的垂直显示位置，提高了显示位置的灵活性。

参考图2b，以下对本申请实施例的方法进行详细说明：

大屏端可操作区域比较广，侧边栏如果只固定在屏幕某一侧或者某个位置则不便于用户操作，因此本方法提出在大屏端屏幕左右两侧对称显示侧边栏区域，默认位置在左右两侧的中间位置处。

在Android系统中，为了给基于触摸的用户界面提供高质量的支持，触摸事件提供了在触摸屏或触控板上解释活动的能力。整个触摸操作期间，程序会接收按下事件，移动事件，抬起事件三个阶段的触摸事件，首先记录触摸开始事件即按下时的坐标点(X1,Y1)，当移动事件中的坐标值(Xn,Yn)对比按下时发生变化会执行触摸事件判断模块。

触摸事件类型分为点击事件，垂直移动事件，水平移动事件三种，通过计算当前坐标点(Xn,Yn)与初始坐标点(X1,Y1)的相对距离，来判断当前触摸事件的类型。点击事件和移动事件临界点的阈值各平台不一样，可以自定义或者可以通过读取阈值的参考值。

1.当水平或者垂直滑动距离小于阈值时

在此条件下，如果继续执行移动事件，因为还没有达到触发移动事件的阈值，不做任何处理；如果选择执行抬起事件，可认定此次触摸事件属于点击事件。

2.当水平或者垂直滑动距离大于等于阈值时

在此条件下，已经达到触发移动事件的阈值，需要判断出此次移动事件属于水平移动还有垂直移动，才可以继续下一模块。如果水平移动距离大于等于垂直移动距离，则认为是水平移动事件；如果水平移动距离小于垂直移动距离，则认为是垂直移动事件。

显示模块根据触摸事件判断模块的结果显示不同的功能界面，以此来提升侧边栏操作效率和灵活性。如果触摸事件是点击事件，则先隐藏此侧侧边栏，然后展开第一菜单，第一菜单可以通过点击事件打开第二菜单；如果触摸事件是垂直移动事件，则两侧侧边栏跟随触摸轨迹同步垂直移动；如果触摸事件是水平移动事件，则先隐藏此侧侧边栏，然后第二菜单和第一菜单会跟随触摸轨迹先后水平移动，第二菜单显示完全第一菜单才开始显示，直到第二菜单和第一菜单全部显示停止，而且在不同的水平移动距离时执行抬起事件也会有不同的结果：

1.当水平滑动距离小于12dp时，会先隐藏已显示的第二菜单，然后显示该侧隐藏的侧边栏；

2.当水平滑动距离大于等于12dp时，会显示完全第二菜单和第一菜单。

由上可知，本申请实施例可以降低操作复杂度。

为了更好地实施以上方法，本申请实施例还提供一种界面交互装置，该界面交互装置具体可以集成在电子设备中，该电子设备可以为终端、服务器等设备。其中，终端可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、个人电脑等设备；服务器可以是单一服务器，也可以是由多个服务器组成的服务器集群。

比如，在本实施例中，将以界面交互装置具体集成在XX为例，对本申请实施例的方法进行详细说明。

例如，如图3所示，该界面交互装置可以包括第一触发第一单元301、第一触发第二单元302以及第二触发单元30，如下：

第一触发第一单元301用于响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单。

第一触发第二单元302用于响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单。

第二触发单元303用于响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

在一些实施例中，还包括：

响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件。

在一些实施例中，所述第二触发操作包括滑动操作，所述滑动操作包括水平滑动操作，所述移动操作包括垂直移动操作，所述菜单控件位于所述图像用户界面的预设第一区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的垂直移动操作时，在所述图像用户界面中垂直移动所述菜单控件。

在一些实施例中，所述第二触发操作包括滑动操作，所述滑动操作包括垂直滑动操作，所述移动操作包括水平移动操作，所述菜单控件位于所述图像用户界面的预设第二区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的水平移动操作时，在所述图像用户界面中水平移动所述菜单控件。

在一些实施例中，所述显示所述菜单控件对应的第一菜单，包括：

基于所述菜单控件的位置显示第一菜单；

所述显示所述菜单控件对应的第二菜单，包括：

基于所述菜单控件的位置显示第二菜单；

所述显示所述菜单控件对应的第一菜单和第二菜单，包括：

基于所述菜单控件的位置显示所述菜单控件对应的第一菜单和第二菜单。

在一些实施例中，所述第一触发操作包括触摸操作，所述响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单，包括：

当监测到用户针对所述菜单控件的触摸操作时，显示所述菜单控件对应的第一菜单；

所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单，包括：

当监测到用户针对所述第一菜单的触摸操作时，在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

在一些实施例中，所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单之后，还包括：

响应于对所述第二菜单的第一触发操作，隐藏所述菜单控件对应的第二菜单。

在一些实施例中，所述第二触发操作包括滑动操作，响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单，包括：

当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

在一些实施例中，所述当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单之后，还包括：

当监测到用户针对所述菜单控件的反向滑动操作时，在显示所述菜单控件所对应第一菜单的基础上，隐藏所述菜单控件对应的第二菜单。

具体实施时，以上各个单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个单元的具体实施可参见前面的方法实施例，在此不再赘述。

由此，本申请实施例可以降低操作复杂度。

相应的，本申请实施例还提供一种计算机设备，该计算机设备可以为终端或服务器，该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机、个人数字助理(Personal Digital Assistant，PDA)等终端设备。

如图4所示，图4为本申请实施例提供的计算机设备的结构示意图，该计算机设备400包括有一个或者一个以上处理核心的处理器401、有一个或一个以上计算机可读存储介质的存储器402及存储在存储器402上并可在处理器上运行的计算机程序。其中，处理器401与存储器402电性连接。本领域技术人员可以理解，图中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

处理器401是计算机设备400的控制中心，利用各种接口和线路连接整个计算机设备400的各个部分，通过运行或加载存储在存储器402内的软件程序和/或模块，以及调用存储在存储器402内的数据，执行计算机设备400的各种功能和处理数据，从而对计算机设备400进行整体监控。

在本申请实施例中，计算机设备400中的处理器401会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器402中，并由处理器401来运行存储在存储器402中的应用程序，从而实现各种功能：

响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

可选的，如图4所示，计算机设备400还包括：触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407。其中，处理器401分别与触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407电性连接。本领域技术人员可以理解，图4中示出的计算机设备结构并不构成对计算机设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

触控显示屏403可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏403可以包括显示面板和触控面板。其中，显示面板可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-EmittingDiode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成相应的操作指令，且操作指令执行对应程序。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器401，并能接收处理器401发来的命令并加以执行。触控面板可覆盖显示面板，当触控面板检测到在其上或附近的触摸操作后，传送给处理器401以确定触摸事件的类型，随后处理器401根据触摸事件的类型在显示面板上提供相应的视觉输出。在本申请实施例中，可以将触控面板与显示面板集成到触控显示屏403而实现输入和输出功能。但是在某些实施例中，触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏403也可以作为输入单元406的一部分实现输入功能。

在本申请实施例中，通过处理器401执行游戏应用程序在触控显示屏403上生成图形用户界面，图形用户界面上的虚拟场景中包含N个菜单控件，所述N为正整数。该触控显示屏403用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令。

射频电路404可用于收发射频信号，以通过无线通信与网络设备或其他计算机设备建立无线通讯，与网络设备或其他计算机设备之间收发信号。

音频电路405可以用于通过扬声器、传声器提供用户与计算机设备之间的音频接口。音频电路405可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路405接收后转换为音频数据，再将音频数据输出处理器401处理后，经射频电路404以发送给比如另一计算机设备，或者将音频数据输出至存储器402以便进一步处理。音频电路405还可能包括耳塞插孔，以提供外设耳机与计算机设备的通信。

输入单元406可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

电源407用于给计算机设备400的各个部件供电。可选的，电源407可以通过电源管理系统与处理器401逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源407还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管图4中未示出，计算机设备400还可以包括摄像头、传感器、无线保真模块、蓝牙模块等，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

由上可知，本实施例提供的计算机设备可以响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条计算机程序，该计算机程序能够被处理器进行加载，以执行本申请实施例所提供的任一种界面交互方法中的步骤。例如，该计算机程序可以执行如下步骤：

响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的计算机程序，可以执行本申请实施例所提供的任一种界面交互方法中的步骤，因此，可以实现本申请实施例所提供的任一种界面交互方法所能实现的有益效果，详见前面的实施例，在此不再赘述。

以上对本申请实施例所提供的一种界面交互方法、装置、存储介质及计算机设备进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (12)

1.一种界面交互方法，其特征在于，通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，所述方法包括：

响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；

响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；

响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

2.如权利要求1所述的界面交互方法，其特征在于，还包括：

响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件。

3.如权利要求2所述的界面交互方法，其特征在于，所述第二触发操作包括滑动操作，所述滑动操作包括水平滑动操作，所述移动操作包括垂直移动操作，所述菜单控件位于所述图像用户界面的预设第一区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的垂直移动操作时，在所述图像用户界面中垂直移动所述菜单控件。

4.如权利要求2所述的界面交互方法，其特征在于，所述第二触发操作包括滑动操作，所述滑动操作包括垂直滑动操作，所述移动操作包括水平移动操作，所述菜单控件位于所述图像用户界面的预设第二区域内，所述响应于对所述菜单控件的移动操作，在所述图像用户界面中移动所述菜单控件，包括：

当监测到用户针对所述菜单控件的水平移动操作时，在所述图像用户界面中水平移动所述菜单控件。

5.如权利要求3～4任一项所述的界面交互方法，其特征在于，所述显示所述菜单控件对应的第一菜单，包括：

基于所述菜单控件的位置显示第一菜单；

所述显示所述菜单控件对应的第二菜单，包括：

基于所述菜单控件的位置显示第二菜单；

所述显示所述菜单控件对应的第一菜单和第二菜单，包括：

基于所述菜单控件的位置显示所述菜单控件对应的第一菜单和第二菜单。

6.如权利要求1所述的界面交互方法，其特征在于，所述第一触发操作包括触摸操作，所述响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单，包括：

当监测到用户针对所述菜单控件的触摸操作时，显示所述菜单控件对应的第一菜单；

所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单，包括：

当监测到用户针对所述第一菜单的触摸操作时，在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

7.如权利要求1所述的界面交互方法，其特征在于，所述响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单之后，还包括：

响应于对所述第二菜单的第一触发操作，隐藏所述菜单控件对应的第二菜单。

8.如权利要求1所述的界面交互方法，其特征在于，所述第二触发操作包括滑动操作，响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单，包括：

当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单。

9.如权利要求8所述的界面交互方法，其特征在于，所述当监测到用户针对所述菜单控件的滑动操作时，显示所述菜单控件对应的第一菜单，并在显示所述菜单控件所对应第一菜单的基础上，显示所述菜单控件对应的第二菜单之后，还包括：

当监测到用户针对所述菜单控件的反向滑动操作时，在显示所述菜单控件所对应第一菜单的基础上，隐藏所述菜单控件对应的第二菜单。

10.一种界面交互装置，其特征在于，通过终端提供一图形用户界面，所述图形用户界面提供N个菜单控件，所述N为正整数，包括：

第一触发第一单元，用于响应于对所述菜单控件的第一触发操作，显示所述菜单控件对应的第一菜单；

第一触发第二单元，用于响应于对所述第一菜单的第一触发操作，显示所述菜单控件对应的第二菜单；

第二触发单元，用于响应于对所述菜单控件的第二触发操作，显示所述菜单控件对应的第一菜单和第二菜单。

11.一种终端，其特征在于，包括处理器和存储器，所述存储器存储有多条指令；所述处理器从所述存储器中加载指令，以执行如权利要求1～9任一项所述的界面交互方法中的步骤。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行权利要求1～9任一项所述的界面交互方法中的步骤。

Images