CN113778304B - 显示图层的方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本公开关于一种显示图层的方法、装置、电子设备及计算机可读存储介质，其中，上述显示图层的方法包括：接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，从而根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。本公开至少解决了现有技术中浮层与浮层下方的图层无法实现动态联动的问题。

Description

显示图层的方法、装置、电子设备及计算机可读存储介质

技术领域

本公开涉及移动互联网领域，尤其涉及一种显示图层的方法、装置、电子设备及计算机可读存储介质。

背景技术

随着移动互联网技术的发展，移动端设备上可下载越来越多的应用程序，其中，在用户使用各种各样的应用程序的过程中，浮层可以简化操作步骤，因此，移动设备上应用程序的浮层使用越来越广泛。

但是，在现有技术中，通常是用户主动通过长按等操作触发浮层，而且在触发完成后，浮层下的图层，例如，UI（User Interface Design，用户界面）会始终保持静态，无论用户对浮层进行任何操作，都不会与浮层下的图层产生联动，使得浮层下的图层发生变化。由于现有技术不支持浮层与浮层下方的图层实现动态联动，因此在用户与浮层进行交互时，浮层下方图层的变化过于单一，不利于提升用户使用体验以及拓展应用程序内流量入口。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本公开提供一种显示图层的方法、装置、电子设备及计算机可读存储介质，以至少解决现有技术中浮层与浮层下方的图层无法实现动态联动的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种显示图层的方法，包括：接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，从而根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。

进一步地，显示图层的方法还包括：浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。

进一步地，显示图层的方法还包括：根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。

进一步地，显示图层的方法还包括：在第一生命周期处于唤起阶段时，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式，并在第一生命周期处于唤起完成阶段时，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。

进一步地，显示图层的方法还包括：根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式。

进一步地，显示图层的方法还包括：在第二生命周期处于移除阶段时，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式，并在第一生命周期处于移除完成阶段时，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第二显示方式。

进一步地，显示图层的方法还包括：在根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式之后，接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。

进一步地，显示图层的方法还包括：在根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式之后，接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。

进一步地，显示图层的方法还包括：接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层，并响应对第一目标图层的第五操作，从第一图层中移除第一目标图层，从而响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。

根据本公开实施例的第二方面，提供一种显示图层的装置，包括：创建单元，被配置为执行接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示；调整单元，被配置为执行根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现上述的显示图层的方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述的显示图层的方法。

根据本公开实施例的第四方面，提供一种计算机程序产品，包括计算机程序/指令，其特征在于，计算机程序/指令被处理器执行时实现上述的显示图层的方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

在本公开实施例中，由于在创建浮层管理器的基础上，一方面可通过浮层管理器控制第二图层的显示和移除，另一方面，可通过浮层管理器的生命周期调整第一图层的显示方式，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，当第一图层（例如，浮层下方的图层）和第二图层（例如，浮层）以堆叠的形式在终端设备上显示时，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而达到了在用户与浮层进行交互时，动态调整浮层下方图层的目的，进而解决了现有技术中浮层与浮层下方的图层无法实现动态联动的技术问题，实现了提高用户使用体验以及拓展应用程序内流量入口的技术效果。

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

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种显示图层的方法的流程图。

图2是根据一示例性实施例示出的一种显示图层的方法的流程图。

图3是根据一示例性实施例示出的一种显示图层的方法的流程图。

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

图5是根据一示例性实施例示出的一种显示图层的方法的流程图。

图6是根据一示例性实施例示出的一种显示图层的方法的时序图。

图7是根据一示例性实施例示出的一种显示图层的装置的框图。

图8是根据一示例性实施例示出的一种电子设备的框图。

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

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

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

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

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

需要说明的是，具有显示图层功能的终端设备可作为本公开实施例的显示图层的方法的执行主体，其中，终端设备包括但不限于：智能手机、智能化便携式佩戴设备、服务器、台式计算机、笔记本计算机以及智能平板等设备。

另外，还需要说明的是，本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

图1是根据一示例性实施例示出的一种显示图层的方法的流程图，如图1所示，显示图层的方法可应用于具有显示图层的功能的终端设备中，包括以下步骤。

