CN111666076A - 图层添加方法、装置、终端及存储介质 - Google Patents

Abstract

本申请公开了一种图层添加方法、装置、终端及存储介质，属于互联网技术领域。该方法包括：响应于图层添加指令，确定图层添加指令对应的第一界面和待添加的第一图层，基于第一界面的已有图层的图层级别和第一图层的目标层次，确定第一图层的图层级别，基于图层级别对应的多个图层序号，确定第一图层的图层序号，为第一图层标记图层级别和图层序号，在第一界面中添加标记后的第一图层。本申请实施例基于第一界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱、不易于管理的问题，在后续图层处理时不容易发生错误，提高了人机交互效率。

Description

图层添加方法、装置、终端及存储介质

技术领域

本申请涉及互联网技术领域，特别涉及一种图层添加方法、装置、终端及存储介质。

背景技术

随着互联网业务的发展，终端上可以安装有多种应用程序，不同的应用程序可以展示不同的界面。开发人员在构建界面时，通常基于界面中各图层的图层位置、图层大小等信息，并利用UIView(User Interface View，用户界面视图)来对各图层进行布局，从而得到一个界面。其中，UIView为屏幕上矩形区域内所有UI控件的基类，在布局时通常会使用UIView对图层进行管理。

目前，当在界面中添加一个图层或者移除一个图层时，直接基于UIView进行相应的图层添加或图层移除操作，再进行后续对图层布局的过程，进而得到一个界面。

然而，当应用程序的图层数目很多时，直接进行图层添加或图层移除操作，很容易造成应用程序图层混乱、不易于管理的问题，导致后续图层处理时容易发生错误，降低人机交互效率。

发明内容

本申请实施例提供了一种图层添加方法、装置、终端及存储介质，能够避免图层混乱、不易于管理的问题，提高人机交互效率。该技术方案如下：

一方面，提供了一种图层添加方法，该方法包括：

响应于图层添加指令，确定该图层添加指令对应的第一界面和待添加的第一图层；

基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别，该图层级别用于表示该第一图层在该第一界面中的层次；

基于该图层级别对应的多个图层序号，确定该第一图层的图层序号，该图层序号用于表示该第一图层在该层次中的添加顺序；

为该第一图层标记该图层级别和该图层序号；

在该第一界面中添加标记后的该第一图层。

在一种可能的实现方式中，该基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别包括：

若该第一图层的目标层次为该第一界面的最上层，则基于该第一界面的已有图层的图层级别，确定该第一界面的已有层次数目；

对该已有层次数目进行加一处理，得到该第一图层的图层级别。

在一种可能的实现方式中，该基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别包括：

若该第一图层的目标层次为该第一界面的中间层，基于该第一界面的已有图层的图层级别与该第一界面的中间层，确定该中间层对应的图层级别，作为该第一图层的图层级别。

在一种可能的实现方式中，该基于该图层级别对应的多个图层序号，确定该第一图层的图层序号包括：

在该图层级别对应层次的多个图层中，确定该层次中最后一个加入的图层；

获取该最后一个加入的图层的图层序号；

对该最后一个加入的图层的图层序号进行加一处理，得到该第一图层的图层序号。

在一种可能的实现方式中，该响应于图层添加指令之前，该方法还包括：

响应于对界面列表的界面更新指令，确定该界面更新指令对应的第二界面和界面更新类型，该界面列表存储有多个界面；

基于该第二界面与该界面更新类型，更新该界面列表以及该界面列表中根界面的指向，该根界面的指向为该界面列表中处于表尾的界面。

在一种可能的实现方式中，该基于该第二界面与该界面更新类型，更新该界面列表以及该界面列表中根界面的指向包括：

若该界面更新指令对应的界面更新类型为添加，则在该界面列表中添加该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面；

若该界面更新指令对应的界面更新类型为删除，则在该界面列表中删除该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面。

在一种可能的实现方式中，该在该第一界面中添加标记后的该第一图层之后，该方法还包括：

响应于对该第一界面的图层删除指令，确定该图层删除指令对应的待删除的第二图层；

若该第二图层的图层级别为该第一界面的最底层或中间层，则在该第一界面中删除该第二图层，更新该第一界面中多个图层的图层级别；

若该第二图层的图层级别为该第一界面的最上层，则在该第一界面中删除该第二图层。

在一种可能的实现方式中，该更新该第一界面中多个图层的图层级别包括：

基于该第二图层的图层级别，在该第一界面中，确定图层级别大于该第二图层的图层级别的多个图层；

更新该多个图层的图层序号与图层级别。

一方面，提供了一种图层添加装置，该装置包括：

界面图层确定模块，用于响应于图层添加指令，确定该图层添加指令对应的第一界面和待添加的第一图层；

图层级别确定模块，用于基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别，该图层级别用于表示该第一图层在该第一界面中的层次；

