界面层级控制方法、装置、电子设备及存储介质与流程

本公开涉及人机交互领域，具体而言，涉及一种界面层级控制方法及界面层级控制装置、电子设备及计算机可读存储介质。

背景技术：

随着通信技术的快速发展，用户在移动终端上进行操作时，移动终端会根据用户的操作呈现出不同的操作界面和视觉动态反馈。

相关技术中，可以通过编辑器实现操作界面在2d层面的动态反馈。例如，对于游戏应用而言，可以通过编辑器实现局部ui(userinterface，用户界面)在2d层面的缩放、移动、旋转等动态反馈。

在上述方式中，如果要实现纵深方向界面层级的跃迁或者是缩放、移动、旋转等动态反馈，则必须引入3dui来实现。通过上述方式实现纵深方向界面层级跃迁的步骤较为繁琐，效率较低且不能满足用户自主操作的需求。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

本公开的目的在于提供一种界面层级控制方法及一种界面层级控制装置、电子设备及计算机可读存储介质，进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或者多个问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的一个方面，提供一种界面层级控制方法，包括：

为多个界面层级配置多个节点，并确定每个节点的位置；

响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

在本公开的一种示例性实施例中，根据一预设节点的位置控制所述界面跃迁包括：

对比所述界面层级与所述预设节点的位置，并在所述界面层级未处于所述预设节点位置处时，控制所述界面层级跃迁至所述预设节点处。

在本公开的一种示例性实施例中，控制所述界面层级跃迁至所述预设节点处包括：

控制所述界面层级通过旋转和/或缩放的方式跃迁至所述预设节点处。

在本公开的一种示例性实施例中，所述方法还包括：

将所述界面层级对应的节点由第一状态切换为第二状态，并显示所述节点由所述第一状态切换为所述第二状态的动态效果。

在本公开的一种示例性实施例中，确定每个节点的位置包括：

在预设方向为所述节点增加坐标，并根据所述节点在所述预设方向的数值确定所述节点的位置坐标。

在本公开的一种示例性实施例中，所述界面层级的多个所述节点之间相互独立。

在本公开的一种示例性实施例中，所述触发操作包括点击操作、按压操作、长按操作中的至少一种。

根据本公开的一个方面，提供一种界面层级控制装置，包括：

位置确定模块，用于为多个界面层级配置多个节点，并确定每个节点的位置；

跃迁控制模块，用于响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

根据本公开的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的界面层级控制方法。

根据本公开的一个方面，提供一种电子设备，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的界面层级控制方法。

本公开一种示例性实施例提供的界面层级控制方法、界面层级控制装置、电子设备及计算机可读存储介质中，通过为多个界面层级分别配置多个节点，并确定每个节点的位置；响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。一方面，可以根据节点的位置直接控制界面层级跃迁，简化了操作步骤，提高了效率；另一方面，可以通过触发操作控制界面层级跃迁，为用户自主操作层级跃迁提供了便利，进而提高了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

通过参照附图来详细描述其示例实施例，本公开的上述和其他特征及优点将变得更加明显。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1示意性示出本公开示例性实施例中一种界面层级控制方法示意图；

图2示意性示出本公开示例性实施例中控制界面层级跃迁的示意图；

图3示意性示出本公开示例性实施例中一种界面层级控制装置的结构示意图；

图4示意性示出本公开示例性实施例中一种电子设备的框图；

图5示意性示出本公开示例性实施例中一种程序产品。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有所述特定细节中的一个或更多，或者可以采用其他的方法、组元、材料、装置、步骤等。在其他情况下，不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个软件硬化的模块中实现这些功能实体或功能实体的一部分，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

本示例性实施例中首先公开了一种界面层级控制方法，可以应用于呈现各种游戏场景或者其它场景的操作界面的终端上，可以通过在终端的处理器上执行软件应用并在所述终端的显示器上渲染得到操作界面。所述终端可以为例如手机、平板电脑、笔记本电脑、游戏机、pda等各种具有触控屏幕的电子设备，也可以为台式电脑等电子设备。参考图1所示，所述界面层级控制方法可以包括以下步骤：

步骤s110.为多个界面层级配置多个节点，并确定每个节点的位置；

步骤s120.响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

根据本示例实施例中的界面层级控制方法，一方面，可以根据预设节点的位置直接控制界面层级跃迁，简化了操作步骤，提高了效率；另一方面，可以通过触发操作控制界面层级跃迁，为用户自主操作层级跃迁提供了便利，进而提高了用户体验。

接下来，参考图1和图2对所述界面层级控制方法中的各个步骤进行进一步解释说明。

在步骤s110中，为多个界面层级配置多个节点，并确定每个节点的位置。