在步骤S11中，接收对第一图层的第一操作，创建浮层管理器。

其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，第一图层可以为浮层下的图层，例如，终端设备上显示的UI用户界面，第二图层可以为浮层，例如，终端设备上应用程序的半透明浮层。

可选的，用户可通过单击、双击、长按或者滑动等动作对第一图层进行第一操作，当第一图层所对应的视图管理器接收到信号后，即可创建浮层管理器。浮层管理器可用于控制第二图层的显示和移除，例如，当浮层管理器收到终端设备的唤起操作的指令时，浮层管理器可通知视图管理器“该浮层即将唤起”的唤起指令，然后视图管理器接收唤起指令并唤起浮层，待浮层管理器识别到该浮层已经被唤起后，浮层管理器再向视图管理器通知“该浮层已经唤起”的第一通知指令。

进一步地，当第二图层处于展示状态时，用户操作第二图层中的预设区域或者第二图层中的目标控件，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，然后视图管理器将第二图层移除，待浮层管理器识别到该浮层已经移除后，浮层管理器在向视图管理器通知“该浮层已经消失”的第二通知指令。其中，第二图层中的预设区域指的是第二图层以外的所有区域，如4所示，“取消关注”与“减少此类直播”所在的浮层即为第二图层，预设区域为该浮层以外的所有区域，也可称为蒙层。

在上述过程中，通过创建浮层管理器，实现了第一图层与第二图层之间通过浮层管理器进行关联的效果，并且通过浮层管理器可控制第二图层的显示和移除，用户可自行选择是否显示第二图层，有利于提高用户使用体验。

在步骤S12中，根据浮层管理器的生命周期调整第一图层的显示方式。

其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。可选的，如图2所示，当视图管理器在创建浮层管理器后，会同时监听该浮层管理器的生命周期，从而根据浮层管理器的生命周期调整第一图层的显示方式，例如，当视图管理器接收到浮层管理器的“该浮层即将唤起”的唤起指令时，说明此时浮层管理器的生命周期处于“该浮层即将唤起”的唤起阶段，此时视图管理器可根据当前的业务场景对第一图层进行动态变换，其中，业务场景指的是当前第一图层中所展示的业务归属场景，例如，电子商务业务场景以及社交业务场景等。动态变换的过程可根据不同的业务场景确定，例如，如果当前的业务场景为电子商务场景，在商品列表页上，用户长按某一个商品的卡片时，唤起浮层后，浮层下方的背景视图中的商品卡片动画可以调整位置和大小。另外，当视图管理器接收到“该浮层已经唤起”的通知指令后，视图管理器也可对当前的第一图层进行动态变换，其中，变换的时机以及样式可根据具体的业务场景确定。而且，第一图层可以包括多个子图层，动态变换包括但不限于：子图层的位置移动、子图层进行动画变换以及在第一图层上覆盖一层全新的UI图层等。其中，新的UI图层覆盖掉当前的第一图层之后，新的UI图层也会在第二图层的下方。

进一步地，如图3所示，当用户点击浮层中的预设区域或者浮层内的目标控件，例如，用户点击图4中所示的用户界面中的“减少此类直播”的功能控件，此时浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，然后视图管理器在接收到通知指令后，视图管理器可根据业务场景动态变换第一视图。其中，浮层可以包括多个功能控件，例如，在图4中，浮层包括“减少此类直播”控件、“取消关注”控件、“关注”控件以及“收藏”控件。

在上述过程中，通过浮层管理器的生命周期来动态调整第一图层的显示方式，而浮层管理器的生命周期表征了第二图层的显示和隐藏，从而实现了根据浮层的显示和隐藏来动态调整浮层下方的视图的显示方式的目的，解决了现有技术中浮层与浮层下方的图层无法实现动态联动的问题。

需要说明的是，浮层（即第二图层）与第一图层之间的位置关系不限于图4所示的层叠关系，还可以为并列显示的关系，例如，图10中所示的并列显示关系。其中，浮层与第一图层在并列显示时的关系也不限于图10所示，浮层还可以设置在第一图层中各个视图的下方或者设置在第一图层中各个视图的左侧或者右侧，还可以设置在第一图层中各个视图的中间位置。

