CN116069231A - 一种卡片排布管理方法及电子设备 - Google Patents

Abstract

本申请提供一种卡片排布管理方法及电子设备，涉及终端技术领域。解决了用户调整单张卡片排布位置的人机交互效率。具体方案为：电子设备显示负一屏；其中，负一屏的第一区域位于第二区域的左侧，第三区域位于第一区域的下侧；第一区域用于显示第一卡片，第二区域用于显示第二卡片，第三区域用于显示第三卡片；电子设备接收针对第三卡片的第一拖动操作；电子设备响应于第一拖动操作，控制第三卡片移动；在第三卡片移动过程中，若第三卡片与第一卡片满足第一条件，则电子设备将第三卡片排布在第一区域，控制第一卡片向第二区域移动，控制第二卡片向第三区域移动。这样，用户无需反复调整未拖动卡片的排布位置，提高人机交互效率。

Description

一种卡片排布管理方法及电子设备

技术领域

本申请涉及终端技术领域，尤其涉及一种卡片排布管理方法及电子设备。

背景技术

目前，用户所订阅的推送消息，可以采用卡片的形式显示于负一屏中，如消息卡片。然而，在用户订阅的推送信息量特别多的情况下，负一屏无法同时显示所有的消息卡片。显然，在负一屏中，排布在前的卡片才能优先被用户看到。为了适应用户的查看习惯，电子设备可以依据用户的指示调整卡片的排布。

然而，相关技术中，用户指示电子设备改变一张卡片的排布位置之后，其他卡片之间的排布顺序也会受影响。将迫使用户不断调整其他卡片的排布位置，降低电子设备的人机交互效率。

发明内容

本申请实施例提供一种卡片排布管理方法及电子设备，用于改善用户调整卡片显示位置的人机交互效率。

为达到上述目的，本申请采用如下技术方案：

第一方面，本申请实施例提供的一种卡片排布管理方法，所述方法包括：电子设备显示负一屏；所述负一屏包括第一区域、第二区域和第三区域；所述第一区域位于所述第二区域的左侧，所述第三区域位于所述第一区域的下侧；所述第一区域用于显示第一尺寸的第一卡片，所述第二区域用于显示第一尺寸的第二卡片，所述第三区域用于显示第一尺寸的第三卡片；所述电子设备接收针对所述第三卡片的第一拖动操作；所述电子设备响应于所述第一拖动操作，控制所述第三卡片移动；在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第一条件，则所述电子设备将所述第三卡片排布在所述第一区域，控制所述第一卡片向所述第二区域移动，控制所述第二卡片向所述第三区域移动。

可以理解地，负一屏可以显示多张卡片，如，服务卡片。在负一屏中，上述多种卡片依序沿预设方向排布。比如，在负一屏中相同高度排布卡片时，按照从左向右进行排布卡片；在负一屏的不同高度排布卡片时，按照从上向下排布卡片。这样，在可用于显示卡片的空间有限的情况下，预设方向上排布在前的卡片，相较于排布在后的卡片而言可以优先显示。

在上述实施例中，第一区域和第二区域左右相邻，且属于同一行区域。此外，第一区域和第二区域的大小相同，第一区域的大小正好可以显示一张第一尺寸的卡片。这样，在负一屏中，排布于第一区域的第一卡片和排布于第二区域的第二卡片，实际上排布于相同高度。此外，第一卡片位于第二卡片的左侧。可见，在预设方向上，第一卡片排布在第二卡片之前。

另外，第一区域和第三区域上下相邻，但二者分别属于不同行区域。第三区域位于第一区域的下侧，故，在负一屏中，第三卡片的排布高度低于第一卡片和第二卡片。这样，在预设方向上，第一卡片和第二卡片均排布在第三卡片之前。

在此排布下，若可用于显示上述卡片的空间减少时，第一卡片可以优先于第二卡片被显示，第二卡片则可以优先于第三卡片被显示。

当然，用户可以通过改变卡片之间的排布，改变卡片的显示优先顺序。示例性地，在负一屏的宽度仅够水平排布两张第一尺寸的卡片的场景下，负一屏中的第一卡片、第二卡片和第三卡片，在预设方向上依序相邻排布。电子设备响应于针对第三卡片的第一拖动操作时，可以控制第三卡片移动。例如，电子设备识别到用户选中第三卡片后，手指在显示屏上的滑动，可视为针对第三卡片的第一拖动操作，响应于该操作，电子设备可以控制第三卡片跟随用户手指与显示屏之间的触点移动，实现第三卡片的跟手移动。

在第三卡片移动过程中，若与第一卡片之前满足第一条件，电子设备可以控制第一卡片向第二区域移动，控制第二卡片向第三区域移动。这样，即使改变第三卡片与其他卡片(如，第一卡片和第二卡片)的排布先后关系，也不会影响其他卡片之间的排布先后关系。如此，调整单张卡片的排布位置的场景下，减少用户适应性调整其他卡片的排布位置的次数，提高调整卡片排布的人机交互效率。

在一些实施例中，所述第三卡片与所述第一卡片满足第一条件包括：在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，第三卡片暂停移动。

示例性地，在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，电子设备检测到第三卡片所跟随的触点消失(如，用户手指离开显示屏)，停止控制第三卡片移动，并确定第三卡片与所述第一卡片满足第一条件。

又示例性地，在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，电子设备检测到第三卡片跟随的触点停止移动(如，用户手指在显示屏上停留)，停止控制第三卡片移动，并确定第三卡片与所述第一卡片满足第一条件。

在上述实施例中，电子设备可以更加准确地识别出用户希望将第三卡片排布到第一卡片之前的意图，方便用户调整卡片位置的情形下，减少误操作，提高人机交互效率。

在一些实施例中，所述方法还包括：在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第二条件，则所述电子设备显示第一卡片集；其中，所述第二条件包括：在所述第三卡片与所述第一卡片完全重合的情况下，所述第三卡片暂停移动；所述第一卡片集中包括堆叠的所述第一卡片和第三卡片；在所述第一卡片集中，所述第三卡片置顶显示。

示例性地，在所述第三卡片与所述第一卡片完全重合的情况下，电子设备检测到第三卡片所跟随的触点停止移动，则控制第三卡片暂停移动，并确定第三卡片与所述第一卡片满足第二条件。之后，电子设备可以将第一卡片和第二卡片堆叠在一起，形成第一卡片集，显示于第一区域。在此场景下，无需调整第二卡片的排布位置。

可见，在上述实施例中，通过便捷的操作即可归纳卡片，提高负一屏的空间利用率，从而，使有限的负一屏可以展示更多的卡片。

在另一些实施例中，在显示第一卡片集之后，还可以对应于该第一卡片集显示堆叠标识，从而提示用户第一区域中存在多张堆叠的卡片，从而，方便用户翻阅。

在一些实施例中，在显示所述第一卡片集之后，所述方法还包括：电子设备接收到针对所述第一卡片集的第一操作；所述电子设备响应于所述第一操作，控制所述第一卡片集显示所述第一卡片，并隐藏所述第三卡片。

在上述实施例中，第一卡片和第二卡片堆叠之后，用户可以便捷地切换显示第一卡片和第二卡片，在节约显示空间的同时，确保查看卡片的人机交互效率。

在一些实施例中，所述电子设备接收到针对所述第一卡片集的第二操作；所述电子设备确定所述第三卡片被选中；所述电子设备接收针对所述第三卡片的第二拖动操作；所述电子设备控制所述第三卡片移动；在所述第三卡片与所述第一卡片完全分离之后，所述电子设备取消显示第一卡片集，并显示所述第一卡片。

在上述实施例中，用户可以通过简单的操作分离堆叠的卡片，满足用户不同时期对负一屏显示的不同需求，提高负一屏的人机交互效率。

在一些实施例中，所述负一屏还包括第四区域、第五区域和第六区域，所述第五区域位于所述第四区域的下侧，所述第六区域位于所述第四区域的右侧，所述第四区域和所述第五区域分别用于显示第二尺寸的第四卡片、第五卡片，所述第六区域用于显示所述第一尺寸的第六卡片，所述第二尺寸小于所述第一尺寸，所述第四卡片和所述第六卡片的上边缘位于相同高度，所述第五卡片和所述第六卡片的下边缘位于相同高度。

示例性地，在所述电子设备接收到针对所述第六卡片的第三拖动操作时，控制所述第六卡片移动；在所述第六卡片移动过程中，若所述第六卡片、第四卡片和第五卡片满足第三条件，则所述电子设备控制所述第四卡片和第五卡片同步向右平移；其中，所述第三条件包括：所述第六卡片的边缘同时越过所述第四卡片和第五卡片的中轴线。

在上述实施例中，解决了不同尺寸的卡片调整排布的问题。在确保第四卡片和第五卡片的排布先后不变的前提下，针对第六卡片的移动，快速重排卡片间的位置，提高卡片排布的人机交互效率。

又示例性地，在电子设备接收到针对所述第五卡片的第四拖动操作时，控制所述第五卡片向上平移；在所述第五卡片移动过程中，若所述第五卡片与所述第四卡片满足第四条件，则所述电子设备控制所述第四卡片向右平移，控制所述第六卡片向所述第五区域移动；其中，所述第四条件包括：在所述第五卡片的中心点与所述第四卡片中任意点重叠，且所述第五卡片与所述第四卡片未完全重叠的情况下，所述第三卡片暂停移动。

在上述实施例中，也解决了不同尺寸的卡片调整排布的问题。在确保第四卡片和第六卡片的排布先后不变的前提下，针对第五卡片的移动，快速重排卡片间的位置，提高卡片排布的人机交互效率。

在一些实施例中，在所述电子设备控制所述第四卡片和第五卡片同步向右平移之前，所述方法还包括：所述电子设备确定所述第四卡片、第五卡片与所述第六卡片属于同一行区域。

在上述实施例中，通过优先同行的卡片互换。减少对不同行的卡片排布所产生的影响。这样，即使出现误调整，也能减小误调整对卡片排布的影响。

在一些实施例中，所述第五区域位于所述第一区域的上侧，所述第三卡片显示于所述第一区域，在所述第六卡片移动过程中，所述方法还包括：在所述第六卡片、第四卡片和第五卡片满足所述第三条件的情况下，所述电子设备确定所述第六卡片也同步越过所述第三卡片的中轴线；所述电子设备确定所述第三卡片与所述第六卡片不属于同一行区域；所述电子设备不移动所述第三卡片。

在一些实施例中，所述负一屏还包括第七区域、第八区域和第九区域，所述第七区域位于所述第三区域的右侧，所述第八区域位于所述第三区域的下侧，所述第九区域位于所述第七区域的下侧；所述第七区域用于显示第二尺寸的第七卡片，所述第八区域用于显示所述第二尺寸的第八卡片，所述第九区域用于显示所述第一尺寸的第九卡片，所述第二尺寸小于所述第一尺寸；在所述第二卡片移动到所述第三区域之后，所述第二卡片与所述第七卡片的上边缘位于相同高度，所述第八卡片与所述第九卡片的下边缘位于相同高度。

示例性地，在所述电子设备接收到针对所述第七卡片的第五拖动操作时，控制所述第七卡片向左平移；在所述第七卡片移动过程中，若所述第七卡片和所述第二卡片满足第六条件，则所述电子设备控制所述第二卡片和所述第八卡片同步向右平移、控制所述第九卡片向左平移；其中，所述第六条件包括：所述第七卡片的边缘越过所述第二卡片的中轴线。

