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

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

【技术实现步骤摘要】
一种卡片排布管理方法及电子设备


[0001]本申请涉及终端
，尤其涉及一种卡片排布管理方法及电子设备。

技术介绍

[0002]目前，用户所订阅的推送消息，可以采用卡片的形式显示于负一屏中，如消息卡片。然而，在用户订阅的推送信息量特别多的情况下，负一屏无法同时显示所有的消息卡片。显然，在负一屏中，排布在前的卡片才能优先被用户看到。为了适应用户的查看习惯，电子设备可以依据用户的指示调整卡片的排布。
[0003]然而，相关技术中，用户指示电子设备改变一张卡片的排布位置之后，其他卡片之间的排布顺序也会受影响。将迫使用户不断调整其他卡片的排布位置，降低电子设备的人机交互效率。

技术实现思路

[0004]本申请实施例提供一种卡片排布管理方法及电子设备，用于改善用户调整卡片显示位置的人机交互效率。
[0005]为达到上述目的，本申请采用如下技术方案：
[0006]第一方面，本申请实施例提供的一种卡片排布管理方法，所述方法包括：电子设备显示负一屏；所述负一屏包括第一区域、第二区域和第三区域；所述第一区域位于所述第二区域的左侧，所述第三区域位于所述第一区域的下侧；所述第一区域用于显示第一尺寸的第一卡片，所述第二区域用于显示第一尺寸的第二卡片，所述第三区域用于显示第一尺寸的第三卡片；所述电子设备接收针对所述第三卡片的第一拖动操作；所述电子设备响应于所述第一拖动操作，控制所述第三卡片移动；在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第一条件，则所述电子设备将所述第三卡片排布在所述第一区域，控制所述第一卡片向所述第二区域移动，控制所述第二卡片向所述第三区域移动。
[0007]可以理解地，负一屏可以显示多张卡片，如，服务卡片。在负一屏中，上述多种卡片依序沿预设方向排布。比如，在负一屏中相同高度排布卡片时，按照从左向右进行排布卡片；在负一屏的不同高度排布卡片时，按照从上向下排布卡片。这样，在可用于显示卡片的空间有限的情况下，预设方向上排布在前的卡片，相较于排布在后的卡片而言可以优先显示。
[0008]在上述实施例中，第一区域和第二区域左右相邻，且属于同一行区域。此外，第一区域和第二区域的大小相同，第一区域的大小正好可以显示一张第一尺寸的卡片。这样，在负一屏中，排布于第一区域的第一卡片和排布于第二区域的第二卡片，实际上排布于相同高度。此外，第一卡片位于第二卡片的左侧。可见，在预设方向上，第一卡片排布在第二卡片之前。
[0009]另外，第一区域和第三区域上下相邻，但二者分别属于不同行区域。第三区域位于第一区域的下侧，故，在负一屏中，第三卡片的排布高度低于第一卡片和第二卡片。这样，在
预设方向上，第一卡片和第二卡片均排布在第三卡片之前。
[0010]在此排布下，若可用于显示上述卡片的空间减少时，第一卡片可以优先于第二卡片被显示，第二卡片则可以优先于第三卡片被显示。
[0011]当然，用户可以通过改变卡片之间的排布，改变卡片的显示优先顺序。示例性地，在负一屏的宽度仅够水平排布两张第一尺寸的卡片的场景下，负一屏中的第一卡片、第二卡片和第三卡片，在预设方向上依序相邻排布。电子设备响应于针对第三卡片的第一拖动操作时，可以控制第三卡片移动。例如，电子设备识别到用户选中第三卡片后，手指在显示屏上的滑动，可视为针对第三卡片的第一拖动操作，响应于该操作，电子设备可以控制第三卡片跟随用户手指与显示屏之间的触点移动，实现第三卡片的跟手移动。
[0012]在第三卡片移动过程中，若与第一卡片之前满足第一条件，电子设备可以控制第一卡片向第二区域移动，控制第二卡片向第三区域移动。这样，即使改变第三卡片与其他卡片(如，第一卡片和第二卡片)的排布先后关系，也不会影响其他卡片之间的排布先后关系。如此，调整单张卡片的排布位置的场景下，减少用户适应性调整其他卡片的排布位置的次数，提高调整卡片排布的人机交互效率。
[0013]在一些实施例中，所述第三卡片与所述第一卡片满足第一条件包括：在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，第三卡片暂停移动。
[0014]示例性地，在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，电子设备检测到第三卡片所跟随的触点消失(如，用户手指离开显示屏)，停止控制第三卡片移动，并确定第三卡片与所述第一卡片满足第一条件。
[0015]又示例性地，在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，电子设备检测到第三卡片跟随的触点停止移动(如，用户手指在显示屏上停留)，停止控制第三卡片移动，并确定第三卡片与所述第一卡片满足第一条件。
[0016]在上述实施例中，电子设备可以更加准确地识别出用户希望将第三卡片排布到第一卡片之前的意图，方便用户调整卡片位置的情形下，减少误操作，提高人机交互效率。
[0017]在一些实施例中，所述方法还包括：在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第二条件，则所述电子设备显示第一卡片集；其中，所述第二条件包括：在所述第三卡片与所述第一卡片完全重合的情况下，所述第三卡片暂停移动；所述第一卡片集中包括堆叠的所述第一卡片和第三卡片；在所述第一卡片集中，所述第三卡片置顶显示。
[0018]示例性地，在所述第三卡片与所述第一卡片完全重合的情况下，电子设备检测到第三卡片所跟随的触点停止移动，则控制第三卡片暂停移动，并确定第三卡片与所述第一卡片满足第二条件。之后，电子设备可以将第一卡片和第二卡片堆叠在一起，形成第一卡片集，显示于第一区域。在此场景下，无需调整第二卡片的排布位置。
[0019]可见，在上述实施例中，通过便捷的操作即可归纳卡片，提高负一屏的空间利用率，从而，使有限的负一屏可以展示更多的卡片。
[0020]在另一些实施例中，在显示第一卡片集之后，还可以对应于该第一卡片集显示堆
叠标识，从而提示用户第一区域中存在多张堆叠的卡片，从而，方便用户翻阅。
[0021]在一些实施例中，在显示所述第一卡片集之后，所述方法还包括：电子设备接收到针对所述第一卡片集的第一操作；所述电子设备响应于所述第一操作，控制所述第一卡片集显示所述第一卡片，并隐藏所述第三卡片。
[0022]在上述实施例中，第一卡片和第二卡片堆叠之后，用户可以便捷地切换显示第一卡片和第二卡片，在节约显示空间的同时，确保查看卡片的人机交互效率。
[0023]在一些实施例中，所述电子设备接收到针对所述第一卡片集的第二操作；所述电子设备确定所述第三卡片被选中；所述电子设备接收针对所述第三卡片的第二拖动操作；所述电子设备控制所述第三卡片移动；在所述第三卡片与所述第一卡片完全分离之后，所述电子设备取消显示第一卡片集，并显示所述第一卡片。
[0024]在上述实施例中，用户可以通过简单的操作分离堆叠的卡片，满足用户不同时期对负一屏显示的不同需求，提高负本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种卡片排布管理方法，其特征在于，所述方法包括：电子设备显示负一屏；所述负一屏包括第一区域、第二区域和第三区域；所述第一区域位于所述第二区域的左侧，所述第三区域位于所述第一区域的下侧；所述第一区域用于显示第一尺寸的第一卡片，所述第二区域用于显示第一尺寸的第二卡片，所述第三区域用于显示第一尺寸的第三卡片；所述电子设备接收针对所述第三卡片的第一拖动操作；所述电子设备响应于所述第一拖动操作，控制所述第三卡片移动；在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第一条件，则所述电子设备将所述第三卡片排布在所述第一区域，控制所述第一卡片向所述第二区域移动，控制所述第二卡片向所述第三区域移动。2.根据权利要求1所述的方法，其特征在于，所述第三卡片与所述第一卡片满足第一条件包括：在所述第三卡片的中心点与所述第一卡片中任意点重叠，且所述第三卡片未与所述第一卡片未完全重合的情况下，所述第三卡片暂停移动。3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：在所述第三卡片移动过程中，若所述第三卡片与所述第一卡片满足第二条件，则所述电子设备显示第一卡片集；其中，所述第二条件包括：在所述第三卡片与所述第一卡片完全重合的情况下，所述第三卡片暂停移动；所述第一卡片集中包括堆叠的所述第一卡片和第三卡片；在所述第一卡片集中，所述第三卡片置顶显示。4.根据权利要求3所述的方法，其特征在于，在显示所述第一卡片集之后，所述方法还包括：所述电子设备接收到针对所述第一卡片集的第一操作；所述电子设备响应于所述第一操作，控制所述第一卡片集显示所述第一卡片，并隐藏所述第三卡片；或者，所述电子设备接收到针对所述第一卡片集的第二操作；所述电子设备确定所述第三卡片被选中；所述电子设备接收针对所述第三卡片的第二拖动操作；所述电子设备控制所述第三卡片移动；在所述第三卡片与所述第一卡片完全分离之后，所述电子设备取消显示第一卡片集，并显示所述第一卡片。5.根据权利要求1所述的方法，其特征在于，所述负一屏还包括第四区域、第五区域和第六区域，所述第五区域位于所述第四区域的下侧，所述第六区域位于所述第四区域的右侧，所述第四区域和所述第五区域分别用于显示第二尺寸的第四卡片、第五卡片，所述第六区域用于显示所述第一尺寸的第六卡片，所述第二尺寸小于所述第一尺寸，所述第四卡片和所述第六卡片的上边缘位于相同高度，所述第五卡片和所述第六卡片的下边缘位于相同高度；所述方法还包括：在所述电子设备接收到针对所述第六卡片的第三拖动操作时，控制所述第六卡片移动；在所述第六卡片移动过程中，若所述第六卡片、第四卡片和第五卡片满足第三条件，则所述电子设备控制所述第四卡片和第五卡片同步向右平移；其中，所述第三条件包括：所述第六卡片的边缘同时越过所述第四卡片和第五卡片的中轴线；或者，在所述电子设备接收到针对所述第五卡片的第四拖动操作时，控制所述第五卡片向上平移；在所述第五卡片移动过程中，若所述第五卡片与所述第四卡片满足第四条件，
则所述电子设备控制所述第四卡片向右平移，控制所述第六卡片向所述第五区域移动；其中，所述第四条件包括：在所述第五卡片的中心点与所述第四卡片中任意点重叠，且所述第五卡片与所述第四卡片未完全重叠的情况下，所述第三卡片暂停移动。6.根据权利要求5所述的方法，其特征在于，在所述电子设备控制所述第四卡片和第五卡片同步向右平移之前，所述方法还包括：所述电子设备确定所述第四卡片、第五卡片与所述第六卡片属于同一行区域。7.根据权利要求5或6所述的方法，其特征在于，所述第五区域位于所述第一区域的上侧，所述第三卡片显示于所述第一区域，在所述第六卡片移动过程中，所述方法还包括：在所述第六卡片、第四卡片和第五卡片满足所述第三条件的情况下，所述电子设备确定所述第六卡片也同步越过所述第三卡片的中轴线；所述电子设备确定所述第三卡片与所述第六卡片不属于同一行区域；所述电子设备不移动所述第三卡片。8.根据权利要求1所述的方法，其特征在于，所述负一屏还包括第七区域、第八区域和第九区域，所述第七区域位于所述第三区域的右侧，所述第八区域位于所述第三区域的下侧，所述第九区域位于所述第七区域的下侧；所述第七区域用于显示第二尺寸的第七卡片，所述第八区域用于显示所述第二尺寸的第八卡片，所述第九区域用于显示所述第一尺寸的第九卡片，所述第二尺寸小于所述第一尺寸；在所述第二卡片移动到所述第三区域之后，所述第二卡片与所述第七卡片的上边缘位于相同高度，所述第八卡片与所述第九卡片的下边缘位于相同高度，所述方法还包括：在所述电子设备接收到针对所述第七卡片的第五拖动操作时，控制所述第七卡片向左平移；在所述第七卡片移动过程中，若所述第七卡片和所述第二卡片满足第六条件，则所述电子设...

【专利技术属性】
技术研发人员：张涛林，黄丽薇，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：