图层序号确定模块，用于基于该图层级别对应的多个图层序号，确定该第一图层的图层序号，该图层序号用于表示该第一图层在该层次中的添加顺序；

标记模块，用于为该第一图层标记该图层级别和该图层序号；

添加模块，用于在该第一界面中添加标记后的该第一图层。

在一种可能的实现方式中，该图层级别确定模块，用于：

若该第一图层的目标层次为该第一界面的最上层，则基于该第一界面的已有图层的图层级别，确定该第一界面的已有层次数目；

对该已有层次数目进行加一处理，得到该第一图层的图层级别。

在一种可能的实现方式中，该图层级别确定模块，还用于：

若该第一图层的目标层次为该第一界面的中间层，基于该第一界面的已有图层的图层级别与该第一界面的中间层，确定该中间层对应的图层级别，作为该第一图层的图层级别。

在一种可能的实现方式中，该图层序号确定模块，用于：

在该图层级别对应层次的多个图层中，确定该层次中最后一个加入的图层；

获取该最后一个加入的图层的图层序号；

对该最后一个加入的图层的图层序号进行加一处理，得到该第一图层的图层序号。

在一种可能的实现方式中，该装置还包括：

更新内容确定模块，用于响应于对界面列表的界面更新指令，确定该界面更新指令对应的第二界面和界面更新类型，该界面列表存储有多个界面；

更新模块，用于基于该第二界面与该界面更新类型，更新该界面列表以及该界面列表中根界面的指向，该根界面的指向为该界面列表中处于表尾的界面。

在一种可能的实现方式中，该更新模块，用于：

若该界面更新指令对应的界面更新类型为添加，则在该界面列表中添加该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面；

若该界面更新指令对应的界面更新类型为删除，则在该界面列表中删除该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面。

在一种可能的实现方式中，该装置还包括：

删减内容确定模块，用于响应于对该第一界面的图层删除指令，确定该图层删除指令对应的待删除的第二图层；

第一删减模块，用于若该第二图层的图层级别为该第一界面的最底层或中间层，则在该第一界面中删除该第二图层，更新该第一界面中多个图层的图层级别；

第二删减模块，用于若该第二图层的图层级别为该第一界面的最上层，则在该第一界面中删除该第二图层。

在一种可能的实现方式中，该第一删减模块包括更新子模块，用于：

基于该第二图层的图层级别，在该第一界面中，确定图层级别大于该第二图层的图层级别的多个图层；

更新该多个图层的图层序号与图层级别。

一方面，提供了一种终端，该终端包括处理器和存储器，该存储器中存储有至少一条指令，该至少一条指令由该处理器加载并执行以实现上述的图层添加方法所执行的操作。

一方面，提供了一种计算机可读存储介质，该计算机可读存储介质中存储有至少一条指令，该至少一条指令由处理器加载并执行以实现上述的图层添加方法所执行的操作。

本申请实施例提供的技术方案，通过在界面添加图层之前，根据图层在界面中的层次及图层在层次中的添加顺序，来确定图层的图层级别和图层序号，进而为每个待添加的图层标记图层级别和图层序号，再在界面中添加图层，基于第一界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱、不易于管理的问题，在后续图层处理时，由于每个图层均对应有图层级别和图层序号，根据图层的图层级别和图层序号，可以确定出图层的具体位置，因此开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，能够确定出正确的图层，不容易发生错误，提高了确定图层的准确性，提高了人机交互效率。

附图说明

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

图1是本申请实施例提供的一种图层添加方法的实施环境的示意图；

图2是本申请实施例提供的一种图层添加方法的流程图；

图3是本申请实施例提供的一种图层添加方法的流程图；

图4是本申请实施例提供的一种图层删除方法的流程图；

图5是本申请实施例提供的一种界面更新方法的流程图；

图6是本申请实施例提供的一种图层添加装置的结构示意图；

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

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

图1是本申请实施例提供的一种图层添加方法的实施环境的示意图。参见图1，该实施环境包括：终端101。

终端101可以为智能手机、智能手表、台式电脑、手提电脑、虚拟现实终端、增强现实终端、无线终端和膝上型便携计算机等设备中的至少一种，终端101可以运行有各种不同类型的应用程序，如视频应用程序、社交应用程序、直播应用程序等，终端101具有通信功能，可以接入互联网，终端101可以泛指多个终端中的一个，本实施例仅以终端101来举例说明。本领域技术人员可以知晓，上述终端的数量可以更多或更少。

本申请实施例提供的图层添加方法，可以由终端101来执行，当开发人员想要在应用程序的界面中添加图层时，可以在终端上进行操作，触发图层添加指令，则终端响应于图层添加指令，利用本申请实施例提供的图层添加方法，在界面中添加图层。