又示例性地，在所述电子设备接收到针对所述第八卡片的第六拖动操作时，控制所述第八卡片向上平移；在所述第八卡片移动过程中，若所述第八卡片和所述第二卡片满足第七条件，则所述电子设备控制所述第二卡片向右平移，控制所述第七卡片向所述第三区域的底部移动，这样，第八卡片与第七卡片可以组合排布于第三区域，当然，在此组合排布中，第八卡片位于第七卡片的上侧。另外，还需控制所述第九卡片向所述第八区域移动。如此，第七卡片与所述第二卡片的下边缘位于相同高度，所述第九卡片位于所述第七卡片的下侧，其中，所述第七条件包括：所述第八卡片的边缘越过所述第二卡片的中轴线。

又示例性地，在所述电子设备接收到针对所述第九卡片的第七拖动操作时，控制所述第九卡片移动；在所述第九卡片移动过程中，若所述第九卡片和所述第二卡片满足第八条件，则所述电子设备控制所述第二卡片和第八卡片向右平移，控制所述第七卡片向所述第八区域移动，其中，所述第八条件包括：在所述第九卡片的中心点与所述第二卡片中任意点重叠，且所述第九卡片与所述第二卡片未完全重叠的情况下，所述第九卡片暂停移动。

在上述实施例中，解决了不同尺寸的卡片调整排布的问题。

在一些实施例中，所述第一尺寸与第二尺寸所对应的长度相同，所述第一尺寸的高度为所述第二尺寸的高度的两倍。

示例性地，第一尺寸的高度是第二尺寸的高度的绝对两倍。这样，在两张第二尺寸的卡片无间距地上下排布时，与第二尺寸的卡片所需的显示空间相等。

又示例性地，第一尺寸的高度不是第二尺寸的高度的绝对两倍，如，第一尺寸的高度略大于第二尺寸的高度的两倍。这样，在两张第二尺寸的卡片有间距地上下排布时，与第一尺寸的卡片所需的显示空间相等。

在一些实施例中，所述方法还包括：所述电子设备响应于第三操作，显示可编辑的负一屏；在显示可编辑的所述负一屏期间，所述电子设备接收第四操作；响应于所述第四操作，所述电子设备在所述负一屏中添加第十卡片；所述第十卡片显示于所述第三区域右侧的第十区域或者所述第三区域下侧的第八区域。

在上述实施例中，在第三区域显示负一屏中最后一张卡片的场景下。负一屏中新增卡片后，可以将其排布于第三区域之后的显示区域，如，第三区域右侧的第十区域，又如，第三区域下侧的第八区域。具体视新增卡片的尺寸而定，例如，在第十区域足够容纳第十卡片的情况下，将其排布于第十区域。在第十区域不能容纳第十卡片的情况下，将其排布于第八区域。这样，既确保其他卡片的排布顺序不受影响，又能合理利用负一屏的显示资源。

在一些实施例中，所述第十卡片与第一应用相关联，用于显示第一应用的应用消息；在所述第十卡片显示于所述第十区域的情况下，所述方法还包括：若所述第十卡片显示的应用消息，由第一消息变为第二消息，所述电子设备将所述第十卡片的尺寸增大；其中，所述第二消息所需显示空间大于所述第一消息所需显示空间；在所述第十卡片增大的过程中，所述电子设备确定所述第十区域不能继续容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第八区域移动；在所述第十卡片移动至所述第八区域之后，若所述第十卡片显示的应用消息，从所述第二消息变为第三消息，所述电子设备将所述第十卡片的尺寸缩小；其中，所述第三消息所需显示空间小于所述第二消息所需显示空间；在所述第十卡片缩小的过程中，所述电子设备确定所述第十区域能容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第十区域移动。

在上述实施例中，一方面，卡片可以自适应地为应用消息提供匹配的显示空间。另一方面，负一屏也可以自适应地调整卡片的显示位置，实现智能化地卡片排布调整，提高用户的使用体验。

在一些实施例中，所述方法还包括：所述电子设备接收到针对所述第十卡片的点击操作；所述电子设备显示所述第一应用的应用界面。

在一些实施例中，所述第二卡片显示于所述第三区域，在所述第十卡片为所述第一尺寸的卡片，且排布于所述第十区域时，所述方法还包括：在显示可编辑的所述负一屏期间，所述电子设备接收针对所述第二卡片的第五操作；所述电子设备响应于所述第五操作，将所述第二卡片扩大至第三尺寸；在所述第二卡片扩大的过程中，所述电子设备确定所述第二卡片的右侧不能容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第八区域移动；在所述第二卡片扩大至所述第三尺寸之后，所述电子设备接收针对所述第二卡片的第六操作；所述电子设备响应于所述第六操作，将所述第二卡片缩小至所述第一尺寸；在所述第二卡片缩小至所述第一尺寸之后，所述电子设备控制所述第十卡片向所述第十区域移动。

在一些实施例中，所述第三尺寸的长度为所述第一尺寸的长度的两倍，所述第三尺寸和所述第一尺寸的高度相同。

示例性地，第三尺寸的长度是第一尺寸的长度的绝对两倍。这样，在两张第一尺寸的卡片无间距地水平排布时，与第三尺寸的卡片所需的显示空间相等。

又示例性地，第三尺寸的长度不是第一尺寸的长度的绝对两倍，如，第三尺寸的长度略大于第一尺寸的长度的两倍。这样，在两张第一尺寸的卡片有间距地水平排布时，与第三尺寸的卡片所需的显示空间相等。

在一些实施例中，所述第二卡片显示于所述第三区域，所述方法还包括：在显示可编辑的所述负一屏期间，所述电子设备接收针对所述第二卡片的第七操作；所述电子设备响应于所述第七操作，取消所述第二卡片；在取消显示所述第二卡片之后，所述电子设备确定所述第三区域能容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第三区域移动。

第二方面，本申请实施例提供的一种电子设备，电子设备包括一个或多个处理器和存储器；所述存储器与处理器耦合，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，所述一个或多个处理器，用于：显示负一屏；所述负一屏包括第一区域、第二区域和第三区域；所述第一区域位于所述第二区域的左侧，所述第三区域位于所述第一区域的下侧；所述第一区域用于显示第一尺寸的第一卡片，所述第二区域用于显示第一尺寸的第二卡片，所述第三区域用于显示第一尺寸的第三卡片；接收针对所述第三卡片的第一拖动操作；响应于所述第一拖动操作，控制所述第三卡片移动；在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第一条件，则将所述第三卡片排布在所述第一区域，控制所述第一卡片向所述第二区域移动，控制所述第二卡片向所述第三区域移动。

在一些实施例中，所述第三卡片与所述第一卡片满足第一条件包括：在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，所述第三卡片暂停移动。

在一些实施例中，所述一个或多个处理器，还用于：在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第二条件，则显示第一卡片集；其中，所述第二条件包括：在所述第三卡片与所述第一卡片完全重合的情况下，所述第三卡片暂停移动；所述第一卡片集中包括堆叠的所述第一卡片和第三卡片；在所述第一卡片集中，所述第三卡片置顶显示。

在一些实施例中，在显示所述第一卡片集之后，所述一个或多个处理器，还用于：接收到针对所述第一卡片集的第一操作；响应于所述第一操作，控制所述第一卡片集显示所述第一卡片，并隐藏所述第三卡片；或者，接收到针对所述第一卡片集的第二操作；确定所述第三卡片被选中；接收针对所述第三卡片的第二拖动操作；控制所述第三卡片移动；在所述第三卡片与所述第一卡片完全分离之后，取消显示第一卡片集，并显示所述第一卡片。

在一些实施例中，所述负一屏还包括第四区域、第五区域和第六区域，所述第五区域位于所述第四区域的下侧，所述第六区域位于所述第四区域的右侧，所述第四区域和所述第五区域分别用于显示第二尺寸的第四卡片、第五卡片，所述第六区域用于显示所述第一尺寸的第六卡片，所述第二尺寸小于所述第一尺寸，所述第四卡片和所述第六卡片的上边缘位于相同高度，所述第五卡片和所述第六卡片的下边缘位于相同高度；所述一个或多个处理器，还用于：在接收到针对所述第六卡片的第三拖动操作时，控制所述第六卡片移动；在所述第六卡片移动过程中，若所述第六卡片、第四卡片和第五卡片满足第三条件，则控制所述第四卡片和第五卡片同步向右平移；其中，所述第三条件包括：所述第六卡片的边缘同时越过所述第四卡片和第五卡片的中轴线；

或者，在接收到针对所述第五卡片的第四拖动操作时，控制所述第五卡片向上平移；在所述第五卡片移动过程中，若所述第五卡片与所述第四卡片满足第四条件，则控制所述第四卡片向右平移，控制所述第六卡片向所述第五区域移动；其中，所述第四条件包括：在所述第五卡片的中心点与所述第四卡片中任意点重叠，且所述第五卡片与所述第四卡片未完全重叠的情况下，所述第三卡片暂停移动。

在一些实施例中，在控制所述第四卡片和第五卡片同步向右平移之前，所述一个或多个处理器，还用于：确定所述第四卡片、第五卡片与所述第六卡片属于同一行区域。

在一些实施例中，所述第五区域位于所述第一区域的上侧，所述第三卡片显示于所述第一区域，在所述第六卡片移动过程中，所述一个或多个处理器，还用于：在所述第六卡片、第四卡片和第五卡片满足所述第三条件的情况下，确定所述第六卡片也同步越过所述第三卡片的中轴线；确定所述第三卡片与所述第六卡片不属于同一行区域；不移动所述第三卡片。

在一些实施例中，所述负一屏还包括第七区域、第八区域和第九区域，所述第七区域位于所述第三区域的右侧，所述第八区域位于所述第三区域的下侧，所述第九区域位于所述第七区域的下侧；所述第七区域用于显示第二尺寸的第七卡片，所述第八区域用于显示所述第二尺寸的第八卡片，所述第九区域用于显示所述第一尺寸的第九卡片，所述第二尺寸小于所述第一尺寸；在所述第二卡片移动到所述第三区域之后，所述第二卡片与所述第七卡片的上边缘位于相同高度，所述第八卡片与所述第九卡片的下边缘位于相同高度，所述一个或多个处理器，还用于：在接收到针对所述第七卡片的第五拖动操作时，控制所述第七卡片向左平移；在所述第七卡片移动过程中，若所述第七卡片和所述第二卡片满足第六条件，则控制所述第二卡片和所述第八卡片同步向右平移、控制所述第九卡片向左平移；其中，所述第六条件包括：所述第七卡片的边缘越过所述第二卡片的中轴线；

或者，在接收到针对所述第八卡片的第六拖动操作时，控制所述第八卡片向上平移；在所述第八卡片移动过程中，若所述第八卡片和所述第二卡片满足第七条件，则控制所述第二卡片向右平移，控制所述第七卡片向所述第三区域的底部移动，控制所述第九卡片向所述第八区域移动，以使所述第七卡片与所述第二卡片的下边缘位于相同高度，所述第九卡片位于所述第七卡片的下侧，其中，所述第七条件包括：所述第八卡片的边缘越过所述第二卡片的中轴线；

或者，在接收到针对所述第九卡片的第七拖动操作时，控制所述第九卡片移动；在所述第九卡片移动过程中，若所述第九卡片和所述第二卡片满足第八条件，则控制所述第二卡片和第八卡片向右平移，控制所述第七卡片向所述第八区域移动，其中，所述第八条件包括：在所述第九卡片的中心点与所述第二卡片中任意点重叠，且所述第九卡片与所述第二卡片未完全重叠的情况下，所述第九卡片暂停移动。

在一些实施例中，所述第一尺寸与第二尺寸所对应的长度相同，所述第一尺寸的高度为所述第二尺寸的高度的两倍。

在一些实施例中，所述一个或多个处理器，还用于：响应于在所述负一屏中的第三操作，显示可编辑的负一屏；在显示可编辑的所述负一屏期间，接收第四操作；响应于所述第四操作，在所述负一屏中添加第十卡片；所述第十卡片显示于所述第三区域右侧的第十区域或者所述第三区域下侧的第八区域。

