System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 卡片显示方法、计算机设备和计算机可读存储介质技术_技高网

卡片显示方法、计算机设备和计算机可读存储介质技术

技术编号:44063657 阅读:1 留言:0更新日期:2025-01-17 16:03
本申请公开一种卡片显示方法、计算机设备和计算机可读存储介质,属于终端技术领域。该方法包括:响应于将第一卡片拖拽至堆叠态的卡片集的显示区域的第一拖拽操作,在卡片集中增加与第一卡片的卡片数据相同且处于隐藏状态的目标卡片,将卡片集由堆叠态拉伸为展开态。在卡片集处于展开态的情况下,若第一拖拽操作结束时第一卡片的拖拽位置位于卡片集的显示区域,则根据第一卡片的拖拽位置调整目标卡片在卡片集中的排序位置,在调整目标卡片为可见状态后显示卡片集中的每个卡片,从而实现第一卡片在卡片集中的插入。本申请中用户通过拖拽第一卡片可实现对卡片插入位置的调整,从而便于用户使用。如此提高了在卡片集中插入卡片时的灵活性和便捷性。

【技术实现步骤摘要】

本申请涉及终端,特别涉及一种卡片显示方法、计算机设备和计算机可读存储介质


技术介绍

1、随着终端技术的不断发展,诸如手机、平板电脑等终端已经成为人们日常生活中不可或缺的一部分。为了便于用户方便快速的查看和使用终端中安装的各类应用程序的服务,可以针对各个应用程序生成对应的卡片,并在终端界面显示这些卡片。

2、目前,终端将多个卡片聚合为卡片集进行显示,以节省终端界面空间。用户若需要在卡片集中插入卡片,则可以将该卡片拖拽至堆叠态的卡片集的显示区域。这种情况下,终端会将该卡片作为排序最前的卡片插入卡片集中,如此该卡片会显示在卡片集中的最上层。

3、上述方式中,用户在卡片集中插入卡片时无法调整卡片插入位置,这造成用户使用不便。


技术实现思路

1、本申请提供了一种卡片显示方法、计算机设备和计算机可读存储介质,可以提高在卡片集中插入卡片时的灵活性和便捷性。所述技术方案如下:

2、第一方面,提供了一种卡片显示方法。在该方法中,响应于将第一卡片拖拽至堆叠态的卡片集的显示区域的第一拖拽操作,在该卡片集中增加目标卡片,然后将该卡片集由堆叠态拉伸为展开态,目标卡片为隐藏状态,且目标卡片的卡片数据与第一卡片的卡片数据相同。在该卡片集处于展开态的情况下,若第一拖拽操作结束且在第一拖拽操作结束时第一卡片的拖拽位置位于该卡片集的显示区域,则根据第一卡片的拖拽位置调整目标卡片在该卡片集中的排序位置,在调整目标卡片为可见状态后显示该卡片集中的每个卡片。

3、目标卡片为隐藏状态时目标卡片不可见,比如,可以通过将目标卡片的透明度设置为全透明来实现目标卡片的隐藏状态。

4、可选地,在该卡片集中增加目标卡片时,可以将目标卡片作为排序最后的卡片增加到该卡片集中。这种情况下,目标卡片在该卡片集中的排序位置为最后一位。

5、在本申请中,响应于将第一卡片拖拽至堆叠态的卡片集的显示区域的第一拖拽操作,在该卡片集中增加卡片数据与第一卡片的卡片数据相同且处于隐藏状态的目标卡片,然后将该卡片集由堆叠态拉伸为展开态。这样用户可以获知该卡片集中存在哪些卡片,便于用户确定卡片插入位置。在该卡片集处于展开态的情况下,若第一拖拽操作结束且在第一拖拽操作结束时第一卡片的拖拽位置位于该卡片集的显示区域,则根据第一卡片的拖拽位置调整目标卡片在该卡片集中的排序位置,在调整目标卡片为可见状态后显示该卡片集中的每个卡片,如此,就实现了第一卡片在该卡片集中的插入。由于目标卡片在该卡片集中的排序位置是根据第一卡片的拖拽位置调整的,所以用户通过拖拽第一卡片就可以实现对卡片插入位置的调整,从而便于用户使用。如此,提高了在卡片集中插入卡片时的灵活性和便捷性。

6、可选地,将该卡片集由堆叠态拉伸为展开态之后,在该卡片集处于展开态的情况下,若第一拖拽操作未结束,则周期性获取第一卡片的拖拽位置;每获取到第一卡片的拖拽位置,根据第一卡片的拖拽位置调整目标卡片在该卡片集中的排序位置,在保持目标卡片为隐藏状态的情况下显示该卡片集中的每个卡片。

7、在本申请中,在该卡片集处于展开态的情况下,若第一拖拽操作未结束,说明用户还在持续拖拽第一卡片。这种情况下,可以周期性获取第一卡片的拖拽位置,以根据第一卡片的拖拽位置不断调整目标卡片在该卡片集中的排序位置,如此就实现了对卡片插入位置的调整。

8、其中,根据第一卡片的拖拽位置调整目标卡片在该卡片集中的排序位置的操作可以为:若第一卡片的拖拽位置位于该卡片集中的一个卡片的显示区域,则获取第一排序位置和第二排序位置,第一排序位置为这个卡片在该卡片集中当前的排序位置,第二排序位置为目标卡片在该卡片集中当前的排序位置;若第一排序位置在第二排序位置前面,则将排序在第一排序位置的卡片以及排序在第一排序位置后且在第二排序位置前的所有卡片在该卡片集中的排序位置均向后移一位,将目标卡片在该卡片集中的排序位置调整为第一排序位置;若第一排序位置在第二排序位置后面,则将排序在第一排序位置的卡片以及排序在第二排序位置后且在第一排序位置前的所有卡片在该卡片集中的排序位置均向前移一位,将目标卡片在该卡片集中的排序位置调整为第一排序位置。