需要说明的是，在界面中添加图层是基于UIView(User Interface View，用户界面视图)实现的，该UIView表示屏幕上的一块矩形区域，负责渲染该矩形区域的内容，并且响应该矩形区域内的触摸事件，能够实现管理矩形区域内容、处理矩形区域内的事件、子视图的管理、动画等功能。另外，本申请实施例提供的图层添加方法的代码可以由Objective-C(扩充C的面向对象编程语言)来实现，由于Objective-C将一些编译和链接过程中的工作，放置在Runtime(运行时)阶段进行，因此Objective-C是一门灵活的动态语言，便于开发人员在Runtime阶段的过程中，动态修改图层添加方法，实现在Runtime阶段进行图层添加方法。

图2是本申请实施例提供的一种图层添加方法的流程图。该实施例以终端为执行主体进行说明，参见图2，该实施例包括：

201、终端响应于图层添加指令，确定该图层添加指令对应的第一界面和待添加的第一图层。

其中，第一界面用于表示正在开发的应用程序中待添加图层的界面。第一图层用于表示待添加的图层。

在一种可能的实现方式中，当开发人员想要在界面中添加图层时，可以在终端上进行操作，触发图层添加指令，该图层添加指令可以携带有第一界面的界面标识和第一图层的图层标识，则终端接收到该图层添加指令后，获取该图层添加指令中的界面标识和图层标识，根据该界面标识和图层标识，可以确定第一界面和待添加的第一图层。

202、终端基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别，该图层级别用于表示该第一图层在该第一界面中的层次。

其中，图层级别基于该第一图层在该第一界面中的层次确定，例如，若图层处于界面的最底层，则该图层的图层级别可以为1，若图层处于界面的底部第二层，则该图层的图层级别为2，以此类推，或者，若图层处于界面的最底层，则该图层的图层级别也可以为0，若图层处于界面的底部第二层，则该图层的图层级别为1，以此类推，本申请实施例对图层级别的起始值不作限定。本申请实施例中，一个层次可以包括多个图层。目标层次用于表示第一图层想要添加在该第一界面中的层次，目标层次可以基于第一图层的添加方式来确定，添加方式包括AddSubview(子视图添加)和InsertSubView(子视图插入)。AddSubview是指在界面中一层一层往上添加图层，新添加的图层一般处于界面的最上层，例如，AaddSubview B用于表示将图层B添加在界面A的最上层。InsertSubView可以将图层B添加到界面A的中间层中，该中间层可以为目标图层对应的层次或者目标图层的上一层次，该目标图层用于表示界面已有图层中指定的某一图层。例如，A insertSubView B Subview:C用于表示将图层B添加在界面A的已有图层C对应的层次，A insertSubView B aboveSubview:C用于表示将图层B添加在界面A的已有图层C的上一层次。因此，若第一图层的添加方式为AddSubview，则第一图层的目标层次为第一界面的最上层，若第一图层的添加方式为InsertSubView，则第一图层的目标层次为第一界面的中间层。

在一种可能的实现方式中，终端确定出第一界面和待添加的第一图层后，获取该第一界面的已有图层的图层级别以及该第一图层的目标层次，若该第一图层的目标层次为该第一界面的最上层，则基于该第一界面的已有图层的图层级别，对该第一界面的已有层次数目进行加一处理，得到该第一图层的图层级别。

可选地，终端确定第一界面的层次数目的过程可以为：终端获取到该第一界面的已有图层的图层级别后，在该已有图层的图层级别中，确定数目最大的图层级别，将该数目最大的图层级别对应的数目作为第一界面的已有层次数目，应理解地，该过程可以利用取最大值函数(Max)实现，通过取最大函数确定数目最大的图层级别，作为第一界面的已有层次数目，可以快速获知第一界面的已有层次数目，提高了确定已有层次数目的效率。在另一种可能实现方式中，终端确定第一界面的已有层次数目的过程也可以为：终端获取到该第一界面的已有图层的图层级别后，确定该已有图层的图层级别的数目，将该图层级别的数目作为第一界面的已有层次数目，应理解地，该过程可以利用求和函数(Sum)实现，通过求和函数确定第一界面的图层级别的数目，作为第一界面的已有层次数目。本申请实施例对选用何种方式确定已有层次数目不作限定。

在另一种可能的实现方式中，终端获取该第一界面的已有图层的图层级别以及该第一图层的目标层次后，若该第一图层的目标层次为该第一界面的中间层，则终端基于该第一界面的已有图层的图层级别与该第一界面的中间层，确定该中间层对应的图层级别，作为该第一图层的图层级别。

可选地，终端基于中间层确定图层级别的具体过程可以包括：若该中间层为目标图层对应的层次，则终端根据该目标图层以及该第一界面的已有图层的图层级别，可以确定该目标图层的图层级别，也即是确定出该中间层对应的图层级别，将该中间层对应的图层级别作为该第一图层的图层级别。若该中间层为目标图层的上一层次，则终端根据该目标图层以及该第一界面的已有图层的图层级别，可以确定该目标图层的图层级别，对该目标图层的图层级别进行加一处理，得到该第一图层的图层级别。