在一些实施例中，所述第十卡片与第一应用相关联，用于显示第一应用的应用消息；在所述第十卡片显示于所述第十区域的情况下，所述一个或多个处理器，还用于：若所述第十卡片显示的应用消息，由第一消息变为第二消息，将所述第十卡片的尺寸增大；其中，所述第二消息所需显示空间大于所述第一消息所需显示空间；在所述第十卡片增大的过程中，确定所述第十区域不能继续容纳所述第十卡片；控制所述第十卡片向所述第八区域移动；在所述第十卡片移动至所述第八区域之后，若所述第十卡片显示的应用消息，从所述第二消息变为第三消息，将所述第十卡片的尺寸缩小；其中，所述第三消息所需显示空间小于所述第二消息所需显示空间；在所述第十卡片缩小的过程中，确定所述第十区域能容纳所述第十卡片；控制所述第十卡片向所述第十区域移动。

在一些实施例中，所述一个或多个处理器，还用于：接收到针对所述第十卡片的点击操作；显示所述第一应用的应用界面。

在一些实施例中，所述第二卡片显示于所述第三区域，在所述第十卡片为所述第一尺寸的卡片，且排布于所述第十区域时，所述一个或多个处理器，还用于：在显示可编辑的所述负一屏期间，接收针对所述第二卡片的第五操作；响应于所述第五操作，将所述第二卡片扩大至第三尺寸；在所述第二卡片扩大的过程中，确定所述第二卡片的右侧不能容纳所述第十卡片；控制所述第十卡片向所述第八区域移动；在所述第二卡片扩大至所述第三尺寸之后，接收针对所述第二卡片的第六操作；响应于所述第六操作，将所述第二卡片缩小至所述第一尺寸；在所述第二卡片缩小至所述第一尺寸之后，控制所述第十卡片向所述第十区域移动。

在一些实施例中，所述第三尺寸的长度为所述第一尺寸的长度的两倍，所述第三尺寸和所述第一尺寸的高度相同。

在一些实施例中，所述第二卡片显示于所述第三区域，所述一个或多个处理器，还用于：在显示可编辑的所述负一屏期间，接收针对所述第二卡片的第七操作；响应于所述第七操作，取消所述第二卡片；在取消显示所述第二卡片之后，确定所述第三区域能容纳所述第十卡片；控制所述第十卡片向所述第三区域移动。

第三方面，本申请实施例提供的一种计算机存储介质，包括计算机指令，当所述计算机指令在电子设备上运行时，使得电子设备执行上述第一方面及其可能的实施例中所述的方法。

第四方面，本申请提供一种计算机程序产品，当计算机程序产品在上述电子设备上运行时，使得电子设备执行上述第一方面及其可能的实施例中所述的方法。

可以理解地，上述各个方面所提供的电子设备、计算机可读存储介质以及计算机程序产品均应用于上文所提供的对应方法，因此，其所能达到的有益效果可参考上文所提供的对应方法中的有益效果，此处不再赘述。

附图说明

图1为本申请实施例提供的电子设备的硬件架构示意图；

图2为本申请中负一屏的示例图；

图3为相关技术中移动负一屏中卡片的示例图；

图4为本申请实施例中，以常驻服务区为参照物的方位示意图；

图5为本申请实施例提供的在常驻服务区中卡片排布的示例图；

图6为本申请实施例提供的卡片排布管理方法的步骤流程图之一；

图7为本申请实施例提供的电子设备添加卡片的显示示例图之一；

图8为本申请实施例提供的电子设备添加卡片的显示示例图之二；

图9为本申请实施例提供的电子设备添加卡片后的效果图；

图10为本申请实施例提供的卡片排布管理方法的步骤流程图之二；

图11为本申请实施例提供的电子设备调整卡片的显示示例图之一；

图12为本申请实施例提供的电子设备调整卡片的显示示例图之二；

图13为本申请实施例提供的电子设备删除卡片的显示示例图之一；

图14为本申请实施例提供的电子设备删除卡片的显示示例图之二；

图15A为本申请实施例提供的电子设备删除卡片后，卡片的排布示例图之一；

图15B为本申请实施例提供的电子设备删除卡片后，卡片的排布示例图之二；

图15C为本申请实施例提供的电子设备删除卡片后，卡片的排布示例图之三；

图16为本申请实施例提供的卡片排布管理方法的步骤流程图之三；

图17A为本申请实施例提供的电子设备移动卡片的显示示例图之一；

图17B为本申请实施例提供的电子设备移动卡片的显示示例图之二；

图18A为本申请实施例提供的电子设备移动卡片的显示示例图之三；

图18B为本申请实施例提供的电子设备移动卡片的显示示例图之四；

图18C为本申请实施例提供的电子设备移动卡片的显示示例图之五；

图18D为本申请实施例提供的电子设备移动卡片的显示示例图之六；

图18E为本申请实施例提供的电子设备移动卡片的显示示例图之七；

图19A为本申请实施例提供的电子设备移动卡片的显示示例图之八；

图19B为本申请实施例提供的电子设备移动卡片的显示示例图之九；

图19C为本申请实施例提供的电子设备移动卡片的显示示例图之十；

图19D为本申请实施例提供的电子设备移动卡片的显示示例图之十一；

图20A为本申请实施例提供的电子设备移动卡片的显示示例图之十二；

图20B为本申请实施例提供的电子设备移动卡片的显示示例图之十三；

图21为本申请实施例提供的一种芯片系统的组成示意图。

具体实施方式

以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。

下面将结合附图对本实施例的实施方式进行详细描述。

本申请实施例提供了一种卡片排布管理方法，可以应用于具有显示屏的电子设备。其中，上述显示屏可以显示多张消息卡片(也可简称卡片)。其中，多张卡片之间有序排列。电子设备可以依据该排列顺序，在用户界面(如，负一屏)中，排布并显示多张卡片。此外，该电子设备依据用户在负一屏中的操作，按照预设规则，调整卡片之间的排布顺序。避免单张卡片的调整(如，添加、删减、改变排布位置等)，影响到其他卡片之间的排布先后顺序。从而，改善用户反复调整卡片排布位置的问题，提高用户调整卡片排布的人机交互效率。

另外，上述电子设备可以是手机、平板电脑、可穿戴设备、车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personaldigital assistant，PDA)等具有显示屏的设备，本申请实施例对电子设备的具体类型不作任何限制。

示例性的，图1是本申请实施例提供的一例电子设备的结构示意图。如图1所示，电子设备(如手机)可以包括：处理器210，外部存储器接口220，内部存储器221，通用串行总线(universal serial bus，USB)接口230，充电管理模块240，电源管理模块241，电池242，天线1，天线2，移动通信模块250，无线通信模块260，音频模块270，扬声器270A，受话器270B，麦克风270C，耳机接口270D，传感器模块280，按键290，马达291，指示器292，摄像头293，显示屏294，以及用户标识模块(subscriber identification module，SIM)卡接口295等。

其中，上述传感器模块280可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器和骨传导传感器等传感器。

可以理解的是，本实施例示意的结构并不构成对电子设备的具体限定。在另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器210可以包括一个或多个处理单元，例如：处理器210可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

控制器可以是电子设备的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器210中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器210中的存储器为高速缓冲存储器。该存储器可以保存处理器210刚用过或循环使用的指令或数据。如果处理器210需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器210的等待时间，因而提高了系统的效率。

在一些实施例中，处理器210可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。

可以理解的是，本实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备的结构限定。在另一些实施例中，电子设备也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

电子设备通过GPU，显示屏294，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏294和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器210可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏294用于显示图像，视频等。该显示屏294包括显示面板。

电子设备可以通过ISP，摄像头293，视频编解码器，GPU，显示屏294以及应用处理器等实现拍摄功能。ISP用于处理摄像头293反馈的数据。摄像头293用于捕获静态图像或视频。在一些实施例中，电子设备可以包括1个或N个摄像头293，N为大于1的正整数。

外部存储器接口220可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口220与处理器210通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器221可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器210通过运行存储在内部存储器221的指令，从而执行电子设备的各种功能应用以及数据处理。例如，在本申请实施例中，处理器210可以通过执行存储在内部存储器221中的指令，内部存储器221可以包括存储程序区和存储数据区。

其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器221可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flashstorage，UFS)等。

可以理解的是，本申请实施例示意的结构并不构成对电子设备的具体限定。在本申请另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

为了下述各实施例的描述清楚简洁，首先给出相关概念或技术的简要介绍：

负一屏可以是电子设备最左侧分屏，用于向用户提供搜索、应用建议、快捷服务、智能场景、消息推送等功能。

常见地，负一屏可以用于显示被推送的消息，如，用户订阅的应用消息、实时热搜消息及依据场景推送的信息等。在负一屏中，上述消息通常采用卡片的形式呈现。卡片具有醒目的外形，可以提醒用户关注到卡片上所显示的消息。

在一些示例中，电子设备(例如，手机)接收到用户指示显示负一屏的操作，如，在图2中的(a)所示，接收到用户在桌面201上的右滑操作时，可显示如图2中的(b)所示的负一屏202。

其中，如图2中的(b)所示，上述负一屏202中包括建议区204、功能快捷入口区205以及常驻服务区206。

在一些实施例中，建议区204包括系统级别的卡片，如称为建议卡片。上述建议卡片是在电子设备中存在满足预设条件的推送信息时，所创建的卡片。此外，上述满足预设条件的推送信息可以是：电子设备从所有信息源提供的推送信息中，筛选出的用户当前场景下需要查看的信息。

示例性地，筛选出的推送信息可以是当前场景下紧急程度高的推送信息。比如，已到会议时间的会议日程。又示例性地，筛选出的推送信息是也可以是与当前场景关联的推送信息。比如，当前场景为快递取件点，则关联的推送信息为快递取件码。再示例性地，筛选出的推送信息还可以是重要程度高的推送信息等，比如，用户标注在当前时段内高重要等级的日程。

在筛选出推送信息之后，电子设备可以创建对应的建议卡片，在负一屏中，显示该建议卡片。

在一些示例中，建议卡片可以是交互性的卡片。例如，在建议卡片显示应用程序1的推送信息时，该建议卡片可提供启动应用程序1的启动接口。这样，电子设备接收到用户对建议卡片的操作时，可显示应用程序1中的一个应用界面。再例如，建议卡片所显示的消息对应有指定界面，在电子设备检测到用户点击该建议卡片之后，可以显示对应的指定界面。

另外，在筛选出多条推送信息的场景下，电子设备还可以创建多张建议卡片。多张建议卡片堆叠于建议区204。当然，电子设备可以依据用户的操作，将堆叠的建议卡片平铺展开。

在建议卡片展开的情况下，建议区204所占的显示空间也增大。对应地，功能快捷入口区205和常驻服务区206在负一屏202中的显示位置也会改变，甚至变小。

在一些实施例中，上述功能快捷入口区205，可以包括至少一个功能入口图标，如，扫一扫图标、付款码图标和手机充值图标等。功能入口图标与应用程序的指定功能对应。在手机接收到针对功能入口图标的操作，可启用对应的功能。比如，接收到对扫一扫图标的操作时，可启用扫描功能。

在一些实施例中，上述常驻服务区206包括多个应用级的卡片，又称为服务卡片。上述服务卡片可以是用户手动配置的卡片。示例性地，电子设备可以响应于用户订阅应用程序的操作而创建服务卡片。显然地，服务卡片与被订阅的应用程序之间存在关联。与服务卡片关联的应用程序又可称为关联应用。

在一些示例中，上述服务卡片可以用于显示关联应用的信息源所提供的推送信息。在关联应用的信息源发布新的推送信息时，对应的服务卡片也更新显示内容。在另一些示例中，服务卡片还可以提供关联应用的启动接口。也即，用户可以通过点击服务卡片，触发电子设备显示关联应用所提供的应用界面。另外，与建议卡片不同的是，服务卡片在常驻服务区206中长期平铺显示。

