卡片布局方法及装置、电子设备、存储介质与流程

文档序号:20916994发布日期:2020-05-29 13:39阅读:来源:国知局

技术特征:

1.一种卡片布局方法,应用于显示设备,所述显示设备的显示界面中包含多个卡片;所述方法包括:

按照所述显示界面上的预设方向对所述显示界面上的卡片进行排序;

依次针对所述显示界面上的卡片执行解决碰撞操作;其中,针对任一卡片执行的解决碰撞操作包括:

确定与所述任一卡片发生碰撞的碰撞卡片;

按照所述预设方向将所述碰撞卡片移动至位于所述任一卡片之后,且与所述任一卡片不发生碰撞的空余位置。

2.根据权利要求1所述的方法,所述按照所述显示界面上的预设方向对所述显示界面上的卡片进行排序,包括:

当所述显示界面中的卡片被移动时,将该被移动的卡片作为第一个卡片;

对在所述预设方向上位于该被移动的卡片之后的卡片进行排序。

3.根据权利要求1所述的方法,所述按照所述显示界面上的预设方向对所述显示界面上的卡片进行排序,包括:

当监测到满足以下条件中至少之一时,按照所述预设方向对所述显示界面中的所有卡片进行排序:

所述显示界面的尺寸规格发生变化、所述显示界面中的卡片被放大、所述显示界面中的卡片被缩小。

4.根据权利要求3所述的方法,在对所述显示界面上的卡片进行排序之前,所述方法还包括:

将所述显示界面上的卡片沿所述预设方向紧缩;

其中,任一卡片在发生碰撞或者边界与所述显示界面的边界重合的情况下停止紧缩。

5.根据权利要求1所述的方法,所述按照所述预设方向将所述碰撞卡片移动至位于所述任一卡片之后,且与所述任一卡片不发生碰撞的空余位置,包括:

确定位于所述碰撞卡片之后且与所述碰撞卡片发生碰撞的障碍卡片;

按照所述预设方向将所述障碍卡片移动至特定位置,所述特定位置为不与移动至所述空余位置后的所述碰撞卡片发生碰撞的位置;

按照所述预设方向将所述碰撞卡片移动至所述空余位置。

6.根据权利要求5所述的方法,所述确定位于所述碰撞卡片之后且与所述碰撞卡片发生碰撞的障碍卡片,包括:

按照所述预设方向遍历位于所述碰撞卡片之后的卡片;

当遍历过程中的当前卡片未与所述碰撞卡片发生碰撞时,停止遍历操作,并将位于所述当前卡片之前的卡片作为所述障碍卡片。

7.根据权利要求1所述的方法,所述显示界面被按照预设数量的像素点为单位划分为若干栅格,所述显示界面上的卡片以所述栅格为单位进行移动。

8.根据权利要求1所述的方法,当所述预设方向包括所述显示界面上的垂直方向时,在垂直方向上相同的卡片被按照水平方向进行排序,当所述预设方向包括所述显示界面上的水平方向时,在水平方向上相同的卡片被按照垂直方向进行排序。

9.根据权利要求1所述的方法,还包括:

当监测到满足以下条件中至少之一时,调整各卡片承载的可视化元素以适应变化后卡片的宽高:

所述显示界面中的卡片被放大、所述显示界面中的卡片被缩小、所述显示界面的尺寸规格发生变化。

10.一种卡片布局装置,应用于显示设备,所述显示设备的显示界面中包含多个卡片;所述装置包括:

排序单元,按照所述显示界面上的预设方向对所述显示界面上的卡片进行排序;

布局单元,依次针对所述显示界面上的卡片执行解决碰撞操作;其中,针对任一卡片执行的解决碰撞操作包括:

确定与所述任一卡片发生碰撞的碰撞卡片;

按照所述预设方向将所述碰撞卡片移动至位于所述任一卡片之后,且与所述任一卡片不发生碰撞的空余位置。

11.根据权利要求10所述的装置,所述排序单元具体用于:

当所述显示界面中的卡片被移动时,将该被移动的卡片作为第一个卡片;

对在所述预设方向上位于该被移动的卡片之后的卡片进行排序。

12.根据权利要求10所述的装置,所述排序单元具体用于:

当监测到满足以下条件中至少之一时,按照所述预设方向对所述显示界面中的所有卡片进行排序:

所述显示界面的尺寸规格发生变化、所述显示界面中的卡片被放大、所述显示界面中的卡片被缩小。

13.根据权利要求12所述的装置,在对所述显示界面上的卡片进行排序之前,所述装置还包括:

紧缩单元,将所述显示界面上的卡片沿所述预设方向紧缩;

其中,任一卡片在发生碰撞或者边界与所述显示界面的边界重合的情况下停止紧缩。

14.根据权利要求10所述的装置,所述布局单元具体用于:

确定位于所述碰撞卡片之后且与所述碰撞卡片发生碰撞的障碍卡片;

按照所述预设方向将所述障碍卡片移动至特定位置,所述特定位置为不与移动至所述空余位置后的所述碰撞卡片发生碰撞的位置;

按照所述预设方向将所述碰撞卡片移动至所述空余位置。

15.根据权利要求14所述的装置,所述布局单元进一步用于:

按照所述预设方向遍历位于所述碰撞卡片之后的卡片;

当遍历过程中的当前卡片未与所述碰撞卡片发生碰撞时,停止遍历操作,并将位于所述当前卡片之前的卡片作为所述障碍卡片。

16.根据权利要求10所述的装置,所述显示界面被按照预设数量的像素点为单位划分为若干栅格,所述显示界面上的卡片以所述栅格为单位进行移动。

17.根据权利要求10所述的装置,当所述预设方向包括所述显示界面上的垂直方向时,在垂直方向上相同的卡片被按照水平方向进行排序,当所述预设方向包括所述显示界面上的水平方向时,在水平方向上相同的卡片被按照垂直方向进行排序。

18.根据权利要求10所述的装置,还包括:

调整单元,当监测到满足以下条件中至少之一时,调整各卡片承载的可视化元素以适应变化后卡片的宽高:

所述显示界面中的卡片被放大、所述显示界面中的卡片被缩小、所述显示界面的尺寸规格发生变化。

19.一种电子设备,包括:

处理器;

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

其中,所述处理器通过运行所述可执行指令以实现如权利要求1-9中任一项所述的方法。

20.一种计算机可读存储介质,其上存储有计算机指令,该指令被处理器执行时实现如权利要求1-9中任一项所述方法的步骤。


技术总结
本说明书提供一种卡片布局方法及装置、电子设备、存储介质,该方法可以包括:按照所述显示界面上的预设方向对所述显示界面上的卡片进行排序;依次针对所述显示界面上的卡片执行解决碰撞操作;其中,针对任一卡片执行的解决碰撞操作包括:确定与所述任一卡片发生碰撞的碰撞卡片;按照所述预设方向将所述碰撞卡片移动至位于所述任一卡片之后,且与所述任一卡片不发生碰撞的空余位置。

技术研发人员:徐展
受保护的技术使用者:支付宝(杭州)信息技术有限公司
技术研发日:2019.12.31
技术公布日:2020.05.29
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1