基于步骤S11至步骤S12的过程可知，在本公开实施例中，采用设置浮层管理器，通过浮层管理器的生命周期动态调整第一视图的方式，通过接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，并根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。

由于本公开实施例在创建浮层管理器的基础上，一方面可通过浮层管理器可用于控制第二图层的显示和移除，另一方面，可通过浮层管理器的生命周期调整第一图层的显示方式，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，当第一图层（例如，浮层下方的图层）和第二图层（例如，浮层）以堆叠的形式在终端设备上显示时，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而达到了在用户与浮层进行交互时，动态调整浮层下方的图层的目的，进而解决了现有技术中浮层与浮层下方的图层无法实现动态联动的技术问题，实现了提高用户使用体验以及拓展应用程序内流量入口的技术效果。

在一种可选的实施例中，浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。

可选的，浮层管理器根据生命周期协议，可对第一生命周期和第二生命周期进行定义，例如，定义“该浮层即将唤起”、“该浮层已经唤起”、“该浮层即将消失”、“该浮层已经消失”以及“该浮层操作按钮被点击”等API（Application Programming Interface，应用程序接口）接口。其中，“该浮层即将唤起”API接口可对应第一生命周期的唤起阶段，“该浮层已经唤起”API接口可对应第一生命周期的唤起完成阶段，“该浮层即将消失”以及“该浮层已经消失”API接口可对应第二生命周期的移除阶段，“该浮层已经消失”API接口可对应第二生命周期的移除完成阶段。

在上述过程中，通过对浮层管理设置不同的生命周期，从而达到了根据生命周期的不同阶段动态调整第一图层的显示方式的目的，实现了第一图层与第二图层之间通过浮层管理器进行动态联动的效果。

在一种可选的实施例中，终端设备可根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。

可选的，第一显示方式可以是第一图层的当前显示方式，第二显示方式则为在第一显示方式的基础上调整后的第一图层的显示方式，两种显示方式是不相同的显示方式。如2所示，当用户操作第一视图时，视图管理器会创建浮层管理器，并监听浮层管理器的生命周期，当浮层管理器接收到唤起操作时，浮层管理器依次向视图管理器通知“浮层即将唤起”以及“浮层已经唤起”的指令，视图管理器则对应的依次监听到浮层管理器的第一生命周期的唤起阶段以及唤起完成阶段，进而视图管理器根据当前的业务场景动态调整第一图层的显示方式。

在上述过程中，视图管理器根据浮层管理器的第一生命周期，对第一图层的显示方式进行调整，实现了在浮层管理器的第一生命周期动态调整第一图层的显示方式的效果。

在一种可选的实施例中，终端设备在第一生命周期处于唤起阶段时，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式，在第一生命周期处于唤起完成阶段时，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。

可选的，当浮层管理器收到唤起操作的指令时，浮层管理器会向视图管理器发送“该浮层即将唤起”的唤起指令，即此时视图管理器确定浮层管理器处于第一生命周期的唤起阶段，从而视图管理器可根据当前的业务场景对第一视图的第一显示方式进行调整，例如，当前的业务场景为电子商务场景，第一显示方式为默认的商品列表页展示方式，视图管理器接收到“该浮层即将唤起”的指令后，视图管理器将默认的商品列表页展示方式进行改变，调整商品卡片动画的位置和大小，得到按照第三显示方式显示的第一图层。

进一步地，当浮层管理器识别到浮层已经被唤起后，浮层管理器会向视图管理器发送“该浮层已经唤起”的第一通知指令，此时视图管理器确定浮层管理器处于第一生命周期的唤起完成阶段，视图管理器确定当前业务场景所对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式，例如，根据当前业务场景为电子商务场景，视图管理器确定第一切换时间为2秒，第一切换样式为从左侧到右侧逐渐显示的切换样式，从而在2秒后，视图管理器从左侧到右侧逐渐显示按照第二显示方式显示的第一图层。