平铺的显示方式，方便用户快速获得多张服务卡片的信息，但所需的显示空间也大。可以理解地，在用户订阅的信息源越多的情况下，常驻服务区206所需平铺显示的服务卡片也多。而负一屏202中的常驻服务区206范围有限。这样，部分常驻服务区206会被遮挡。与此同时，需显示于常驻服务区206中的部分服务卡片可能会被隐藏。

如图2中的(b)所示，需显示于常驻服务区206的服务卡片包括卡片207、卡片208、卡片209及卡片203。

在负一屏中，常驻服务区206所对应的显示区域足够大时，如，图2中(b)的右侧图所示，上述卡片207、卡片208、卡片209及卡片203，依次排布并显示于常驻服务区206。然而，实际在负一屏202中，常驻服务区206所对应的显示区域有限，如，图2中(b)的左侧图所示，常驻服务区206仅够显示卡片207、卡片208、卡片209，这样，卡片203会被隐藏。

另外，建议区204中的建议卡片平铺展开时，也可能出现部分建议卡片被隐藏或被部分隐藏。

在一些实施例中，平铺的多张卡片(如，建议区204平铺展开的建议卡片，或者，常驻服务区206中的服务卡片)之间存在排列顺序。该排列顺序用于指示多张卡片在负一屏中的排布前后。

示例性地，该排列顺序可以依据卡片的创建时间先后顺序而确定，如，创建时间在前的卡片排列在前，创建时间在后的卡片排列在后。

又示例性地，该排列顺序还可以依据卡片的优先级而确定。例如，优先级高的卡片排列在前，优先级低的卡片排列在后。其中，上述卡片的优先级可以由电子设备中的人工智能模型进行评估后得到。

再示例性地，该排列顺序可以由用户指定，如，电子设备每生成一张卡片，可以提示用户指定该卡片与已存在的其他卡片之间的排列顺序。

再示例性地，该排列顺序还可以依据卡片的优先级、创建时间而确定，同时，用户也可以自主调整。例如，卡片主要以创建时间进行排序。同时出现多张创建时间相同的卡片时，该多张卡片的优先级进行排布。此后，电子设备可以接收指示调整卡片排序的操作，并响应于该操作，调整已有的卡片之间的排列顺序。

在一些实施例中，电子设备可以按照卡片之间的排列顺序，在对应的显示区域(如，建议区204或者常驻服务区206)中排布卡片。示例性地，电子设备在常驻服务区206中，优先排布的服务卡片是排序在前的卡片。这样，在显示空间有限的情况下，排布在前的卡片，相较于排布在后的卡片，可以优先显示。

例如，在常驻服务区206中，卡片203排布在卡片207、卡片208、卡片209之后。在负一屏202中不能显示所有服务卡片时，卡片207、卡片208、卡片209可以优先显示，同时，卡片203会被隐藏。

在一些实施例中，在负一屏中，平铺卡片的增加、减少和调整显示位置等都会影响到卡片之间的排列顺序，进而，影响到平铺的卡片的排布。甚至还会影响到卡片是否能优先显示。

示例性地，用户指示调整单张卡片的显示位置时，往往还会改变其他卡片之间的排列顺序。这样，其他卡片之间的排布顺序也会改变。例如，图3所示，用户指示将卡片203移动至卡片207所处的显示位置时，电子设备可以依据用户的指示，将卡片203与卡片207互换位置。然而，位置互换后，卡片207与卡片208、卡片209之间的排布顺序也将改变。这一改变，可能迫使用户反复调整不同卡片之间的排布，显然，采用这种方式管理卡片排布的人机交互效率较低。

针对这一问题，本申请实施例提供了一种卡片排布管理方法，用于管理平铺卡片的排布问题，提升用户管理卡片的人机交互效率较低。

为了便于理解，以下结合附图，以常驻服务区206中平铺的服务卡片为例，对本申请实施例提供的卡片排布管理方法进行具体介绍。

在本申请实施例中，服务卡片之间具有排列顺序。电子设备可以依据该顺序，确定每张服务卡片在常驻服务区206中的显示位置，又称为排布位置。

在一些实施例中，电子设备依据排列顺序的先后，在常驻服务区206中，从上至下、从左至右地排布服务卡片。另外，从上至下的排布规则，优先于从左至右的排布规则，也就是，相较于左下方的显示区域，电子设备可以将卡片优先排布于右上方的显示区域。其中，如图4所示，上述“上”、“下”、“左”、“右”可以是以常驻服务区206为参照物，所确定的方向。

例如，卡片207、卡片208、卡片209和卡片203依次排列。电子设备可以将卡片207排布于常驻服务区206的左上侧。卡片207的右侧，也即，常驻服务区206的右上侧，还足够用于显示卡片208，这样，电子设备可以将卡片208排布于常驻服务区206的右上侧。此时，常驻服务区206中，卡片207和卡片208所在行区域1无法容纳其他卡片。可以理解地，上述行区域1是常驻服务区206的左边缘和右边缘之间的显示区域，该行区1的高度不小于卡片207的卡片高度。

这样，电子设备可以将卡片209排布在卡片207和卡片208的下侧，如，排布于行区域2中。其中，上述行区域2与行区域1相邻，且位于行区域1的下侧。另外，上述行区域2也是常驻服务区206的左边缘和右边缘之间的显示区域，该行区域2的高度不小于卡片209的卡片高度。

在电子设备确定卡片209排布于行区域2之后，行区域2也无法容纳其他卡片。故，电子设备可以将卡片203排布在卡片209的左下方。

另外，在一些实施例中，常驻服务区206中可以排布多种类型的卡片，如，S型卡片、M型卡片及L型卡片。其中，M型卡片的尺寸(也即，第一尺寸)约为S型卡片的尺寸(也即，第二尺寸)的两倍。如，两张S型卡片无间距拼接后所占显示区域，与M型卡片所占显示区域大小相同。再如，两张S型卡片按照设定距组合后所占显示区域，与M型卡片所占显示区域大小相同。另外，L型卡片的尺寸(也即，第三尺寸)也约为M型卡片的两倍。常驻服务区206中一个行区域仅能容纳一张L型卡片。例如，卡片207、卡片208和卡片203均为M型卡片，卡片209为L型卡片。

作为一种示例，S型卡片可以是高度为1、长度为2的卡片，M型卡片可以是高度为2、长度为2的卡片，L型卡片为高度为2、长度为4的卡片。

下面结合图5，描述按照从上至下、从左至右的方式，排布不同类型的卡片的示例。为了方便本领域技术人员理解排布卡片的原理，在图中5中，采用卡片类型和不同数字，指代不同的服务卡片。例如，如图5中的(a)所示，采用M1指代卡片207，该卡片207为M型卡片。采用M2指代卡片208，该卡片208为M型卡片。采用L1指代卡片209，该卡片209为L型卡片。采用M3指代卡片203，该卡片203为M型卡片。

另外，为了方便本领域技术人员理解排布卡片的原理，在图5中，还采用序号标注了各服务卡片之间的排列顺序。其中，服务卡片对应的序号越小，指示该服务卡片的排列位置越靠前。例如，如图5中的(a)所示，卡片207上标注有(M1，1)，该标注用于表示M1所指代的卡片207，在卡片207、卡片208、卡片209和卡片203之中，排列于第一位。卡片208上标注有(M2，2)，该标注用于表示M2指代的卡片208，在卡片207、卡片208、卡片209和卡片203之中排列于第二位。卡片209上标注有(L1，3)，该标注用于表示L1指代的卡片209，在卡片207、卡片208、卡片209和卡片203之中排列于第三位。卡片203上标注有(M3，4)，该标注用于表示M3指代的卡片203，在卡片207、卡片208、卡片209和卡片203之中排列于第四位。当然，服务卡片的序号是可变的。例如，在服务卡片所对应的排列位置改变后，所对应的序号也会改变。

在一些实施例中，电子设备可以按照服务卡片之间的排列顺序，按照从上至下的排布规则，依次确定每张服务卡片的排布位置。确保每一张服务卡片都可以排布于对应的待选区域的最上侧区域，其中，上述待选区域是指可用于排布该服务卡片的显示区域，也即，常驻服务区206中除已排布有服务卡片之外的其他显示区域。不同服务卡片所对应的待选区域不同。此外，在服务卡片所对应的待选区域中，最上侧区域中具有多个位置可以排布该服务卡片时，电子设备按照从左至右的排布规则，确定该服务卡片排布于最左侧的位置。

示例性地，如图5中的(a)所示，M1在M1、M2、L1和M3之中，排列于第一位。电子设备可以先确定M1的排布位置。此时，整个常驻服务区206均属于M1的待选区域。这样，电子设备按照从上至下、从左往右的排布规则，确定M1在常驻服务区206中的排布位置。如，电子设备可以确定M1排布于常驻服务区206的左上侧，这样，M1与常驻服务区206的左边缘和上边缘相邻。在确定M1的排布位置之后，电子设备继续确定M2的排布位置。于M2而言，M1右侧的显示区域和M1下侧的显示区域，均能够容纳M2，也即，均属于M2对应的待选区域。电子设备依据从上往下排的规则，优先将M2排布于M1右侧的显示区域。这样，M2与M1在常驻服务区206中水平排布，也即，M1和M2的上边缘处于相同的高度。然后，电子设备可以确定L1的排布位置。对于L1而言，M1和M2下侧的显示区域属于L1的待选区域。在常驻服务区206中，L型卡片尺寸较大，不能与其他卡片水平排布。电子设备按照从上至下的排布规则，可以确定L1排布在M1和M2的下侧，并与M1和M2相邻。最后，电子设备按照从上至下，从左至右的排布规则，将M3排布在L2的下侧，且靠近常驻服务区206的左边缘。

另外，常驻服务区206中，不仅两张M型的卡片可以水平排布，M型卡片与S型卡片之间也可以水平排布，也即，排布后M型卡片和S型卡片的上边缘位于同一高度。

示例性地，如图5中的(b)所示，S1可以指代卡片501，S2可以指代卡片502。在M2、S1和S2之间，M2排列在S1和S2之前，S1排列在S2之前。电子设备排布M2、S1和S2的过程中，先排布M2，如，图5中的(b)所示。在M2的排布位置确定后，在M2右侧的显示区域和M2下侧的显示区域均属于S1的待选区域。按照从上至下的排布跪着，可以确定S1水平排布于M2的右侧，也即，排布后M2的上边缘和S1的上边缘，在显示区域中位于同一高度。此时，S1下侧的显示区域和M2下侧的显示区域，均可以容纳S2，也即，均属于S2的待选区域。显然，如果将S2排布在S1下侧，S2的上边缘处于位置1，如果将S2排布于M2下侧时，S2的上边缘处于位置2。而，位置1高于位置2。按照从上至下的排布规则，电子设备可以确定将S2排布在S1的下侧，这样排布后，S1的下边缘和S2的上边缘相邻。

再示例性地，如图5中的(c)所示，M2排在S1之前，S1排在M3之前，M3排在S2之前。电子设备排布M2、S1和S2的过程中，先排布M2，如，图5中的(c)所示。在M2的排布位置确定后，在M2右侧的显示区域排布S1。此时，S1下侧和M2下侧的显示区域均可容纳M3。如果将M3排布于S1之下，则M3的上边缘处于位置3。如果将M3排布于M2之下，则M3的上边缘处于位置4。显然，位置3高于位置4，依据从上至下的排布规则，电子设备可以确定将M3排布在S1之下。此时，M2的下侧和M3的下侧均可以容纳S2，依据从上至下的排布规则，确定S2排布于M2之下。