203、终端基于该图层级别对应的多个图层序号，确定该第一图层的图层序号，该图层序号用于表示该第一图层在该层次中的添加顺序。

在一种可能的实现方式中，终端确定出该第一图层的图层级别后，在该图层级别对应层次的多个图层中，确定该层次中最后一个加入的图层，获取该最后一个加入的图层的图层序号，对该最后一个加入的图层的图层序号进行加一处理，得到该第一图层的图层序号。

可选地，终端也可以基于取最大值函数确定第一图层的图层序号，相应过程可以为：终端确定出该第一图层的图层级别后，在该图层级别对应层次的多个图层中，确定数目最大的图层序号，将该数目最大的图层序号对应的数目作为第一图层的图层序号。在另一种可能的实现方式中，终端还可以基于求和函数确定第一图层的图层序号，相应过程可以为：终端确定出该第一图层的图层级别后，确定该图层级别对应层次的图层序号的数目，将该图层序号的数目作为第一图层的图层级别。本申请实施例对选用何种方式确定图层序号不作限定。

204、终端为该第一图层标记该图层级别和该图层序号。

需要说明的是，上述步骤201至步骤204可以利用钩子函数(Hook)来实现，该钩子函数可以在终端接收到指令的第一时间就开始执行。

205、终端在该第一界面中添加标记后的该第一图层。

在一种可能的实现方式中，终端为该第一图层标记该图层级别和该图层序号后，根据该第一图层的目标层次，可以将该第一图层添加到第一界面的相应位置，相应过程可以为：若该第一图层的目标层次为该第一界面的最上层，则终端将该第一图层添加在该第一界面的最上层。若该第一图层的目标层次为该第一界面的指定层次，且该指定层次为指定图层对应的层次，则终端将该第一图层添加在该指定图层对应的层次。若该第一图层的目标层次为该第一界面的指定层次，且该指定层次为指定图层的上一层次，则终端将该第一图层添加在该指定图层的上一层次。

可选地，针对指定层次为指定图层的上一层次这种情况，若该指定图层为该第一界面的最上层，则终端将该第一图层添加在指定图层的上一层次，此时该第一图层成为该第一界面的最上层，例如，若第一界面包括10个层次，则终端将该第一图层添加在第10层次的上一层次，此时该第一图层位于该第一界面的第11层次。若该指定图层为该第一界面的中间层，则终端确定该指定图层的上一层次，将该第一图层添加在指定图层的上一层次，例如，若第一界面包括10个层次，指定层次为第5层次时，则该指定图层的上一层次为第6层次，终端将该第一图层添加在第6层次中。

在另一种可能的实现方式中，终端为该第一图层标记该图层级别和该图层序号后，根据该第一图层的图层级别，确定出该第一图层处于第一界面的层次，再将该第一图层添加到第一界面的层次中。在该过程中，根据第一图层的图层级别，可以快速获知第一图层处于第一界面的层次，提高了在界面中添加图层的效率。

需要说明的是，上述步骤205可以利用回调函数来实现，通过回调原始的图层添加方法，完成在第一界面中添加标记后的第一图层的过程。

例如，图3是本申请实施例提供的一种图层添加方法的流程图，如图3所示，在UIView即将加入图层时，也即是终端接收到图层添加指令后，开始执行Hook方法，获取加入的图层级别以及该图层级别对应层次加入前最后一个图层序号，为图层标记图层级别和图层标号后，回调原始的图层加入方法，完成该图层的添加。

另外，在开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，可以确定出图层的具体位置，能够确定出正确的图层。

本申请实施例提供的技术方案，通过在界面添加图层之前，根据图层在界面中的层次及图层在层次中的添加顺序，来确定图层的图层级别和图层序号，进而为每个待添加的图层标记图层级别和图层序号，再在界面中添加图层，基于第一界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱、不易于管理的问题，在后续图层处理时，由于每个图层均对应有图层级别和图层序号，根据图层的图层级别和图层序号，可以确定出图层的具体位置，因此开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，能够确定出正确的图层，不容易发生错误，提高了确定图层的准确性，提高了人机交互效率。

上述步骤201至步骤205以第一界面为例介绍了图层添加方法，在第一界面的图层添加过程中，或者，在第一界面的图层添加完成后，均可以对第一界面中的图层进行删减操作，图4是本申请实施例提供的一种图层删除方法的流程图，参见图4，该实施例包括：

401、终端响应于对该第一界面的图层删除指令，确定该图层删除指令对应的待删除的第二图层。

其中，第二图层用于表示第一界面中待删除的图层。