又例如，在图9所示的用户界面中，用户长按子视图1，浮层管理器处于唤起阶段。在唤起阶段，视图管理器对子视图1进行放大显示，如图9所示。同时，视图管理器调整子视图1与第一图层中的其他子视图的位置，例如，在图9中，视图管理器将子视图1和其他子视图分为两行，子视图1设置在第一行，其他子视图进行缩小处理，并将缩小后的子视图设置在第二行。在唤起阶段结束后，浮层管理器进入到唤起完成阶段，在唤起完成阶段，视图管理器对放大后的子视图1进行缩小处理，同时对其他子视图进行放大处理，并按照唤起阶段之前的各个子视图之间的相对位置对子视图1和其他子视图进行摆放，如图10所示。同时，视图管理器将摆放后的子视图向下移动，并在摆放后的子视图上方位置显示浮层，同时对子视图1的边框进行突出显示，如图10中，以加粗的虚线框表示对子视图1进行了突出显示，同时显示第二图层，以使用户能够清晰的知晓当前所操作的子视图。其中，图9所示的用户界面为第一图像的第三显示方式，图10所示的用户界面为第一图像的第二显示方式。

另外，在实际应用中，视图管理器可对子视图进行缩放处理，和/或，高亮显示处理，和/或，在子视图上覆盖新的子视图，和/或，对子视图进行位置移动等操作，并显示对子视图进行处理后的结果。

在上述过程中，视图管理器根据浮层管理器的第一生命周期的不同阶段，对第一图层的显示方式进行调整，实现了在浮层唤起阶段以及唤起完成阶段中动态调整第一图层的显示方式的效果，有利于提高用户使用体验。而且，在调整的过程中，丰富了第一图层的变化，从而可以展示更多的内容，实现了拓展应用程序内流量入口的技术效果。

在一种可选的实施例中，终端设备可根据浮层管理器的第二生命周期将第一图层的第二显示方式调整为第一显示方式。

可选的，第二图层中设置有预设区域以及目标控件，例如，如图4所示，第二图层为“取消关注”与“减少此类直播”两个浮层按钮所在的浮层，预设区域为该浮层以外的所有空白区域，“减少此类直播”与“取消关注”两个浮层按钮都可以作为目标控件。如图3所示，当用户操作第二图层中的预设区域或者目标控件时，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，然后视图管理器在接收到通知指令后，视图管理器可确定浮层管理器进入第二生命周期，从而视图管理器根据当前业务场景对第一视图的显示方式进行调整，从之前的动态变换中恢复回开始状态，即将第一图层的第二显示方式调整为第一显示方式。

在上述过程中，视图管理器根据浮层管理器的第二生命周期，对第一图层的显示方式进行调整，实现了在浮层管理器的第二生命周期动态调整第一图层的显示方式的效果。

在一种可选的实施例中，终端设备在第二生命周期处于移除阶段时，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式，并在第一生命周期处于移除完成阶段时，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第一显示方式。

可选的，当视图管理器接收到“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令时，视图管理器可确定浮层管理器处于第二生命周期的移除阶段，从而视图管理器可根据当前的业务场景对第一视图的第二显示方式进行调整，得到与当前业务场景对应的第四显示方式，例如，根据当前的业务场景对第一图层进行动态恢复的调整，或者对第一视图进行平移、动画变换以及移除某一个UI等动态调整，得到按照第四显示方式显示的第一图层。

进一步地，当浮层管理器识别到浮层已经被移除后，浮层管理器会向视图管理器发送“该浮层已经消失”的第二通知指令，此时视图管理器确定浮层管理器处于第二生命周期的移除完成阶段，视图管理器确定当前业务场景所对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第一显示方式，例如，根据当前业务场景为电子商务场景，视图管理器确定第二切换时间为2秒，第二切换样式为从右侧到左侧逐渐显示的切换样式，从而在2秒后，视图管理器从左侧到右侧逐渐显示按照第一显示方式显示的第一图层。

又例如，在图10所示的用户界面中，用户点击了“取消关注”控件，此时，浮层管理器处于移除阶段，视图管理器对子视图1进行移动处理，如图11中，子视图1向左移动，其他子视图也同时向左移动，同时，浮层（即第二图层）的透明度逐渐降低，直至用户界面中不再显示浮层，子视图1在用户界面中消失。然后，在浮层管理器进入到移除完成阶段之后，将图10中的子视图2移动至原子视图1所在的位置上，同时对用户界面中的子视图进行放大处理，以使用户界面中的子视图的大小回复至原始大小，例如，在图12中，子视图2移动至原子视图1所在的位置上，其他子视图的位置进行对应的调整，在对子视图的位置进行调整的同时或者之后，视图管理器对子视图的大小进行调整。