在本示例性实施例中，一个ui界面内部可以分为多个ui层级即界面层级或ui组，每个节点相当于ui层级或者是ui组的挂接点，且ui节点的坐标可以代表整个ui层级或ui组的坐标。所述界面层级可以包括美术场景层、通用底板层以及前景层等。每个界面层级中可以包括多个界面元素，界面元素例如可以为工具栏，也可以为菜单、还可以为对话框或状态提示栏等，本示例性实施例在此不做特殊限定。

可以首先为每个界面层级配置一个节点，即每个界面层级可以由对应的节点而确定。例如对于游戏应用中的英雄角色而言，可以将其图像显示和帧动画组件放在英雄角色体节点上，然后将跟随角色移动的阴影单独作为阴影节点，最后把负责生命值显示的进度条作为一组独立功能的节点，形成自己的迷你节点树。此外，还可以通过层级管理器或运行时脚本的操作配置各个节点之间的显示关系，例如配置多个节点之间的父子关系等。例如，一个属性如果有上一级，则称这个上一级是它的父节点，如果没有上一级，则这个属性则无父节点。子节点是父节点的下一层节点。

需要说明的是，本示例中多个界面层级的多个节点之间相互独立，不存在父子关系，以避免多个节点之间相互影响，例如在控制一个节点对应的界面层级跃迁时，可以避免与其存在父子关系的其它子节点或者父节点跟随该节点对应的界面层级跃迁或者移动，从而在一定程度上也可以避免用户误操作。

其中，确定每个节点的位置可以包括：

在预设方向为所述节点增加坐标，并根据所述节点在所述预设方向的数值确定所述节点的位置坐标。

本示例中，预设方向例如可以为z轴方向。可以在普通ui编辑器的所具有的x轴和y轴的基础上增加z轴，进而根据控制z轴的数值确定每个节点的位置坐标。具体而言，可以在平行于操作界面的平面上设置x轴以及y轴，在垂直于操作界面的方向上设置一z轴，以确定纵深坐标。该z轴可以使用游戏应用开发引擎ui层所具有的3d位置控制接口，通过填表方式在程序客户端为相关ui层的节点增加。通过设置z轴并为所有节点增加了z轴坐标，可以根据节点的z轴坐标来确定该界面层级所处的位置。本示例中仅通过添加z轴坐标就可以为每个节点设置3d位置，而不需要引入3dui技术，简化了操作步骤。

接下来，在步骤s120中，响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

本示例性实施例中，触发操作例如可以包括点击操作、按压操作、长按操作中的一种或多种，除此之外，也可以包含存在触控点的其他触控类操作，此处以点击操作为例进行具体说明。首先系统可以检测是否接收到作用于操作界面上的任意一个界面层级的触发操作，在接收到触发操作时，可以通过位置传感器确定触发操作发生的位置即触控点的当前位置，并对触发操作发生的位置与每一个界面层级的坐标进行对比，从而判断触发操作作用的界面层级。随后可以通过触发操作发生的界面层级对应节点的位置以及一个事先设置的预设节点的位置控制该界面层级跃迁。通过触发操作控制界面层级跃迁的方式，使得用户可以自主选择让某些界面层级在z轴上的位置、角度、大小相对于其它界面层级发生变化，为用户自主操作界面层级跃迁提供了便利，进而提高了用户体验。

此处的界面层级跃迁可以理解为界面层级在z轴上位置的变化，例如在z轴上前进或者是后退。具体而言，在检测作用于界面层级的触发操作之前，可以添加一个层级跃迁管理器，以通过该跃迁管理器统一管理参与层级跃迁的ui节点的z轴坐标，例如通过控制z轴坐标的数值变化，控制z轴方向的动态反馈。层级跃迁管理器的核心数值是z轴坐标，但在此基础上可添加旋转、缩放等数值。需要注意的是，通常参与界面层级跃迁的ui节点之间不存在父子关系，以避免与其存在父子关系的其它子节点或者父节点跟随该节点对应的界面层级跃迁或者移动。

预设节点例如可以为多个跃迁节点其中之一，层级跃迁管理器可以记录下每一个跃迁节点，并且将其中一个指定节点初始化为激活态，该激活态的指定节点即为预设节点。激活态可以理解为该预设节点处于可用或者可操作状态，同时处于激活态的节点对应的界面层级也处于可用或者可操作状态。参考图2所示，可以看作是将界面层级c对应的节点设置为预设节点。

其中，根据一预设节点的位置控制所述界面层级跃迁可以包括：

对比所述界面层级与所述预设节点的位置，并在所述界面层级未处于所述预设节点位置处时，控制所述界面层级跃迁至所述预设节点处。

在确定接收到控制层级跃迁的触发操作时，例如点击了某一块区域，则可以将该区域所对应的层级跃迁节点数据发送至层级跃迁管理器，以使层级跃迁管理器对节点数据进行对应处理。例如该层级跃迁管理器可以通过对比界面层级对应节点的位置与预设节点的位置，确定该界面层级是否在预设节点处。如果触发操作对应的界面层级已经处于该预设节点处，则可以不做任何处理操作；如果触发操作对应的界面层级尚未处于该预设节点处，则可以控制该界面层级跃迁至预设节点处。

