[发明专利]一种显示多个内容卡片的方法及终端设备

说明书

本发明实施例涉及一种显示多个内容卡片的方法及终端设备，多个内容卡片包括当前内容卡片和至少一个叠放的内容卡片，内容卡片的显示模式包含层叠模式和浏览模式，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，该方法包括：检测手指滑动的起点位置和滑动方向；根据显示模式，起点位置与当前内容卡片显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容。

技术领域

本发明涉及多媒体技术领域，尤其涉及一种显示多个内容卡片的方法和终端设备。

背景技术

卡片式的布局能够将信息、图片、文本、操作按钮、链接等多种元素整合到一张卡片中。这样，用户可以对卡片进行移动或者分层操作。正是基于这种卡片式的布局，使得内容的呈现更加直观，同时，也做到了对不同内容区分显示，使得用户也更容易准确地进行操作。例如，用户可以从整合有多种元素的卡片中准确选中需要进行移动的操作按钮，并将该操作按钮移动到显示界面的底部。又例如，用户也可以从整合有多种元素的卡片中准确选中需要进行分层的文本，将该选中的文本拖动到显示界面的最上层并放大显示，以方便用户阅读。

现有卡片的应用主要有两种形式。一种是瀑布流式的内容卡片样式，单张卡片是小的内容元。这种布局适合于小数据块，每个数据块内容相近。通常，随着页面滚动条向下滚动，不断加载数据块至当前显示界面的底部，用户在短时间内可以浏览多个内容单元的内容。第二种是用卡片进行分类展示。卡片重叠在不同的层，用户点击感兴趣的卡片，点击后进入对应卡片的全屏预览界面，方便用户阅读感兴趣的卡片内容。

通常而言，目前存在的内容卡片样式，虽然可以同时展示多个卡片内容以方便用户阅读，但因为相对不同分类卡片切换有一定延迟，用户难以获得及时反馈和良好的用户体验。

发明内容

本发明实施例提供了一种在终端设备上显示多个叠放的内容卡片的方法和系统，可以快速切换多个内容卡片以及浏览内容卡片的内容。

第一方面，本发明实施例提供了一种在终端设备上显示多个内容卡片的方法，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示当前内容卡片的内容，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，该方法包括：检测手指滑动的起点位置和滑动方向；根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。

在一种可能的实施方式中，预定区域包括第一预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，滑动方向为向上，并且当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容。

在一种可能的实施方式中，预定区域包括第二预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的上端部，滑动方向为向下，并且当前内容卡片的下端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。

在一种可能的实施方式中，预定区域包括第三预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的下端部，滑动方向为向上，并且当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。