在一种可能的实现方式中，当开发人员想要在界面中删减某一图层时，可以在终端上进行操作，触发图层删除指令，该图层删除指令可以携带有第一界面的界面标识和第二图层的图层标识，则终端接收到该图层删除指令，获取该图层删除指令中的界面标识和图层标识，根据该界面标识和图层标识，可以确定第一界面和待删除的第二图层。

402、若该第二图层的图层级别为该第一界面的最底层或中间层，则终端在该第一界面中删除该第二图层，更新该第一界面中多个图层的图层级别，若该第二图层的图层级别为该第一界面的最上层，则在该第一界面中删除该第二图层。

在一种可能的实现方式中，终端确定出第一界面和待删除的第二图层后，在第一界面中删除该第二图层，并确定该第二图层的图层级别的层次，根据该图层级别的层次，判断是否需要对第一界面进行更新，若第二图层的图层级别为该第一界面的最底层或中间层，则需要对第一界面的图层级别进行更新，若第二图层的图层级别为该第一界面的最上层，则无需对第一界面的图层级别进行更新。

可选地，终端更新第一界面的图层级别的过程可以包括：基于该第二图层的图层级别，在该第一界面中，确定图层级别大于该第二图层的图层级别的多个图层，将该多个图层的图层级别分别减一，得到该多个图层更新后的图层级别，从而达到更新该多个图层的图层级别的效果。

上述步骤402以第二图层对应的层次仅包括第二图层为例进行说明，也即是若该第二图层对应的层次仅包括第二图层，则终端在删除该第二图层后，需要确定图层级别大于该第二图层的图层级别的多个图层，更新该多个图层的图层级别。在另一种可能的实现方式中，若该第二图层对应的层次包括多个图层，则终端在删除该第二图层后，由于未影响到第一界面的层次，因此无需进行后续的更新步骤。

可选地，若该第二图层对应的层次包括多个图层，则终端在删除该第二图层后，还可以确定图层序号大于该第二图层的图层序号的多个图层，将该多个图层的图层序号分别减一，得到该多个图层更新后的图层序号。在另一种可能的实现方式中，若该第二图层对应的层次包括多个图层，由于该层次对应的多个图层序号(也即是添加顺序)不影响图层的唯一标识性，因此终端在第一界面中删除该第二图层后，也可以不更新该第一界面中多个图层的图层序号，只需将该第一界面中原第二图层对应的添加顺序设置为空格或下划线，用于表示该添加顺序对应的图层已删除。应理解地，若该第二图层对应的层次仅包括第二图层，则终端在删除该第二图层后，仅需进行图层级别的更新步骤，无需进行图层序号的更新步骤。

例如，如表1所示，第二图层对应的层次包括的多个图层可以为图层A、图层B、图层C、图层D，其对应的图层序号可以为1、2、3、4，第二图层可以为图层C，当终端在删除该第二图层后，对多个图层的图层序号进行更新，得到更新后的图层序号如表1第三列所示，图层A、图层B、图层D更新后的图层序号分别为1、2、3。当终端在删除该第二图层后，未对多个图层的图层序号进行更新，得到未更新的图层序号如表1第四列所示，图层A、图层B、图层D更新后的图层序号分别为1、3、4，该层次对应的多个图层序号为1、_、3、4。

表1

图层标识	图层序号	更新后的图层序号	未更新的图层序号
				A	1	1	1
B	2	无	“”或“_”
				C	3	2	3
D	4	3	4

本申请实施例提供的技术方案，通过在界面添加图层之前，根据图层在界面中的层次及图层在层次中的添加顺序，来确定图层的图层级别和图层序号，进而为每个待添加的图层标记图层级别和图层序号，再在界面中添加图层，基于第一界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱的问题，由于每个图层均对应有图层级别和图层序号，根据图层的图层级别和图层序号，可以确定出图层的具体位置，因此开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，能够确定出正确的图层，提高了确定图层的准确性。

上述步骤201至步骤205及步骤401至步骤402以第一界面为例介绍了图层添加方法以及图层删除方法。另外，本申请实施例还提供了一种界面更新方法，图5是本申请实施例提供的一种界面更新方法的流程图，参见图5，该实施例包括：

501、终端响应于对界面列表的界面更新指令，确定该界面更新指令对应的第二界面和界面更新类型，该界面列表存储有多个界面。

其中，界面列表为一种用于存储应用程序的多个界面的列表结构，一般限定在表尾进行添加和删除的操作，也即是向界面列表内新添加一个界面时，把该新添加的界面放置在表尾一端，当删除界面列表内的一个界面时，把表尾一端的界面删除掉。第二界面用于表示待添加或待删除的界面，界面更新类型包括添加和删除。

在一种可能的实现方式中，当开发人员想要在更新界面列表时，可以在终端上进行操作，触发界面更新指令，该界面更新指令可以携带有第二界面的界面标识和界面更新类型标识，则终端接收到该界面更新指令后，获取该界面更新指令中的界面标识和界面更新类型标识，根据该界面标识和界面更新类型标识，可以确定第二界面和界面更新类型。

