一种卡片位置切换方法及终端技术

技术编号:39323999 阅读:25 留言:0更新日期:2023-11-12 16:03
一种卡片位置切换方法及终端,该方法包括:在触摸屏的预设区域显示第一卡片列表,第一卡片列表包括N个卡片中的至少两个卡片,至少两个卡片包括第一卡片和与第一卡片相邻的第二卡片;接收到作用于第一卡片列表中的第一卡片的第一操作;响应于第一操作,将预设区域从显示第一卡片列表切换为显示第二卡片列表,第二卡片列表至少包括第一卡片列表中的所有卡片,其中第一卡片处于选中状态,若N个卡片中位于第二卡片第一侧的所有卡片无法均完整显示在第二卡片的第一侧时,则第二卡片列表中位于第二卡片第一侧的至少部分卡片层叠显示。这样可以在切换预设区域内的任一个卡片的序号位置时缩短卡片切换的操作时间和操作距离,提升用户的使用体验。升用户的使用体验。升用户的使用体验。

【技术实现步骤摘要】
一种卡片位置切换方法及终端


[0001]本申请涉及电子
,尤其涉及一种卡片位置切换方法及终端。

技术介绍

[0002]卡片作为一个大小可伸缩的容器,可集中承载一种元素或以一种元素为核心的一小组元素。随着终端的屏幕上的卡片数量增多,卡片位置切换操作不够便捷。目前,卡片位置切换操作以长按目标卡片拖动到具体位置的方式为主,在卡片数量较多的情况下,拖动目标卡片移动至具体位置并推挤开具体位置附近的卡片,这个拖动过程需要用户长按并拖动卡片的距离与时间都较长,甚至导致容易在切换卡片位置的过程中导致流程的中断,给交互带来了不便,影响用户的体验。

技术实现思路

[0003]本申请实施例提供一种卡片位置切换方法及终端,用以缩短卡片切换的操作时间和距离,提升用户的使用体验。
[0004]第一方面,本申请实施例提供一种卡片位置切换方法,该方法应用于具有触摸屏的终端,终端包括依次排列的N个卡片,N为大于或等于2的整数;该方法包括:在触摸屏的预设区域显示第一卡片列表,第一卡片列表包括N个卡片中的至少两个卡片,至少两个卡片包括第一卡片和与第一卡本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种卡片位置切换方法,其特征在于,应用于具有触摸屏的终端,所述终端包括N个卡片,所述N为大于或等于2的整数;所述方法包括:在所述触摸屏的预设区域显示第一卡片列表,所述第一卡片列表包括所述N个卡片中的至少两个卡片,所述至少两个卡片包括第一卡片和与所述第一卡片相邻的第二卡片;接收到作用于所述第一卡片列表中的第一卡片的第一操作;响应于所述第一操作,将所述预设区域从显示所述第一卡片列表切换为显示第二卡片列表,所述第二卡片列表至少包括所述第一卡片列表中的所有卡片,其中所述第一卡片处于选中状态;其中,若所述N个卡片中位于所述第二卡片第一侧的所有卡片无法均完整显示在所述第二卡片的第一侧时,则所述第二卡片列表中位于所述第二卡片第一侧的至少部分卡片层叠显示。2.如权利要求1所述的方法,其特征在于,若所述N个卡片中位于所述第二卡片第一侧的所有卡片的尺寸以及卡片间距的总和小于或等于所述第二卡片第一侧的屏幕剩余长度,则所述第二卡片列表中位于所述第二卡片第一侧的所有卡片均完整显示。3.如权利要求1或2所述的方法,其特征在于,所述方法还包括:当所述第二卡片列表中位于所述第二卡片第一侧的至少部分卡片层叠显示时,通过以下方式计算层叠尺寸,所述层叠尺寸为层叠显示的卡片在排列方向上显示的长度:若所述N个卡片中位于所述第二卡片第一侧的所有卡片以及卡片间距的总和大于所述第二卡片第一侧的屏幕剩余长度,则所述第二卡片列表中所述第二卡片第一侧的卡片以预设阈值作为层叠尺寸进行层叠显示;或者,若所述N个卡片中位于所述第二卡片第一侧的所有卡片以及卡片间距的总和大于所述第二卡片第一侧的屏幕剩余长度、且根据所述屏幕剩余长度和所述第二卡片第一侧的卡片数量计算得到的平均层叠尺寸大于或等于所述预设阈值,则所述第二卡片列表中所述第二卡片第一侧的卡片以所述平均层叠尺寸作为层叠尺寸进行层叠显示;或者,若所述N个卡片中位于所述第二卡片第一侧的所有卡片以及卡片间距的总和大于所述第二卡片第一侧的屏幕剩余长度、且根据所述屏幕剩余长度和所述第二卡片第一侧的卡片数量计算得到的平均层叠尺寸小于所述预设阈值,则所述第二卡片列表中所述第二卡片第一侧的卡片以所述预设阈值作为层叠尺寸进行层叠显示。4.如权利要求3所述的方法,其特征在于,若所述第二卡片第一侧的卡片的尺寸一致,则所述预设阈值为卡片尺寸的一半;或者,若所述第二卡片第一侧的卡片的尺寸不一致,则所述预设阈值为最小卡片尺寸的一半;或者,若所述第二卡片第一侧的卡片的尺寸不一致,每种尺寸对应一个所述预设阈值,所述预设阈值是卡片尺寸...

【专利技术属性】
技术研发人员:郝华奇潘雪曼
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:

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

1