9、在本申请中,若第一卡片的拖拽位置位于该卡片集中的一个卡片的显示区域,说明用户想要的卡片插入位置很有可能是这个卡片在该卡片集中当前的排序位置,因而可以将目标卡片在该卡片集中的排序位置调整为这个卡片在该卡片集中当前的排序位置,并顺移该卡片集中的其他卡片在该卡片集中的排序位置。

10、其中,将该卡片集由堆叠态拉伸为展开态的操作可以为:周期性获取第一动效系数,第一动效系数用于指示该卡片集的拉伸进度;每获取到一个第一动效系数,根据最新获取到的第一动效系数、该卡片集中每个卡片的堆叠属性值和展开属性值,确定该卡片集中每个卡片的拉伸属性值,根据该卡片集中每个卡片的拉伸属性值显示每个卡片。

11、该卡片集中每个卡片的拉伸属性值是指该卡片集在拉伸态时每个卡片的属性值。由于周期性获取第一动效系数,且第一动效系数是不断增大的,所以根据周期性获取到的第一动效系数确定出的该卡片集中每个卡片的拉伸属性值也是不断变化的。这种情况下,根据该卡片集中每个卡片的不断变化的拉伸属性值显示每个卡片,即实现了对每个卡片的动态显示,从而也就实现了对该卡片集的拉伸,呈现出了该卡片集的拉伸动效。

12、在本申请中,由于是根据第一动效系数自动实现对该卡片集的拉伸的,因而不会对该卡片集在界面中的位置造成限制。也就是说,本申请中堆叠态的卡片集可以位于界面中的任意位置,如可以位于界面的顶部、底部、中间位置等,无论堆叠态的卡片集位于界面中的哪个位置,本申请均可以在用户将第一卡片拖拽至堆叠态的卡片集时自动将卡片集进行拉伸至展开。如此,提高了卡片集使用时的灵活性和便捷性。

13、示例地,卡片的展开属性值包括展开位置,卡片的展开位置为卡片的左上角顶点的位置坐标,该方法还包括:根据展开态卡片宽度确定该卡片集中每个卡片的展开位置的横坐标;根据展开态卡片高度、卡片间隔高度和该卡片集中每个卡片的排序序号确定该每个卡片的展开位置的纵坐标,该卡片间隔高度为展开态的该卡片集中所展开的相邻两个卡片之间的间隔的高度。

14、可选地,将该卡片集由堆叠态拉伸为展开态之后,在该卡片集处于展开态的情况下,若第一拖拽操作结束且在第一拖拽操作结束时第一卡片的拖拽位置未位于该卡片集的显示区域,则删除该卡片集中的目标卡片,将该卡片集由展开态收缩为堆叠态。

15、在本申请中,若第一拖拽操作结束时第一卡片的拖拽位置未位于该卡片集的显示区域,说明用户不想要插入卡片了,因而可以删除该卡片集中的目标卡片,之后,可以将该卡片集由展开态收缩为堆叠态。该卡片集收缩至堆叠态后可以节省界面空间,从而便于对其他卡片的显示。

16、可选地,该方法还包括:响应于对展开态的该卡片集中的第二卡片的第二拖拽操作,在第二拖拽操作未结束的情况下周期性获取第二卡片的拖拽位置;每获取到第二卡片的拖拽位本文档来自技高网...

【技术保护点】

1.一种卡片显示方法,其特征在于,所述方法包括:

2.如权利要求1所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态之后,还包括:

3.如权利要求1或2所述的方法,其特征在于,所述根据所述第一卡片的拖拽位置调整所述目标卡片在所述卡片集中的排序位置,包括:

4.如权利要求1至3任一所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态,包括:

5.如权利要求4所述的方法,其特征在于,所述卡片的展开属性值包括展开位置,所述卡片的展开位置为所述卡片的左上角顶点的位置坐标,所述方法还包括:

6.如权利要求1至5任一所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态之后,还包括:

7.如权利要求1至6任一所述的方法,其特征在于,所述方法还包括:

8.如权利要求6或7所述的方法,其特征在于,所述将所述卡片集由展开态收缩为堆叠态,包括:

9.一种卡片显示方法,其特征在于,所述方法包括:

10.如权利要求9所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态之后,还包括:

11.如权利要求9或10所述的方法,其特征在于,所述方法还包括:

12.如权利要求9至11任一所述的方法,其特征在于,所述方法还包括:

13.一种计算机设备,其特征在于,所述计算机设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1至12任意一项所述的方法。

14.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行如权利要求1至12任意一项所述的方法。

...

【技术特征摘要】

1.一种卡片显示方法,其特征在于,所述方法包括:

2.如权利要求1所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态之后,还包括:

3.如权利要求1或2所述的方法,其特征在于,所述根据所述第一卡片的拖拽位置调整所述目标卡片在所述卡片集中的排序位置,包括:

4.如权利要求1至3任一所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态,包括:

5.如权利要求4所述的方法,其特征在于,所述卡片的展开属性值包括展开位置,所述卡片的展开位置为所述卡片的左上角顶点的位置坐标,所述方法还包括:

6.如权利要求1至5任一所述的方法,其特征在于,所述将所述卡片集由堆叠态拉伸为展开态之后,还包括:

7.如权利要求1至6任一所述的方法,其特征在于,所述方法还包括:

8.如权利要求6或7...

【专利技术属性】
技术研发人员:舒炜
申请(专利权)人:荣耀终端有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1