502、终端基于该第二界面与该界面更新类型，更新该界面列表以及该界面列表中根界面的指向，该根界面的指向为该界面列表中处于表尾的界面。

在一种可能的实现方式中，终端确定第二界面和界面更新类型后，判断该界面更新类型，若该界面更新指令对应的界面更新类型为添加，则在该界面列表中添加该第二界面，并确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面。若该界面更新指令对应的界面更新类型为删除，则在该界面列表中删除该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面。

可选地，若该界面更新指令对应的界面更新类型为添加，在该界面列表中添加该第二界面，此时该第二界面处于界面列表的表尾，则更新该根界面的指向为该第二界面。若该界面更新指令对应的界面更新类型为删除，在该界面列表中删除该第二界面，此时该第二界面相邻的界面处于界面列表的表尾，更新该根界面的指向为该第二界面相邻的界面。

例如，若应用程序的界面列表中包括A、B、C三个界面，C处于界面列表的表尾，根页面的指向为C。当D加入到界面列表时，D处于界面列表的表尾，则更新根页面的指向为D。若当前根页面为D，删除D后，更新根页面的指向为C。

应理解地，上述步骤201至步骤205及步骤401至步骤402中的第一界面可以为界面列表中的任一界面，也即是对于界面列表中的任一界面，均可以采用上述图层添加方法来添加图层。

本申请实施例提供的技术方案，在接收到该界面更新指令后，根据该界面更新指令对应的第二界面和界面更新类型，对界面列表进行相应的更新处理，能够实现对界面列表的实时更新，实现了对界面列表的管理，并且对于界面列表中的任一界面，基于该界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱、不易于管理的问题，在后续图层处理时，由于每个图层均对应有图层级别和图层序号，根据图层的图层级别和图层序号，可以确定出图层的具体位置，因此开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，能够确定出正确的图层，不容易发生错误，提高了确定图层的准确性，提高了人机交互效率。

图6是本申请实施例提供的一种图层添加装置的结构示意图，参见图6，该装置包括：

界面图层确定模块601，用于响应于图层添加指令，确定该图层添加指令对应的第一界面和待添加的第一图层；

图层级别确定模块602，用于基于该第一界面的已有图层的图层级别和该第一图层的目标层次，确定该第一图层的图层级别，该图层级别用于表示该第一图层在该第一界面中的层次；

图层序号确定模块603，用于基于该图层级别对应的多个图层序号，确定该第一图层的图层序号，该图层序号用于表示该第一图层在该层次中的添加顺序；

标记模块604，用于为该第一图层标记该图层级别和该图层序号；

添加模块605，用于在该第一界面中添加标记后的该第一图层。

在一种可能的实现方式中，该图层级别确定模块602，用于：

若该第一图层的目标层次为该第一界面的最上层，则基于该第一界面的已有图层的图层级别，确定该第一界面的层次数目；

对该层次数目进行加一处理，得到该第一图层的图层级别。

在一种可能的实现方式中，该图层级别确定模块602，还用于：

若该第一图层的目标层次为该第一界面的中间层，基于该第一界面的已有图层的图层级别与该第一界面的中间层，确定该中间层对应的图层级别，作为该第一图层的图层级别。

在一种可能的实现方式中，该图层序号确定模块603，用于：

在该图层级别对应层次的多个图层中，确定该层次中最后一个加入的图层；

获取该最后一个加入的图层的图层序号；

对该最后一个加入的图层的图层序号进行加一处理，得到该第一图层的图层序号。

在一种可能的实现方式中，该装置还包括：

更新内容确定模块，用于响应于对界面列表的界面更新指令，确定该界面更新指令对应的第二界面和界面更新类型，该界面列表存储有多个界面；

更新模块，用于基于该第二界面与该界面更新类型，更新该界面列表以及该界面列表中根界面的指向，该根界面的指向为该界面列表中处于表尾的界面。

在一种可能的实现方式中，该更新模块，用于：

若该界面更新指令对应的界面更新类型为添加，则在该界面列表中添加该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面；

若该界面更新指令对应的界面更新类型为删除，则在该界面列表中删除该第二界面，确定当前时刻该界面列表中处于表尾的界面，更新该根界面的指向为该处于表尾的界面。

在一种可能的实现方式中，该装置还包括：

删减内容确定模块，用于响应于对该第一界面的图层删除指令，确定该图层删除指令对应的待删除的第二图层；

第一删减模块，用于若该第二图层的图层级别为该第一界面的最底层或中间层，则在该第一界面中删除该第二图层，更新该第一界面中多个图层的图层级别；

第二删减模块，用于若该第二图层的图层级别为该第一界面的最上层，则在该第一界面中删除该第二图层。