按照这样的方式排布卡片，电子设备可以确保平铺的卡片有序排布，并且可以实现排列在前的卡片能够优先显示。另外，还可以有效的利用显示资源。

另外，在电子设备检测到事件1后，也会根据事件1调整卡片在常驻服务区206中的排布。其中，事件1可以是会影响到卡片排序的事项。上述事件1可以包括添加服务卡片、减少服务卡片、改变卡片类型以及调整服务卡片的排布位置等。

本申请实施例提供了一种卡片排布管理方法，用于确保事件“添加服务卡片”发生后，常驻服务区206中的服务卡片依然可以有序排布，如图6所示，上述方法包括：

S101，在显示负一屏期间，电子设备接收操作1。

在一些实施例中，操作1可以是指示电子设备创建服务卡片的操作，如，操作1可以是用户在负一屏202中，指示订阅应用消息的操作。其中，上述订阅操作所指示的应用程序，是所创建的服务卡片的关联应用。

示例性地，上述操作1可以是用户在负一屏202的空白区域中的操作。又示例性地，上述操作1还可以是用户对常驻服务区206中服务卡片的长按操作。

例如，如图7中的(a)所示，电子设备接收到用户指示编辑负一屏202的操作，如称为第三操作时，如图7中的(b)所示，显示可编辑状态的负一屏701。

其中，负一屏701包括用于指示添加服务卡片的控件702和指示完成的控件703。在电子设备接收到用户对控件703的操作，如点击操作时，取消负一屏的可编辑状态，再次显示如图7中的(a)所示的负一屏202。

在一些实施例中，在电子设备接收到用户对控件702的操作，如点击操作时，显示配置窗口704。其中，配置窗口704中罗列了可订阅的服务消息类型，可以理解的，应用程序可以对应至少一个服务消息类型。电子设备可以依据用户选择的服务消息类型，确定被订阅的应用程序。

另外，配置窗口704中每个服务消息类型处对应显示有指示添加的控件，如控件705。在电子设备接收到用户对控件705的操作时，电子设备确定用户已订阅该控件705对应的服务消息类型，从而确定所订阅的应用程序。

再例如，在显示可编辑状态的负一屏701期间，电子设备接收到用户指示返回桌面的操作，如左滑操作时，电子设备显示桌面。其中，桌面处于可分享状态，或者说也处于可编辑状态。另外，可分享状态的桌面包括应用程序所对应的图标。在电子设备接收到用户桌面中应用程序的图标的操作，如长按操作时，显示应用程序的可供订阅的服务消息类型。在电子设备确定用户选择所显示的服务消息类型之后，电子设备确定用户已订阅该服务消息类型，从而确定所订阅的应用程序。

再例如，如图8所示，电子设备可以接收用户在常驻服务区206中的操作，如，长按常驻服务区206中显示的卡片209。在接收到该操作之后，电子设备可以显示操作窗口801。其中，操作窗口801中包括“添加卡片”配置项。在电子设备接收到用户对“添加卡片”配置项的操作，如点击操作之后，电子设备可以显示配置窗口802或显示配置界面。其中，配置窗口802与前述例子中的配置窗口704相同，均用于显示可订阅的服务消息类型。同样，每一项服务消息类型具有指示添加的控件，如控件803。在电子设备接收到用户对控件803的操作时，电子设备确定用户已订阅该控件803对应的服务消息类型，从而确定所订阅的应用程序。另外，配置界面也可以包括可订阅的服务消息类型，在电子设备接收到用户对配置界面中的服务消息类型的选择操作之后，可确定用户指示订阅该服务消息类型所对应的应用程序。

S102，电子设备响应于该操作1，创建卡片3。

在一些实施例中，电子设备确定接收到操作1(也即，第四操作)之后，依据该操作1创建卡片3(又称为第十卡片)。可以理解地，电子设备创建对应的服务卡片，用于显示关联应用中与该服务消息类型相关的推送信息。此外，用户还可以通过操作卡片，访问卡片对应的关联应用的应用界面。例如，电子设备接收到用户对第十卡片的点击操作，可以显示第十卡片的关联应用(如第一应用)所提供的应用界面。

例如，图7中的(c)所示，在电子设备接收到用户对控件705的操作，如点击操作之后，电子设备确定用户的操作1，用于指示订阅快递APP所对应的快递状态相关的推送信息。这样，如图7中的(d)所示，负一屏701中的常驻服务区206中，可以新增服务卡片706，也即，由操作1指示创建的卡片3。

再例如，图8所示，在电子设备接收到用户对控件803的操作，如点击操作之后，电子设备确定接收到用户的操作1。其中，该操作1用于指示订阅快递APP所对应的快递状态相关的推送信息。这样，如图8所示，常驻服务区206中可以新增服务卡片706，也即，由操作1指示创建的卡片3。

S103，在确定卡片3与其他服务卡片之间的排序顺序后，电子设备依据排列顺序，排布卡片3。

在一些实施例中，在显示卡片3之前，电子设备可以确定卡片3和常驻服务区206中已有的服务卡片之间的排列顺序。

在服务卡片按照创建时间的先后顺序排列的场景下，电子设备可以确定卡片3排列在常驻服务区206中已有服务卡片之后，也即，排在最后一位。这样，常驻服务区中已有服务卡片的排布位置不变，电子设备可以按照从上至下从左至右的排布规则，在卡片3所对应的待选区域，也即，常驻服务区206中剩余的显示区域中，确定卡片3的排布位置。

当然，电子设备还可以结合卡片3所对应的尺寸，确定卡片的排布位置。在常驻服务区中最后一张卡片排布于第三区域时，可以将卡片3依据卡片尺寸，排布于第三区域右侧的第十区域或者所述第三区域下侧的第八区域。

例如，图9中的(a)所示，卡片3(也即，新添加的卡片)为L型卡片。此时，M3右侧的显示空间并不能容纳该卡片3，这样，电子设备可以将卡片2排布在M3的下侧，也即，第八区域。

再例如，图9中的(b)所示，卡片3(也即，新添加的卡片)为M型卡片。此时，M3右侧的显示空间可以容纳该卡片3，M3的下侧的显示空间也可以容纳该卡片3。然而，电子设备按照从上至下，从左至右的排布规则，可以确定将卡片3排布在M3的右侧，也即，第十区域，与M3水平排布。

再例如，图9中的(c)所示，卡片3(也即，新添加的卡片)为S型卡片。此时，M3右侧的显示空间可以容纳该卡片3，M3的下侧的显示空间也可以容纳该卡片3。然而，电子设备按照从上至下，从左至右的排布规则，可以确定将卡片3排布在M3的右侧，与M3水平排布。

另外，在服务卡片按照用户指定，或者，按照优先级进行排序的场景下，新创建卡片3之后，可能出现卡片3排列在至少一张已有服务卡片之前的场景，为了方便描述，可以将排列在卡片3之前的服务卡片称为前卡，将排列在卡片3之后的服务卡片称为后卡。在卡片3对应有后卡时，前卡的排布位置不变，电子设备按照从上至下，从左至右的排布规则，在常驻服务区206中，排布卡片3和重排后卡。

在一些实施例中，电子设备排布卡片3之前，已确定卡片3所对应的卡片类型。

示例性地，电子设备内预先配置有不同应用程序所对应的卡片类型。在电子设备接收到指示创建卡片3的操作1之后，电子设备可以根据卡片3所对应的应用程序，确定卡片3的卡片类型。例如，预先配置快递APP对应的L型卡片，这样，在电子设备确定用户订阅快递APP之后，可以确定需创建的卡片3为L型卡片。

又示例性地，在电子设备确定需创建卡片3之后，如，确定接收到操作1之后，电子设备显示提示框。该提示框中包括不同卡片类型对应的标识。这样，电子设备可以根据用户在提示框中，对卡片类型的选择操作，确定卡片3所对应的卡片类型。

再示例性地，在电子设备确定需创建卡片3之后，电子设备从多个卡片类型中，随机确定出卡片3所对应的卡片类型。

当然，以上确定卡片3的卡片类型的方式仅为示例，在本申请实施例中，还可以采用其他方式确定卡片3的卡片类型，例如，依据卡片3所需显示的消息内容，确定对应的卡片类型等。如，消息内容所需显示空间大，则选择尺寸较大的卡片类型，消息内容所需显示空间小，则选择尺寸较小的卡片类型。

另外，在常驻服务区206中已显示的服务卡片，也可以变更卡片类型。

示例性地，服务卡片所需显示的内容，可以随着关联应用的推送信息的更新而更新。不同的推送信息所需的显示空间不同。在此场景下，服务卡片通过改变卡片类型的方式，改变服务卡片的尺寸。从而，实现为不同的推送信息提供匹配的显示空间。

例如，在第十卡片排布于第十区域时，若第十卡片显示的应用消息，由第一消息变为第二消息，所述电子设备将所述第十卡片的尺寸增大；其中，所述第二消息所需显示空间大于所述第一消息所需显示空间。在所述第十卡片增大的过程中，所述电子设备确定所述第十区域不能继续容纳所述第十卡片；电子设备控制所述第十卡片向所述第八区域移动。在所述第十卡片移动至第八区域之后，若所述第十卡片显示的应用消息，从所述第二消息变为第三消息，所述电子设备将所述第十卡片的尺寸缩小。其中，所述第三消息所需显示空间小于所述第二消息所需显示空间。在所述第十卡片缩小的过程中，所述电子设备确定所述第十区域能容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第十区域移动。

又示例性地，电子设备可以根据用户的操作，调整服务卡片的卡片类型。

后续实施例中，主要以依据用户操作，调整卡片类型为例进行描述。

如图10所示，在一些实施例中，还提供了一种卡片排布管理方法，该方法可以包括：

S201，在显示负一屏期间，电子设备接收操作2。

在一些实施例中，上述操作2可以是用户指示调整卡片尺寸的操作，如，可以是用户手指在电子设备显示屏上的运动，如，滑动。示例性地，在电子设备显示可编辑的负一屏701期间，电子设备可以接收用户在负一屏701中卡片的操作2。如，图11中的(a)所示，用户选中卡片209的右下角，并朝向卡片209的左上角滑动。又如，选中卡片209的右边缘，并朝向卡片209的左边缘滑动。再如，用户选中卡片209的右下角，向左下方滑动。

又示例性地，如图12所示，电子设备可以接收用户对服务卡片的操作，如，长按卡片209。在接收到该操作之后，电子设备可以显示操作窗口801。其中，操作窗口801可以包括“调整卡片”配置项。在电子设备接收到用户对“调整卡片”配置项的操作，如，点击操作之后，电子设备可以接收用户针对卡片209的操作2。如，选中卡片209的右下角，并朝向卡片209的左上角滑动。又如，选中卡片209的右边缘，并朝向卡片209的左边缘滑动等。

S202，电子设备响应于该操作2，调整卡片4所对应的卡片类型。

为了方便描述，后续实施例中，用户指示需要调整的服务卡片，又可称为卡片4。

在一些实施例中，电子设备可以接收到该操作2，并响应于该操作2，调整服务卡片的尺寸，实现变更卡片4所对应的卡片类型。

示例性地，电子设备可以依据操作2的类型、所对应的滑动轨迹，确定卡片4调整后的卡片类型。

例如，电子设备接收用户选中L型卡片的右下角，并朝向L型卡片的左上角滑动的操作2。电子设备可以确定调整后的卡片长度小于L型卡片的长度，同时，调整后的卡片高度也小于L型卡片的高度。这样，可以确定调整后的卡片类型为S型卡片。

当然，存在多种卡片类型的长度和高度均小于L型卡片时，电子设备还可以依据滑动的轨迹长度，确定调整后的卡片类型。如，轨迹长度属于不同的长度区间时，可确定出不同的卡片类型。