另外，在实际应用中，视图管理器在移除浮层的过程中，可对子视图进行缩放处理，和/或，高亮显示处理，和/或，在子视图上覆盖新的子视图，和/或，对子视图进行位置移动等操作，并显示对子视图进行处理后的结果。

在上述过程中，视图管理器根据浮层管理器的第二生命周期的不同阶段，对第一图层的显示方式进行调整，实现了在浮层移除阶段以及移除完成阶段时动态调整第一图层的显示方式的效果，有利于提高用户使用体验。而且，在调整的过程中，丰富了第一图层的变化，从而可以展示更多的内容，实现了拓展应用程序内流量入口的技术效果。

在一种可选的实施例中，终端设备接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。

可选的，当当第二图层在终端设备上处于显示状态时，用户可操作第二图层中的目标控件，图4所示，用户单击浮层中的“取消关注”或者“减少此类直播”，终端设备在接收到触控指令后，浮层控制器会向视图管理器发送“该浮层操作按钮被点击”的点击指令，从而视图管理器将第二图层从第一图层中移除，同时视图处理器可根据当前业务场景对第一图层进行动态恢复的调整，或者进行其他动态变换，例如平移、动画变换以及移除某个UI等调整。

在上述过程中，当用户需要移除浮层时，只需对浮层中的控件进行操作，即可将浮层移除，并将第一图层恢复至原始显示状态，实现了提高用户使用体验的效果。

在一种可选的实施例中，终端设备接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。

可选的，当第二图层在终端设备上处于显示状态时，用户可操作第二图层中的预设区域，例如，如图4所示，用户单击浮层之外的空白区域，终端设备在接收到触控指令后，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令，从而视图管理器将第二图层从第一图层中移除。

在上述过程中，当用户需要移除浮层时，只需操作第二图层中的预设区域，便可移除浮层，并将第一图层恢复到原始显示状态，过程简便，实现了提高用户使用体验的效果。

在一种可选的实施例中，终端设备接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层，并响应对第一目标图层的第五操作，从第一图层中移除第一目标图层，从而响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。

可选的，如图5所示，一个视图管理器可以绑定多个浮层管理器，其中，浮层管理器与第二视图一一对应，即一个浮层管理器对应一个第二视图。例如，如图5所示，当终端设备识别到用户对第一图层进行第四操作时，终端设备从3个浮层管理器中确定了浮层管理器A，从而在多个第二图层中确定了浮层管理器A对应的浮层A，此时，当浮层唤起完成后，第一图层中会显示浮层A。当用户点击浮层A的预设区域或者浮层A中的目标控件时，终端设备中的视图管理器会从第一图层中将浮层A移除，从而在用户继续点击第一视图时，终端设备从3个浮层管理器中确定了浮层管理器B，从而在多个第二图层中确定了浮层管理器B对应的浮层B，此时，当浮层唤起完成后，第一图层中会显示浮层B。

在上述过程中，由于图层加载需要消耗的资源较大，因此每次只选择一个浮层管理器加载对应的浮层，有利于提高运行效率，避免出现应用程序卡顿的问题，而且，多个浮层不会同时显示，可使得显示效果更加简洁，实现了提高用户使用体验的效果。

图6示出了根据一示例性实施例的一种显示图层的方法的时序图，以对本公开实施例中的显示图层的方法的步骤进行进一步地说明，其步骤包括如下：

步骤1，终端设备检测到用户操作，从而触发唤起浮层的指令，终端设备上的视图管理器响应唤起浮层的指令，创建浮层管理器；

步骤2，视图管理器器监听浮层管理器的生命周期；

步骤3，浮层管理器进入第一生命周期，唤起浮层，并将相关指令通知视图管理器；

步骤4，浮层即将显示时，视图管理器根据当前的业务场景动态调整内部的第一图层，同时视图管理器将调整后的第一图层渲染到终端设备的屏幕上此时用户可看到调整后的UI。