在一种可能的实现方式中，该第一删减模块包括更新子模块，用于：

基于该第二图层的图层级别，在该第一界面中，确定图层级别大于该第二图层的图层级别的多个图层；

更新该多个图层的图层序号与图层级别。

本申请实施例提供的技术方案，通过在界面添加图层之前，根据图层在界面中的层次及图层在层次中的添加顺序，来确定图层的图层级别和图层序号，进而为每个待添加的图层标记图层级别和图层序号，再在界面中添加图层，基于第一界面的已有图层，来确定待添加的图层的图层级别及图层序号，并为待添加的图层标记级别和序号，实现了对每个图层的唯一标识，避免了图层混乱、不易于管理的问题，在后续图层处理时，由于每个图层均对应有图层级别和图层序号，根据图层的图层级别和图层序号，可以确定出图层的具体位置，因此开发人员在对图层进行布局时，可以基于图层级别和图层序号来确定图层，能够确定出正确的图层，不容易发生错误，提高了确定图层的准确性，提高了人机交互效率。

需要说明的是：上述实施例提供的图层添加装置在添加图层时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的图层添加装置与图层添加方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图7示出了本发明一个示例性实施例提供的终端700的结构框图。该终端700可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio LayerIV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端700包括有：处理器701和存储器702。

处理器701可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器701可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器701也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器701可以集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器701还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器702可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器702还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器702中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器701所执行以实现本申请中方法实施例提供的图层添加方法。

在一些实施例中，终端700还可选包括有：外围设备接口703和至少一个外围设备。处理器701、存储器702和外围设备接口703之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口703相连。具体地，外围设备包括：射频电路704、显示屏705、摄像头组件706、音频电路707、定位组件708和电源709中的至少一种。

外围设备接口703可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器701和存储器702。在一些实施例中，处理器701、存储器702和外围设备接口703被集成在同一芯片或电路板上；在一些其他实施例中，处理器701、存储器702和外围设备接口703中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路704用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路704将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路704包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路704可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路704还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏705用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏705是触摸显示屏时，显示屏705还具有采集在显示屏705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器701进行处理。此时，显示屏705还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏705可以为一个，设置在终端700的前面板；在另一些实施例中，显示屏705可以为至少两个，分别设置在终端700的不同表面或呈折叠设计；在另一些实施例中，显示屏705可以是柔性显示屏，设置在终端700的弯曲表面上或折叠面上。甚至，显示屏705还可以设置成非矩形的不规则图形，也即异形屏。显示屏705可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件706用于采集图像或视频。可选地，摄像头组件706包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件706还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器701进行处理，或者输入至射频电路704以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器701或射频电路704的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路707还可以包括耳机插孔。

定位组件708用于定位终端700的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件708可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源709用于为终端700中的各个组件进行供电。电源709可以是交流电、直流电、一次性电池或可充电电池。当电源709包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端700还包括有一个或多个传感器710。该一个或多个传感器710包括但不限于：加速度传感器711、陀螺仪传感器712、压力传感器713、指纹传感器714、光学传感器715以及接近传感器716。

加速度传感器711可以检测以终端700建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器711可以用于检测重力加速度在三个坐标轴上的分量。处理器701可以根据加速度传感器711采集的重力加速度信号，控制显示屏705以横向视图或纵向视图进行用户界面的显示。加速度传感器711还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器712可以检测终端700的机体方向及转动角度，陀螺仪传感器712可以与加速度传感器711协同采集用户对终端700的3D动作。处理器701根据陀螺仪传感器712采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器713可以设置在终端700的侧边框和/或显示屏705的下层。当压力传感器713设置在终端700的侧边框时，可以检测用户对终端700的握持信号，由处理器701根据压力传感器713采集的握持信号进行左右手识别或快捷操作。当压力传感器713设置在显示屏705的下层时，由处理器701根据用户对显示屏705的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器714用于采集用户的指纹，由处理器701根据指纹传感器714采集到的指纹识别用户的身份，或者，由指纹传感器714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器701授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器714可以被设置在终端700的正面、背面或侧面。当终端700上设置有物理按键或厂商Logo时，指纹传感器714可以与物理按键或厂商Logo集成在一起。

光学传感器715用于采集环境光强度。在一个实施例中，处理器701可以根据光学传感器715采集的环境光强度，控制显示屏705的显示亮度。具体地，当环境光强度较高时，调高显示屏705的显示亮度；当环境光强度较低时，调低显示屏705的显示亮度。在另一个实施例中，处理器701还可以根据光学传感器715采集的环境光强度，动态调整摄像头组件706的拍摄参数。