再例如，电子设备接收用户选中L型卡片的右边缘，并朝向L型卡片的左边缘滑动的操作2，如称为第六操作。电子设备可以确定调整后的卡片长度小于L型卡片的长度。这样，电子设备可以确定调整后的卡片类型为M型卡片。同样，存在多个卡片类型的长度小于L型卡片时，电子设备还可以依据滑动的轨迹长度，确定调整后的卡片类型。后续举例中同理，不再赘述。

再例如，电子设备接收用户选中M型卡片的右边缘，并向右侧滑动的操作2，如称为第五操作。电子设备可以确定调整后的卡片长度大于M型卡片的长度。这样，电子设备可以确定调整后的卡片类型为L型卡片。

再例如，电子设备接收用户选中M型卡片的下边缘，并向上滑动的操作2。电子设备可以确定调整后的卡片高度小于M型卡片的高度。这样，电子设备可以确定调整后的卡片类型为S型卡片。

再例如，电子设备接收用户选中S型卡片的右下角，并向右下侧滑动的操作2。电子设备可以确定调整后的卡片长度大于S型卡片的长度。同时，调整后的卡片高度也大于S型卡片的高度。这样，电子设备可以确定调整后的卡片类型为L型卡片。

在一些实施例中，卡片4的尺寸可以跟手变化。如，在电子设备确定检测到操作2之后，电子设备可以在用户手指相对于显示屏滑动的过程中，逐步改变卡片4的尺寸，直到卡片4的尺寸与调整后的卡片类型相同。如，调整前是M型卡片，调整后是L型卡片，在用户手指相对于显示屏滑动的过程中，电子设备依据操作2的滑动轨迹，控制卡片4的尺寸逐步增大，直至卡片4的尺寸与L型卡片相同。这样，便可以实现卡片4跟手调整的效果。再如，调整前是M型卡片，调整后是S型卡片，在用户手指相对于显示屏滑动的过程中，电子设备依据操作2的滑动轨迹，控制卡片4的尺寸逐步减小，直至卡片4的尺寸与S型卡片相同。

S203，电子设备在常驻服务区206中，重新排布卡片4以及排布在卡片4之后的其他卡片的显示位置。

其中，排布在卡片4之后的服务卡片又可称为卡片5。在一些场景中，卡片4为排布与最后一位的服务卡片，则常驻服务区206中可以不存在卡片5，也无需重新确定卡片5的排布位置。在另一些场景中，卡片4不是排布与最后一位的服务卡片，则常驻服务区206中可以存在卡片5。在此场景下，电子设备重新排布卡片4之后，继续依据从上至下，从左至右的排布规则，重新排布卡片5的显示位置。例如，图11中的(b)所示，或图12所示，卡片209从L型卡片调整为S型卡片之后，卡片209的尺寸变小，所占的显示空间也变小。同时，调整后，卡片209的右侧能够容纳卡片203。这样，电子设备按照从上至下、从左至右的排布规则，可以重新排布卡片203于卡片209右侧，并与上述卡片209水平排布。

在另一些实施例中，在显示负一屏期间，电子设备还可以接收操作3，又称为第七操作。其中，操作3可以是指示电子设备删除服务卡片的操作，如，操作3可以是用户在负一屏202中，指示取消订阅应用程序的操作。

示例性地，上述操作3可以是用户在可编辑的负一屏701中的操作。例如，如图13所示，可编辑状态的负一屏701包括与服务卡片一一对应的删除控件，如控件1301、控件1302和控件1303。电子设备检测到用户对控件1301的操作，如，点击操作时，可确定检测到操作3。

又示例性地，上述操作3还可以是用户对常驻服务区206中服务卡片的操作。例如，如图14所示，电子设备可以接收用户在常驻服务区206中的操作，如，长按卡片208。在接收到该操作之后，电子设备可以显示操作窗口1401。其中，操作窗口1401包括“移除卡片”配置项。在电子设备接收到用户对“移除卡片”配置项的操作，如点击操作之后，电子设备可确定接收到针对卡片208的操作3。

另外，在上述示例中，电子设备确定接收到针对卡片208的操作3之后，可以删除卡片208。这样，电子设备可以取消显示常驻服务区206中的卡片208。

在一些实施例中，在电子设备响应用户操作3，取消显示卡片6之后，可以重新排布卡片7。其中，卡片6是常驻服务区206中的服务卡片，卡片7则是常驻服务区206中排布在卡片6之后的服务卡片。

示例性地，卡片7中包括卡片6的顺位卡片，也即，排列在卡片6相邻下一位的服务卡片。在电子设备重排卡片7之前，还需确定卡片6的原显示区域是否能容纳顺位卡片。在不能容纳顺位卡片时，无需继续重排卡片7。例如，在卡片208取消显示之后，电子设备确定卡片208的原显示区域(如图13或图14中卡片207的右侧显示区域)不能容纳卡片209，这样，如，图13或14所示，电子设备无需调整209以及卡片203的排布位置。

在卡片6的原显示区域能够容纳顺位卡片时，电子设备可以据需重排卡片7。这样，可以减少电子设备计算排布的功耗。

例如，图15A所示，在M1被选中删除之后，电子设备可以取消显示M1。M2作为M1的顺位卡片，与M1具有相同的尺寸，也就是，M1的原显示空间能够容M2。这样，电子设备按照从上至下，从左至右的排布规则，依次排布M1对应的卡片7，如，M2、M3、S1和S2。

再例如，图15B所示，在S1被选中删除之后，电子设备可以取消显示S1。S2作为S1的顺位卡片，与S1具有相同的尺寸，也就是，S1的原显示空间能够容S2。这样，电子设备按照从上至下，从左至右的排布规则，依次排布S1对应的卡片7，如，S2和L1。

再例如，图15C所示，在L1被选中删除之后，电子设备可以取消显示L1。M4作为L1的顺位卡片，比L1的尺寸小，也就是，L1的原显示空间能够容M4。这样，电子设备按照从上至下，从左至右的排布规则，重新排布L1对应的卡片7，如，M4。

当然，在卡片6为最后一张服务卡片时，则不存在顺位卡片，也不具有对应的卡片7。这样，也无需重排服务卡片。

另外，如图16所示，在本申请实施例中，还提供了一种卡片排布管理方法。该方法可以包括：

S301，在显示负一屏期间，电子设备可以接收用户针对卡片8的操作4。

其中，卡片8为常驻服务区206中的一张服务卡片。上述操作4可以是指示卡片8移动的动作，如，操作4可以是用户手指与显示屏接触后，相对于显示屏的运动，如滑动。

在一些实施例中，电子设备可以检测用户与显示屏的接触情况，以及用户在显示屏上的相对运动情况。示例性地，在电子设备检测到用户手指与显示屏之间的触点属于卡片8的显示区域时，电子设备确定用户选中卡片8。示例性地，电子设备响应于选中卡片8的操作，还可以将卡片8的尺寸略微扩大，如，扩大为原尺寸的105％，从而，提示用户卡片8已被选中。之后，电子设备继续检测到用户手指相对于显示屏滑动时，如，电子设备检测到手指与显示屏之间的触点移动时，电子设备可以确定接收到针对卡片8的操作4。当然，在手指与显示屏之间的触点移动过程中，还可以得到操作4对应的滑动轨迹，也即，触点的移动路径。

S302，电子设备响应于操作4，按照方向1移动卡片8。

在一些实施例中，方向1可以是操作4所对应的滑动轨迹的延伸方向。例如，操作4为上滑，则方向1可以是向上。再如，操作4为下滑，则方向1可以是向下。再如，操作4为向左上侧滑，则方向1可以是向左上。再例如，操作4所对应的滑动轨迹为不规则曲线时，滑动轨迹的延伸方向可以不断地变化，在此场景下，卡片8依然可以沿着滑动轨迹移动。另外，卡片8移动的过程中，电子设备始终保持用户与显示屏之间的触点属于卡片8的显示区域内，从而达到卡片跟手移动的效果。

另外，在用户的手指离开显示屏，这样，卡片8显示区域内的触点消失。此时，电子设备停止控制卡片8跟手移动，并将卡片8恢复到原尺寸。

S303，在卡片8移动过程中，电子设备检测到卡片8与卡片9之间满足预设条件时，调整卡片8与卡片9的排列先后顺序。

在一些实施例中，上述预设条件可以包括以下至少一条：

条件1：卡片8与卡片9为不同类型卡片时，卡片8移动过程中，卡片8的边缘越过卡片9的对称轴。其中，服务卡片(如，卡片9)包括对称轴1和对称轴2。对称轴1为服务卡片水平的对称轴，对称轴2为服务卡片竖直的对称轴。对称轴1和对称轴2均穿过服务卡片的卡片中心。

如此，卡片8的上边缘或者下边缘，越过卡片9的对称轴1，电子设备确定卡片8与卡片9之间满足预设条件。卡片8的左边缘或者右边缘，越过卡片9的对称轴2，电子设备也可以确定卡片8与卡片9之间满足预设条件。

如图17A所示，手指带动M3向上移动时，M3的上边缘越过L1的对称轴1，电子设备可确定卡M3和L1之间满足条件1。

条件2：卡片8与卡片9为同类型卡片时，卡片8移动过程中，对应的卡片中心(又称为中心点)进入卡片9的显示区域(如，对应的中心点与卡片9中任意点重叠)，且未完全与卡片9重叠的情况下，用户手指停止在显示屏上滑动，这样，显示屏检测到触点停止移动，对应的卡片8也停止继续移动。

条件3：卡片8与卡片9为同类型卡片时，卡片8移动过程中，对应的卡片中心进入卡片9的显示区域之后，手指离开显示屏，显示屏检测到卡片8所跟随的触点消失，这样，对应的卡片8也停止继续移动。

条件4：卡片8和卡片9之间的接触面积超过卡片9的一半，或者，超过卡片8的一半。

条件5：卡片8移动过程中，对应的中心点在卡片9的显示区域中的移动轨迹为预设形状。例如，预设形状为圆形，那么用户的手指带动卡片8，在卡片9的显示区域内旋转一圈，可视为满足预设条件。

以上枚举了本领域技术人员实施时可能选用的预设条件，可以理解的，本申请实施例还可以采用其他类型的预设条件，比如，卡片8移动到卡片9附件之后，电子设备接收到用户对卡片9的点击操作等。

如图17B所示，M1又称为第一卡片，M2又称为第二卡片，M3又称为第三卡片。其中，在未移动M3之前，M1位于负一屏的第一区域，M2位于负一屏的第二区域，M3位于负一屏的第三区域。上述第一区域、第二区域以及第三区域均属于常驻服务区206。手指带动M3向上移动(如，称为第一拖动操作)时，M3的卡片中心进入M1的显示区域且未完全重合时，M3停止移动，电子设备可确定卡M3和M1之间满足条件2，又称为，M1和M3之间满足第一条件。

在一些实施例中，在卡片8与卡片9满足预设条件的情况下，若卡片9原本排列于卡片8之前，那么电子设备可以将卡片8调整至卡片9的前一位。卡片9与其他卡片之间的排列先后顺序保持不变。

在另一些实施例中，在卡片8与卡片9满足预设条件的情况下，若卡片9原本排列于卡片8之后，那么电子设备可以将卡片8调整至卡片9的后一位。卡片9与其他卡片之间的排列先后顺序保持不变。

例如，图17A所示，M3的上边缘越过L1的对称轴1之后，M3的序号从4变为3，L1的序号从3变为4。其中，上述序号用于指示常驻服务区206中服务卡片的排列顺序。此时，电子设备确定新的排列顺序中，M3排列于L1之前。L1依然排列于M1和M2之后。

再例如，卡片M3继续向上移动，如图17B所示，M3的卡片中心进入M1的显示区域之后，M3的序号从3变为1，M1的序号从1变为2。而排列于M1之后的其他卡片，如，M2和L1，也对应调整序号。例如，M2的序号从2变为3，L4的序号保持不变。这样，新的排列顺序中，M3排列于M1之前，M1、M2和L4之间的排列先后不变。