例如，如果在确定点击操作发生在界面层级a或b时，由于点击操作对应的界面层级a或b均尚未处于界面层级c对应的预设节点处，因此可以控制界面层级a或b跃迁至界面层级c处；如果在确定点击操作发生在界面层级c时，可以不执行任何操作。

具体而言，控制所述界面层级跃迁至所述预设节点处可以包括：

控制所述界面层级通过旋转和/或缩放的方式跃迁至所述预设节点处。

在控制所述界面层级在z轴上前进或者是后退时，可以通过旋转的方式控制界面层级进行跃迁，也可以通过缩放的方式控制其进行跃迁，还可以同时通过旋转或者缩放的方式控制其进行跃迁。具体而言，可以添加层级跃迁管理器并通过层级跃迁管理器控制动态下z轴坐标的数值变化，从而改变其在z轴上的位置，同时可以添加旋转、缩放等数值。

举例而言，如图2所示，假设在跃迁之前将界面层级c对应的节点设置为激活态，即设置为预设节点。在检测到点击操作且经过判断确定点击操作发生在界面层级b时，由于点击操作对应的界面层级b尚未处于界面层级c对应的预设节点处，因此可以利用层级跃迁管理器控制z轴坐标的数值变化，从而控制该界面层级b通过旋转和/或缩放的方式跃迁至预设节点对应的界面层级c处。在检测到点击操作且经过判断确定点击操作发生在界面层级c时，由于点击操作对应的界面层级c处于设置的预设节点处，因此可以不执行任何操作。

需要注意的是，在界面层级进行跃迁时，只通过层级跃迁管理器改变界面层级以及对应的节点的z轴坐标，界面层级对应的x轴和y轴坐标保持不变。本示例中，通过根据预设节点的位置与触发操作发生的界面层级节点的位置直接控制界面层级跃迁，简化了操作步骤，提高了效率。

除此之外，在控制所述界面层级跃迁至所述预设节点处的同时，所述方法还可以包括：

将所述界面层级对应的节点由第一状态切换为第二状态，并显示所述节点由所述第一状态切换为所述第二状态的动态效果。

其中，界面层级对应节点指的是跃迁的界面层级对应的节点，其第一状态例如可以为非激活态，第二状态例如可以为激活态。在控制所述界面层级跃迁至所述预设节点处的同时，可以控制跃迁界面层级对应的节点由非激活态切换为激活态。为了能够强化当前可以操作的目标界面层级，并对用户操作起到引导提示作用，可以显示所述节点由非激活态切换为激活态的动态效果。与此同时，还可以选择性显示原来的激活节点从激活态切换为非激活态的动态效果。此处的动态效果例如可以为闪烁、高亮等显示形式。

举例而言，如果跃迁的界面层级b不在该预设节点处，则可以控制界面层级b对应的节点播放非激活态切换到激活态的3dui动作，例如从灰色到闪烁或者从灰色切换为高亮。同时还可以控制界面层级c对应的节点播放激活态切换到非激活态的3dui动作，例如从闪烁到灰色；除此之外，也可以不显示激活态切换到非激活态的动态效果。

在本公开的示例性实施例中，还提供了一种界面层级控制装置300，，参考图3所示，所述装置300可以包括：

位置确定模块301，可以用于为多个界面层级配置多个节点，并确定每个节点的位置；

跃迁控制模块302，可以用于响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

所述界面层级控制装置300的各个功能模块的具体细节已经在对应的界面层级控制方法中进行了详细描述，因此此处不再赘述。

在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

下面参照图4来描述根据本发明的这种实施方式的电子设备600。图4显示的电子设备600仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图4所示，电子设备600以通用计算设备的形式表现。电子设备600的组件可以包括但不限于：上述至少一个处理单元610、上述至少一个存储单元620、连接不同系统组件(包括存储单元620和处理单元610)的总线630、显示单元640。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元610执行，使得所述处理单元610执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元610可以执行如图1中所示的步骤：步骤s110.为多个界面层级配置多个节点，并确定每个节点的位置；步骤s120.响应作用于一个所述界面层级的触发操作，根据一预设节点的位置控制所述界面层级跃迁。

存储单元620可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)6201和/或高速缓存存储单元6202，还可以进一步包括只读存储单元(rom)6203。

存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204，这样的程序模块6205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线630可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备600交互的设备通信，和/或与使得该电子设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口650进行。并且，电子设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器660通过总线630与电子设备600的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备600使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。

参考图5所示，描述了根据本发明的实施方式的用于实现上述方法的程序产品800，其可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。