接近传感器716，也称距离传感器，通常设置在终端700的前面板。接近传感器716用于采集用户与终端700的正面之间的距离。在一个实施例中，当接近传感器716检测到用户与终端700的正面之间的距离逐渐变小时，由处理器701控制显示屏705从亮屏状态切换为息屏状态；当接近传感器716检测到用户与终端700的正面之间的距离逐渐变大时，由处理器701控制显示屏705从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图7中示出的结构并不构成对终端700的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器，上述指令可由终端或服务器中的处理器执行以完成上述实施例中图层添加方法。例如，所述计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (11)

1.一种图层添加方法，其特征在于，所述方法包括：

响应于图层添加指令，确定所述图层添加指令对应的第一界面和待添加的第一图层；

基于所述第一界面的已有图层的图层级别和所述第一图层的目标层次，确定所述第一图层的图层级别，所述图层级别用于表示所述第一图层在所述第一界面中的层次；

基于所述图层级别对应的多个图层序号，确定所述第一图层的图层序号，所述图层序号用于表示所述第一图层在所述层次中的添加顺序；

为所述第一图层标记所述图层级别和所述图层序号；

在所述第一界面中添加标记后的所述第一图层。

2.根据权利要求1所述的方法，其特征在于，所述基于所述第一界面的已有图层的图层级别和所述第一图层的目标层次，确定所述第一图层的图层级别包括：

若所述第一图层的目标层次为所述第一界面的最上层，则基于所述第一界面的已有图层的图层级别，确定所述第一界面的已有层次数目；

对所述已有层次数目进行加一处理，得到所述第一图层的图层级别。

3.根据权利要求1所述的方法，其特征在于，所述基于所述第一界面的已有图层的图层级别和所述第一图层的目标层次，确定所述第一图层的图层级别包括：

若所述第一图层的目标层次为所述第一界面的中间层，基于所述第一界面的已有图层的图层级别与所述第一界面的中间层，确定所述中间层对应的图层级别，作为所述第一图层的图层级别。

4.根据权利要求1所述的方法，其特征在于，所述基于所述图层级别对应的多个图层序号，确定所述第一图层的图层序号包括：

在所述图层级别对应层次的多个图层中，确定所述层次中最后一个加入的图层；

获取所述最后一个加入的图层的图层序号；

对所述最后一个加入的图层的图层序号进行加一处理，得到所述第一图层的图层序号。

5.根据权利要求1所述的方法，其特征在于，所述响应于图层添加指令之前，所述方法还包括：

响应于对界面列表的界面更新指令，确定所述界面更新指令对应的第二界面和界面更新类型，所述界面列表存储有多个界面；

基于所述第二界面与所述界面更新类型，更新所述界面列表以及所述界面列表中根界面的指向，所述根界面的指向为所述界面列表中处于表尾的界面。

6.根据权利要求1所述的方法，其特征在于，所述基于所述第二界面与所述界面更新类型，更新所述界面列表以及所述界面列表中根界面的指向包括：

若所述界面更新指令对应的界面更新类型为添加，则在所述界面列表中添加所述第二界面，确定当前时刻所述界面列表中处于表尾的界面，更新所述根界面的指向为所述处于表尾的界面；

若所述界面更新指令对应的界面更新类型为删除，则在所述界面列表中删除所述第二界面，确定当前时刻所述界面列表中处于表尾的界面，更新所述根界面的指向为所述处于表尾的界面。

7.根据权利要求1所述的方法，其特征在于，所述在所述第一界面中添加标记后的所述第一图层之后，所述方法还包括：

响应于对所述第一界面的图层删除指令，确定所述图层删除指令对应的待删除的第二图层；

若所述第二图层的图层级别为所述第一界面的最底层或中间层，则在所述第一界面中删除所述第二图层，更新所述第一界面中多个图层的图层级别；

若所述第二图层的图层级别为所述第一界面的最上层，则在所述第一界面中删除所述第二图层。

8.根据权利要求7所述的方法，其特征在于，所述更新所述第一界面中多个图层的图层级别包括：

基于所述第二图层的图层级别，在所述第一界面中，确定图层级别大于所述第二图层的图层级别的多个图层；

更新所述多个图层的图层序号与图层级别。

9.一种图层添加装置，其特征在于，所述装置包括：

界面图层确定模块，用于响应于图层添加指令，确定所述图层添加指令对应的第一界面和待添加的第一图层；

图层级别确定模块，用于基于所述第一界面的已有图层的图层级别和所述第一图层的目标层次，确定所述第一图层的图层级别，所述图层级别用于表示所述第一图层在所述第一界面中的层次；

图层序号确定模块，用于基于所述图层级别对应的多个图层序号，确定所述第一图层的图层序号，所述图层序号用于表示所述第一图层在所述层次中的添加顺序；

标记模块，用于为所述第一图层标记所述图层级别和所述图层序号；

添加模块，用于在所述第一界面中添加标记后的所述第一图层。

10.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如权利要求1至权利要求8任一项所述的图层添加方法所执行的操作。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如权利要求1至权利要求8任一项所述的图层添加方法所执行的操作。

Images