步骤5，终端设备检测到用户取消浮层的操作，从而触发取消浮层的指令，终端设备上的视图管理器响应取消浮层的指令，并将指令转发给浮层管理器；

步骤6，视图管理器将取消浮层的指令转发给浮层管理器；

步骤7，浮层管理器进入第二生命周期，取消浮层，并将相关指令通知视图管理器；

步骤8，浮层即将消失时，视图管理器根据当前的业务场景动态调整内部的第一图层，同时视图管理器将调整后的第一图层渲染到终端设备的屏幕上，此时用户可看到调整后的UI。

在上述过程中，视图管理器生成浮层管理器并监听其生命周期，同时通知浮层管理器唤起浮层，浮层唤起过程浮层管理器将对应的生命周期阶段通知给视图控制器，视图控制器根据浮层的生命周期可任意动态的操作第一图层，浮层消失过程的过程同理。该过程通过浮层管理器实现了第一图层和浮层之间的关联，并且可根据浮层的生命周期来动态调整第一图层，从而达到了在用户与浮层进行交互时，动态调整浮层下方的第一图层的目的，进而解决了现有技术中浮层与浮层下方的图层无法实现动态联动的技术问题。

由上述内容可知，在本公开实施例中，由于在创建浮层管理器的基础上，一方面通过浮层管理器可用于控制第二图层的显示和移除，另一方面，通过浮层管理器的生命周期还可以调整第一图层的显示方式，而且，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，当第一图层（例如，浮层下方的图层）和第二图层（例如，浮层）以堆叠的形式在终端设备上显示时，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而达到了在用户与浮层进行交互时，丰富浮层下方图层变化的目的，进而解决了现有技术中浮层与浮层下方的图层无法实现动态联动的技术问题，实现了提高用户使用体验以及拓展应用程序内流量入口的技术效果。

图7是根据一示例性实施例示出的一种显示图层的装置的框图，参照图7所示，显示图层的装置包括：创建单元701以及调整单元703。其中，创建单元701，被配置为执行接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示；调整单元703，被配置为执行根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。

此处需要说明的是，上述创建单元701以及调整单元703对应于上述方法实施例中的步骤S11至步骤S12，上述模块与对应的步骤所实现的实例和应用场景相同，但不限于上述显示图层的方法实施例所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在计算机终端中。

在一种可选的实施例中，显示图层的装置还包括：浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。

在一种可选的实施例中，显示图层的装置还包括：第一调整单元，用于根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。

在一种可选的实施例中，显示图层的装置还包括：第二调整单元以及确定单元。其中，第二调整单元，用于在第一生命周期处于唤起阶段时，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式；确定单元，用于在第一生命周期处于唤起完成阶段时，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。

在一种可选的实施例中，上述调整单元还包括：第三调整单元，用于根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式。

在一种可选的实施例中，显示图层的装置还包括：第四调整单元以及第一确定单元。其中，第四调整单元，用于在第二生命周期处于移除阶段时，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式；第一确定单元，用于在第一生命周期处于移除完成阶段时，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第二显示方式。

在一种可选的实施例中，显示图层的装置还包括：接收单元，用于接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。

在一种可选的实施例中，显示图层的装置还包括：第一接收单元，用于接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。

在一种可选的实施例中，显示图层的装置还包括：第二接收单元、第一响应单元以及第二响应单元。其中，第二接收单元，用于接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层；第一响应单元，用于响应对第一目标图层的第五操作，从第一图层中移除第一目标图层；第二响应单元，用于响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。

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

根据本公开实施例，还提供一种电子设备的实施例，包括：处理器；用于存储上述处理器可执行指令的存储器；其中，上述处理器被配置为执行上述指令，以实现任一项上述的显示图层的方法。

可选地，图8是根据一示例性实施例示出的一种电子设备的框图，参照图8所示，该计算机终端可以包括：至少一个（图中仅示出一个）处理器81、存储器82、以及外设接口83，等等。

其中，存储器可用于存储软件程序以及模块，如本公开实施例中的显示图层的方法和装置对应的程序指令/模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的显示图层的方法。存储器可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行任一项上述的显示图层的方法步骤。

