内容卡片的滑动切换方法、装置、终端及存储介质制造方法及图纸

本申请实施例公开了一种内容卡片的滑动切换方法、装置、终端及存储介质，属于人机交互领域。所述方法包括：通过手势层获取目标手势，所述手势层位于视图层上层，所述视图层用于显示内容卡片；对所述目标手势进行手势识别，得到手势识别结果；响应于所述手势识别结果为滑动手势，基于所述滑动手势控制所述视图层中显示的第一内容卡片滑动；响应于所述滑动手势结束，且满足卡片切换条件，控制所述视图层切换显示第二内容卡片。通过使用本申请实施例提供的技术方案，可以在使用较少组件的情况下，实现对内容卡片的切换，且切换效果的稳定性高。且切换效果的稳定性高。且切换效果的稳定性高。

【技术实现步骤摘要】
内容卡片的滑动切换方法、装置、终端及存储介质


[0001]本申请实施例涉及人机交互领域，特别涉及一种内容卡片的滑动切换方法、装置、终端及存储介质。

技术介绍

[0002]随着视图效果技术的高速发展，越来越多的用户可以通过手机应用程序观看直播或者短视频，许多应用程序以内容卡片列表的形式展示播放内容，用户只需滑动切换不同的内容卡片就可以观看不同的播放内容，其中播放内容可以是直播、短视频以及图片组等。
[0003]目前，相关技术中，用户可以通过手势对屏幕显示区域播放的内容卡片进行切换，其中内容卡片列表的层叠效果和内容卡片的切换主要是多种组件共同协作完成的。
[0004]然而，在使用上述方法实现对内容卡片列表的层叠和对内容卡片的切换时，需要在多个组件间来回传递处理事件，导致切换流程的实现复杂度较高。

技术实现思路

[0005]本申请实施例提供了一种内容卡片的滑动切换方法、装置、终端及存储介质，能够在仅使用手势层和视图层对应组件的情况下，实现内容卡片的切换，降低内容卡片滑动切换的实现复杂度。所述技术方案如下：
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种内容卡片的滑动切换方法，其特征在于，所述方法包括：通过手势层获取目标手势，所述手势层位于视图层上层，所述视图层用于显示内容卡片；对所述目标手势进行手势识别，得到手势识别结果；响应于所述手势识别结果为滑动手势，基于所述滑动手势控制所述视图层中显示的第一内容卡片滑动；响应于所述滑动手势结束，且满足卡片切换条件，控制所述视图层切换显示第二内容卡片。2.根据权利要求1所述的方法，其特征在于，所述响应于所述手势识别结果为滑动手势，基于所述滑动手势控制所述视图层中显示的第一内容卡片滑动，包括：响应于所述手势识别结果为所述滑动手势，确定所述滑动手势的滑动方向以及滑动距离；基于所述滑动方向以及所述滑动距离确定卡片滑动方式；按照所述卡片滑动方式控制所述第一内容卡片沿所述滑动方向滑动。3.根据权利要求2所述的方法，其特征在于，所述基于所述滑动方向以及所述滑动距离确定卡片滑动方式，包括：基于所述滑动方向确定卡片旋转方向，所述卡片旋转方向包括顺时针旋转和逆时针旋转；基于所述滑动距离确定卡片平移距离以及卡片旋转角度，所述卡片平移距离与所述滑动距离呈正相关关系，所述卡片旋转角度与所述滑动距离呈正相关关系；所述按照所述卡片滑动方式控制所述第一内容卡片沿所述滑动方向滑动，包括：基于所述卡片平移距离控制所述第一内容卡片沿所述滑动方向移动，以及基于所述卡片旋转角度控制所述第一内容卡片在移动过程中沿所述卡片旋转方向旋转。4.根据权利要求3所述的方法，其特征在于，所述基于所述滑动方向确定卡片旋转方向，包括：确定所述滑动手势的滑动起点区域，所述滑动起点区域包括卡片上半部区域和卡片下半部区域；基于所述滑动起点区域和所述滑动方向确定所述卡片旋转方向，其中，所述滑动方向相同，且所述滑动起点区域不同时，所述卡片旋转方向不同。5.根据权利要求2所述的方法，其特征在于，所述方法还包括：响应于所述滑动手势结束，且满足所述卡片切换条件，基于所述滑动方向和所述卡片滑动方式确定所述第一内容卡片的终点坐标，所述终点坐标为所述第一内容卡片滑出屏幕显示区域时的坐标；基于所述终点坐标控制所述第一内容卡片进行手势顺延滑动。6.根据权利要求1至5任一所述的方法，其特征在于，所述方法还包括：响应于所述手势识别结果为所述滑动手势，调整所述第二内容卡片的显示位置，其中，调整后所述第二内容卡片的显示位置与所述第一内容卡片的显示位置重合，且所述第二内容卡片位于所述第一内容卡片下方，所述第一内容卡片的显示优先级高于所述第二内容卡片的显示优先级；
基于所述滑动手势对所述第二内容卡片进行缩放处理。7.根据权利要求6所述的方法，其特征在于，所述基于所述滑动手势对所述第二内容卡片进行缩放处理，包括：基于所述滑动手势的滑动距离，确定缩放比例，所述缩放比例与所述滑动距离呈正相关关系...

【专利技术属性】
技术研发人员：刘导安，
申请(专利权)人：百果园技术新加坡有限公司，
类型：发明
国别省市：