S304，电子设备按照调整后的排列顺序，重排常驻服务区206的服务卡片。

在一些实施例中，电子设备可以在常驻服务区206中，重新排布卡片8和排列于卡片8之后的其他卡片。

例如，图17A所示，在M3的序号从4变为3，L1的序号从3变为4之后，电子设备按照从上至下、从左至右的排布规则，确定排布M3于M1下侧。然后，确定M3右侧的显示区域无法容纳L1，则确定L1排布于M3的下侧。这样，在M3的上边缘越过L1的对称轴1之后，电子设备控制L1在常驻服务区206下移。

再例如，图17B所示，在M3的序号从3变为2，M1的序号从1变为2之后，电子设备按照从上至下、从左至右的排布规则，确定排布M3于M1的原显示位置。在排布M3之后，确定M3的右侧可以容纳M1，这样，电子设备控制M1右移。之后，电子设备可以确定M2可排布于M3的下侧，这样，电子设备控制M2向左下方移动，最终显示于M3的下方，并且靠近常驻服务区206的左边缘。L1则保持原有位置不变。

在另一些实施例中，在卡片8与卡片9之间满足第二条件时，如，卡片8和卡片9完全重合的情况下，用户手指停止在显示屏上滑动，也即，电子设备检测到卡片8所跟随的触点也停止移动时，还可以将卡片8和卡片9堆叠显示。堆叠在一起的卡片8和卡片9又称为第一卡片集，在第一卡片集中卡片8置顶显示，卡片9被卡片8遮挡。

在一些可能的实施例中，电子设备还可以对应于第一卡片集显示堆叠标识，用于提醒用户卡片8之下还堆叠有其他卡片。这样，用户可以通过操作第一卡片集切换显示卡片9。例如，所述电子设备接收到针对所述第一卡片集的第一操作，如，滑动操作，可以控制所述第一卡片集显示卡片9，并隐藏卡片8。

另外，第一卡片集显示卡片8时，第一卡片集所占的显示空间与卡片8所需的显示空间相同。同样，第一卡片集显示卡片9时，第一卡片集所占的显示空间与卡片9所需的显示空间相同。

在一些实施例中，在卡片9与卡片8为不同尺寸的卡片的场景下，第一卡片集从显示卡片8切换为显示卡片9之后，第一卡片集所占的显示空间也会发生变化。在第一卡片集所占的显示空间发生变化后，可以重新排布第一卡片集和排布在第一卡片集之后的其他卡片，重排原理可以参考前述实施例中的S203，也即，将第一卡片集视为改变尺寸的卡片4，然后，对第一卡片集及其之后其他卡片进行重排，具体实现过程，在此不再赘述。

当然，用户还可以将堆叠的卡片8和卡片9分开。示例性地，电子设备接收到针对第一卡片集的第二操作，如，长按操作，电子设备确定置顶显示的卡片被选中，如，在第一卡片集中，卡片8置顶显示时，依据针对第一卡片集的长按操作，可以确定卡片8被选中。此时，可以将卡片8的尺寸略微扩大，以提醒用户卡片8被选中。之后，电子设备接收针对卡片8的第二拖动操作，控制卡片8继续移动。在卡片8与卡片9完全分离之后，电子设备取消显示第一卡片集和对应的堆叠标识，并显示卡片9。

另外，下面以多个示例，介绍移动不同类型卡片8的过程中，可能出现的场景。

如图18A所示，卡片S1(又称为第四卡片)、M1(又称为第六卡片)和S2(又称为第五卡片)依序排布，如，S1显示于第四区域，S2显示于第五区域，M1显示第六区域。电子设备检测到用户的手指选中M1，并朝向S1滑动，也即，向左上方滑动。然后，电子设备控制M1跟手移动，这样，M1也会朝向S1移动。在M1的左边缘越过S1的对称轴2时，电子设备重新确定卡片间的排列顺序，在新的排列顺序中，M1排列于S1的前一位，同时S1依然排列于S2之前。然后，电子设备重新排布M1、S1和S2。重新排布后的M1位于左侧显示区域，而S1和S2显示于M1的右侧显示区域。S1排布与S2的上侧。

可见，在电子设备控制M1移动，并触发将M1排列于S1之前的场景下，电子设备可控制S1和S2弹向右侧。也即，S1和S2作为一个整体，按照速度1向常驻服务区206的右边缘移动。在上述移动过程中，速度1逐渐衰减，直至与常驻服务区206的右边缘之间的间距为指定数值时，S1和S2静止。

如图18B所示，卡片S1、M1和S2依序排布。电子设备检测到用户的手指选中S2，并朝向S1滑动，也即，向上滑动，又称为第四拖动操作。然后，电子设备控制S2跟手移动，这样，S2也会朝向S1移动。在此过程中，S2和S1之间满足预设条件(如，称为第四条件)时，如，在S2的卡片中心进入S1的显示区域，且未完全重合时，S2停止移动，电子设备重新确定卡片间的排列顺序，在新的排列顺序中，S2排列于S1的前一位，同时S1依然排列于M1之前。然后，电子设备重新排布S2、S1和M1。重新排布后的S2位于左上侧的显示区域，S1与S2水平排布，且位于S2的右侧，另外，M1排布于S2的下侧。

可见，在电子设备控制S2移动，并触发将S2排列于S1之前的场景下，电子设备可控制S1弹向右侧。同时，还会控制M1弹向左下方，也即，向第五区域。这样，重新排布后，在显示空间有限时，相较于S1，电子设备可以优先显示S2。相较于M1，电子设备可以优先显示S1。

如图18C所示，卡片M1、S1、M4和S2依序排布，其中，M1可以是排布于第三区域的卡片，如，第二卡片。S1可以是排布在第七区域的卡片，如，第七卡片。S2可以是排布在第八区域的卡片，如，第八卡片。M4可以是排布在第九区域的卡片，如，第九卡片。电子设备检测到用户的手指选中S1，并朝向M1滑动，也即，向左滑动(又称为第五拖动操作)。然后，电子设备控制S1跟手移动，这样，S1也会朝向M1移动。在此过程中，若S1和M1之间满足预设条件，如，在S1的左边缘越过M1的对称轴2(也即，第六条件)之后，电子设备重新确定卡片间的排列顺序，在新的排列顺序中，S1排列于M1的前一位，另外，M1依然排列于S2和M4之前，而S2与M4之间的排列先后不变。然后，电子设备重新排布S1、M1、M4和S2。重新排布后的S1位于左上侧的显示区域，M1与S1水平排布，且位于S1的右侧，另外，M4排布于S1的下侧。S2排布于M4的右侧。

可见，在电子设备控制S1移动，并触发将S1排列于M1之前的场景下，电子设备可控制M4跟随S1向右侧平移，同时，还会控制M1和S2作为整体弹向右侧。这样，重新排布后，在显示空间有限时，相较于M1，电子设备可以优先显示S1。相较于M4，电子设备可以优先显示M1。相较于S2，电子设备会优先显示M4。

如图18D所示，卡片M1、S1、M4和S2依序排布。电子设备检测到用户的手指选中M4，并朝向M1滑动，也即，向左上方滑动(又称为第七拖动操作)。然后，电子设备控制M4跟手移动，这样，M4也会朝向M1移动。在此过程中，若M4与M1之间满足预设条件，如，在M4的卡片中心进入M1的显示区域，且未与M1完全重合的情况下，M4停止移动(也即，第八条件)，电子设备重新确定卡片间的排列顺序，在新的排列顺序中，M4排列于M1的前一位，另外，M1依然排列于S1和S2之前，而S1与S2之间的排列先后不变。然后，电子设备重新排布M4、M1、S1和S2。重新排布后的M4位于M1的原显示位置，M1与M4水平排布，且位于M4的右侧。另外，S1排布于M1的下侧。S2排布于M1的下侧。此时，S1和S2水平排布，且S1排布于S2的左侧。

可见，在电子设备控制M4移动，并触发将M4排列于M1之前的场景下，电子设备可控制M1弹向右侧，S1同步滑向左下方，而S2则弹向右侧。这样，在显示空间有限时，相较于M1，电子设备可以优先显示M4。相较于S1，电子设备可以优先显示M1。相较于S2，电子设备会优先显示S1。

如图18E所示，卡片M1、S1、M4和S2依序排布。电子设备检测到用户的手指选中S2，并朝向M1滑动，也即，向上滑动(又称为第六拖动操作)。然后，电子设备控制S2跟手移动，这样，S2也会朝向M1移动。在此过程中，若S2与M1满足预设条件，如，在S2的上边缘越过M1的对称轴1(也即，第七条件)之后，电子设备重新确定卡片间的排列顺序，在新的排列顺序中，S2排列于M1的前一位，另外，M1依然排列于S1和M4之前，而S1与M4之间的排列先后不变。然后，电子设备重新排布S2、M1、S1和M4。重新排布后的S2位于左上方的显示区域。M1与S2水平排布，且位于S2的右侧。另外，S1排布于S2的下方。M4位于S1的下方。

可见，在电子设备控制S2移动，并触发将S2排列于M1之前的场景下，电子设备可控制M1弹向右侧，控制S1同步滑向左下方，以及控制M4同步滑向左下方。

在另一些实施例中，电子设备响应用户操作，移动尺寸较大的服务卡片时，如，移动L型或M型的卡片8时，会出现卡片8与多张卡片9同时满足预设条件。此时，可以将多张卡片9视为一个整体，也即，保持多张卡片9之间的排布关系不变。在电子设备排布了卡片8之后，在保持从常驻服务区206确定可以确定多张卡片9的排布位置。这样，减少逐张排布服务卡片的能耗。

例如，图19A所示，卡片S1、M1、S2和L1依序排布。电子设备检测到用户的手指选中L1，并向上滑动。这样，电子设备控制L1跟手移动。在L1的上边缘均已越过S1、M1、S2的对称轴1时，S1、M1、S2作为一个整体下移。这样L1可以显示于S1、M1、S2的原显示区域，而S1、M1、S2显示于L1的下方。

再例如，图19B所示，卡片S1、S2和L1依序排布。电子设备检测到用户的手指选中L1，并向上滑动。这样，电子设备控制L1跟手移动。在L1的上边缘均已越过S1、S2的对称轴1时，S1、S2作为一个整体下移。这样，S1、S2将显示于L1的下方。

再例如，图19C所示，卡片M1、M2和L1依序排布。电子设备检测到用户的手指选中L1，并向上滑动。这样，电子设备控制L1跟手移动。在L1的上边缘均已越过M1、M2的对称轴1时，M1、M2作为一个整体下移。这样，M1、M2将显示于L1的下方。

另外，在卡片8与多张卡片之间满足预设条件的场景下，优先将与卡片8位于同一行区域的卡片确定为卡片9。

例如，图19D所示，S1、M1、S2、S3和S4依序排布。其中，S3可以是排布在第一区域的卡片，S4可以是排布在第二区域的卡片，第五区域位于第一区域之上。

在一种情况下，电子设备检测到用户的手指选中M1，并向左滑动，如称为第三拖动操作。这样，电子设备控制M1跟手移动。M1同时越过S1、S2的对称轴2，这样，M1、S1、S2之间满足第三条件。然后，电子设备可以确定S1、S2和M1属于同一行区域。这样，将S1、S2视为M1所对应的卡片9，电子设备可以控制S1、S2整体右移，显示于M1的右侧。

在另一种情况下，在M1越过S1、S2的对称轴2的同时，还越过S3的中轴线2。电子设备确定S3与M1不属于同一行区域，也就，确定S3不是M1对应的卡片9，电子设备不移动S3。