根据本公开实施例，还提供一种计算机可读存储介质的实施例，当上述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行任一项上述的显示图层的方法。

根据本公开实施例，提供一种计算机程序产品的实施例，当在数据处理设备上执行时，适于执行初始化有任一项上述的显示图层的方法的程序。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

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

在本公开所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如上述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取计算机存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个计算机存储介质中，包括若干指令用以使得一台计算机设备（可为个人计算机、服务器或者网络设备等）执行本发明各个实施例上述方法的全部或部分步骤。而前述的计算机存储介质包括：U盘、只读存储器（ROM，Read-OnlyMemory）、随机存取存储器（RAM，Random Access Memory）、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上上述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

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

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

Claims (11)

1.一种显示图层的方法，其特征在于，包括：

接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；

根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间；

所述第一图层与多个所述第二图层相关联，所述方法还包括：接收对所述第一图层的第四操作，从多个所述第二图层中确定第一目标图层，在所述第一图层中显示所述第一目标图层；响应对所述第一目标图层的第五操作，从所述第一图层中移除所述第一目标图层；响应对所述第一图层的第六操作，从多个所述第二图层中确定第二目标图层，并在所述第一图层中显示所述第二目标图层。

2.根据权利要求1所述的方法，其特征在于，所述浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，所述第一生命周期至少包括：唤起阶段、唤起完成阶段，所述第二生命周期至少包括：移除阶段、移除完成阶段。

3.根据权利要求2所述的方法，其特征在于，根据所述浮层管理器的生命周期调整所述第一图层的显示方式，包括：

根据所述浮层管理器的第一生命周期将所述第一图层的第一显示方式调整为第二显示方式，其中，所述第一显示方式不同于所述第二显示方式。

4.根据权利要求3所述的方法，其特征在于，根据所述浮层管理器的第一生命周期将所述第一图层的第一显示方式调整为所述第二显示方式，包括：

在所述第一生命周期处于所述唤起阶段时，将所述第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，所述第三显示方式为所述第一图层由所述第一显示方式过渡至所述第二显示方式的过渡显示方式；

在所述第一生命周期处于所述唤起完成阶段时，确定与所述当前业务场景对应的第一切换时间以及第一切换样式，并按照所述第一切换时间和所述第一切换样式将所述第一图层的第三显示方式调整为所述第二显示方式。

5.根据权利要求2所述的方法，其特征在于，根据所述浮层管理器的生命周期调整所述第一图层的显示方式，包括：

根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整为第一显示方式。

6.根据权利要求5所述的方法，其特征在于，根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整为所述第一显示方式，包括：

在所述第二生命周期处于所述移除阶段时，将所述第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，所述第四显示方式为所述第一图层由所述第二显示方式过渡至所述第一显示方式的过渡显示方式；

在所述第一生命周期处于所述移除完成阶段时，确定与所述当前业务场景对应的第二切换时间以及第二切换样式，并按照所述第二切换时间和所述第二切换样式将所述第一图层的第四显示方式调整为所述第一显示方式。

7.根据权利要求5所述的方法，其特征在于，在根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整为第一显示方式之后，所述方法还包括：

接收对所述第二图层中的目标控件的第二操作，从所述第一图层中移除所述第二图层。

8.根据权利要求5所述的方法，其特征在于，在根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整为第一显示方式之后，所述方法还包括：

接收对所述第二图层中的预设区域的第三操作，从所述第一图层中移除所述第二图层。

9.一种显示图层的装置，其特征在于，包括：

创建单元，被配置为执行接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；

调整单元，被配置为执行根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间；

所述第一图层与多个所述第二图层相关联；

第二接收单元，用于接收对所述第一图层的第四操作，从多个所述第二图层中确定第一目标图层，在所述第一图层中显示所述第一目标图层；第一响应单元，用于响应对所述第一目标图层的第五操作，从所述第一图层中移除所述第一目标图层；第二响应单元，用于响应对所述第一图层的第六操作，从多个所述第二图层中确定第二目标图层，并在所述第一图层中显示所述第二目标图层。

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

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至8中任一项所述的显示图层的方法。

11.一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至8中任一项所述的显示图层的方法。

Images