在另一些实施例中，常驻服务区206中可以水平排布两张相同类型的服务卡片。如，水平排布两张M型卡片，或者，水平排布两张S型卡片。

在一些实施例中，电子设备启用锁定水平排布的场景下，电子设备可以将水平排布的同类型卡片视为整体。在电子设备检测到用户指示移动这两张卡片中的任意一张时，都可以带动另一张卡片移动，确保移动之后，两张卡片依然保持水平排布。

例如，图20A所示，M1、M4和L1依序排布，M1和M4水平排布于L1之上。电子设备检测到用户的手指选中M1，并向下滑动。这样，电子设备控制M1跟手移动。在M1的下边缘越过L1的对称轴1时，电子设备控制M4下移。另外，电子设备可以控制L1上移。这样，电子设备可以使M1和M2继续保持水平排布。

再例如，图20B所示，S1、S2和L1依序排布，S1和S2水平排布于L1之上。电子设备检测到用户的手指选中S1，并向下滑动。这样，电子设备控制S1跟手移动。在S1的下边缘越过L1的对称轴1时，电子设备控制S2下移。另外，电子设备可以控制L1上移。这样，电子设备可以使S1和S2继续保持水平排布。

本申请实施例还提供一种电子设备，该电子设备可以包括：存储器和一个或多个处理器。该存储器和处理器耦合。该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令。当处理器执行计算机指令时，可使得电子设备执行上述实施例中手机执行的各个步骤。当然，该电子设备包括但不限于上述存储器和一个或多个处理器。例如，该电子设备的结构可以参考图1所示的电子设备的结构。

本申请实施例还提供一种芯片系统，该芯片系统可以应用于前述实施例中的电子设备。如图21所示，该芯片系统包括至少一个处理器2201和至少一个接口电路2202。该处理器2201可以是上述电子设备中的处理器。处理器2201和接口电路2202可通过线路互联。该处理器2201可以通过接口电路2202从上述电子设备的存储器接收并执行计算机指令。当计算机指令被处理器2201执行时，可使得电子设备执行上述实施例中手机执行的各个步骤。

当然，该芯片系统还可以包含其他分立器件，本申请实施例对此不作具体限定。通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

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

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

以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (17)

1.一种卡片排布管理方法，其特征在于，所述方法包括：

电子设备显示负一屏；所述负一屏包括第一区域、第二区域和第三区域；所述第一区域位于所述第二区域的左侧，所述第三区域位于所述第一区域的下侧；所述第一区域用于显示第一尺寸的第一卡片，所述第二区域用于显示第一尺寸的第二卡片，所述第三区域用于显示第一尺寸的第三卡片；

所述电子设备接收针对所述第三卡片的第一拖动操作；

所述电子设备响应于所述第一拖动操作，控制所述第三卡片移动；

在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第一条件，则所述电子设备将所述第三卡片排布在所述第一区域，控制所述第一卡片向所述第二区域移动，控制所述第二卡片向所述第三区域移动。

2.根据权利要求1所述的方法，其特征在于，所述第三卡片与所述第一卡片满足第一条件包括：

在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，所述第三卡片暂停移动。

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

在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第二条件，则所述电子设备显示第一卡片集；其中，所述第二条件包括：在所述第三卡片与所述第一卡片完全重合的情况下，所述第三卡片暂停移动；所述第一卡片集中包括堆叠的所述第一卡片和第三卡片；在所述第一卡片集中，所述第三卡片置顶显示。

4.根据权利要求3所述的方法，其特征在于，在显示所述第一卡片集之后，所述方法还包括：

所述电子设备接收到针对所述第一卡片集的第一操作；所述电子设备响应于所述第一操作，控制所述第一卡片集显示所述第一卡片，并隐藏所述第三卡片；

或者，所述电子设备接收到针对所述第一卡片集的第二操作；所述电子设备确定所述第三卡片被选中；所述电子设备接收针对所述第三卡片的第二拖动操作；所述电子设备控制所述第三卡片移动；在所述第三卡片与所述第一卡片完全分离之后，所述电子设备取消显示第一卡片集，并显示所述第一卡片。

5.根据权利要求1所述的方法，其特征在于，所述负一屏还包括第四区域、第五区域和第六区域，所述第五区域位于所述第四区域的下侧，所述第六区域位于所述第四区域的右侧，所述第四区域和所述第五区域分别用于显示第二尺寸的第四卡片、第五卡片，所述第六区域用于显示所述第一尺寸的第六卡片，所述第二尺寸小于所述第一尺寸，所述第四卡片和所述第六卡片的上边缘位于相同高度，所述第五卡片和所述第六卡片的下边缘位于相同高度；所述方法还包括：

在所述电子设备接收到针对所述第六卡片的第三拖动操作时，控制所述第六卡片移动；在所述第六卡片移动过程中，若所述第六卡片、第四卡片和第五卡片满足第三条件，则所述电子设备控制所述第四卡片和第五卡片同步向右平移；其中，所述第三条件包括：所述第六卡片的边缘同时越过所述第四卡片和第五卡片的中轴线；

或者，在所述电子设备接收到针对所述第五卡片的第四拖动操作时，控制所述第五卡片向上平移；在所述第五卡片移动过程中，若所述第五卡片与所述第四卡片满足第四条件，则所述电子设备控制所述第四卡片向右平移，控制所述第六卡片向所述第五区域移动；其中，所述第四条件包括：在所述第五卡片的中心点与所述第四卡片中任意点重叠，且所述第五卡片与所述第四卡片未完全重叠的情况下，所述第三卡片暂停移动。

6.根据权利要求5所述的方法，其特征在于，在所述电子设备控制所述第四卡片和第五卡片同步向右平移之前，所述方法还包括：

所述电子设备确定所述第四卡片、第五卡片与所述第六卡片属于同一行区域。

7.根据权利要求5或6所述的方法，其特征在于，所述第五区域位于所述第一区域的上侧，所述第三卡片显示于所述第一区域，在所述第六卡片移动过程中，所述方法还包括：

在所述第六卡片、第四卡片和第五卡片满足所述第三条件的情况下，所述电子设备确定所述第六卡片也同步越过所述第三卡片的中轴线；所述电子设备确定所述第三卡片与所述第六卡片不属于同一行区域；所述电子设备不移动所述第三卡片。

8.根据权利要求1所述的方法，其特征在于，所述负一屏还包括第七区域、第八区域和第九区域，所述第七区域位于所述第三区域的右侧，所述第八区域位于所述第三区域的下侧，所述第九区域位于所述第七区域的下侧；所述第七区域用于显示第二尺寸的第七卡片，所述第八区域用于显示所述第二尺寸的第八卡片，所述第九区域用于显示所述第一尺寸的第九卡片，所述第二尺寸小于所述第一尺寸；在所述第二卡片移动到所述第三区域之后，所述第二卡片与所述第七卡片的上边缘位于相同高度，所述第八卡片与所述第九卡片的下边缘位于相同高度，所述方法还包括：

在所述电子设备接收到针对所述第七卡片的第五拖动操作时，控制所述第七卡片向左平移；在所述第七卡片移动过程中，若所述第七卡片和所述第二卡片满足第六条件，则所述电子设备控制所述第二卡片和所述第八卡片同步向右平移、控制所述第九卡片向左平移；其中，所述第六条件包括：所述第七卡片的边缘越过所述第二卡片的中轴线；

或者，在所述电子设备接收到针对所述第八卡片的第六拖动操作时，控制所述第八卡片向上平移；在所述第八卡片移动过程中，若所述第八卡片和所述第二卡片满足第七条件，则所述电子设备控制所述第二卡片向右平移，控制所述第七卡片向所述第三区域的底部移动，控制所述第九卡片向所述第八区域移动，以使所述第七卡片与所述第二卡片的下边缘位于相同高度，所述第九卡片位于所述第七卡片的下侧，其中，所述第七条件包括：所述第八卡片的边缘越过所述第二卡片的中轴线；

或者，在所述电子设备接收到针对所述第九卡片的第七拖动操作时，控制所述第九卡片移动；在所述第九卡片移动过程中，若所述第九卡片和所述第二卡片满足第八条件，则所述电子设备控制所述第二卡片和第八卡片向右平移，控制所述第七卡片向所述第八区域移动，其中，所述第八条件包括：在所述第九卡片的中心点与所述第二卡片中任意点重叠，且所述第九卡片与所述第二卡片未完全重叠的情况下，所述第九卡片暂停移动。

9.根据权利要求5至8任一项所述的方法，其特征在于，所述第一尺寸与第二尺寸所对应的长度相同，所述第一尺寸的高度为所述第二尺寸的高度的两倍。

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

所述电子设备响应于在所述负一屏中的第三操作，显示可编辑的负一屏；

在显示可编辑的所述负一屏期间，所述电子设备接收第四操作；

响应于所述第四操作，所述电子设备在所述负一屏中添加第十卡片；所述第十卡片显示于所述第三区域右侧的第十区域或者所述第三区域下侧的第八区域。

11.根据权利要求10所述的方法，其特征在于，所述第十卡片与第一应用相关联，用于显示第一应用的应用消息；在所述第十卡片显示于所述第十区域的情况下，所述方法还包括：

若所述第十卡片显示的应用消息，由第一消息变为第二消息，所述电子设备将所述第十卡片的尺寸增大；其中，所述第二消息所需显示空间大于所述第一消息所需显示空间；在所述第十卡片增大的过程中，所述电子设备确定所述第十区域不能继续容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第八区域移动；

在所述第十卡片移动至所述第八区域之后，若所述第十卡片显示的应用消息，从所述第二消息变为第三消息，所述电子设备将所述第十卡片的尺寸缩小；其中，所述第三消息所需显示空间小于所述第二消息所需显示空间；

在所述第十卡片缩小的过程中，所述电子设备确定所述第十区域能容纳所述第十卡片；所述电子设备控制所述第十卡片向所述第十区域移动。

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

所述电子设备接收到针对所述第十卡片的点击操作；

所述电子设备显示所述第一应用的应用界面。

13.根据权利要求10所述的方法，其特征在于，所述第二卡片显示于所述第三区域，在所述第十卡片为所述第一尺寸的卡片，且排布于所述第十区域时，所述方法还包括：

在显示可编辑的所述负一屏期间，所述电子设备接收针对所述第二卡片的第五操作；

所述电子设备响应于所述第五操作，将所述第二卡片扩大至第三尺寸；

在所述第二卡片扩大的过程中，所述电子设备确定所述第二卡片的右侧不能容纳所述第十卡片；

所述电子设备控制所述第十卡片向所述第八区域移动；

在所述第二卡片扩大至所述第三尺寸之后，所述电子设备接收针对所述第二卡片的第六操作；

所述电子设备响应于所述第六操作，将所述第二卡片缩小至所述第一尺寸；

在所述第二卡片缩小至所述第一尺寸之后，所述电子设备控制所述第十卡片向所述第十区域移动。

14.根据权利要求13所述的方法，其特征在于，所述第三尺寸的长度为所述第一尺寸的长度的两倍，所述第三尺寸和所述第一尺寸的高度相同。

15.根据权利要求10所述的方法，其特征在于，所述第二卡片显示于所述第三区域，所述方法还包括：

在显示可编辑的所述负一屏期间，所述电子设备接收针对所述第二卡片的第七操作；所述电子设备响应于所述第七操作，取消所述第二卡片；

在取消显示所述第二卡片之后，所述电子设备确定所述第三区域能容纳所述第十卡片；

所述电子设备控制所述第十卡片向所述第三区域移动。

16.一种电子设备，其特征在于，电子设备包括一个或多个处理器和存储器；所述存储器与处理器耦合，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当一个或多个处理器执行计算机指令时，所述一个或多个处理器，用于执行如权利要求1-15中任一项所述的方法。

17.一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-15中任一项所述的方法。

Images