一种显示多个内容卡片的方法及终端设备技术

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

【技术实现步骤摘要】
一种显示多个内容卡片的方法及终端设备
本专利技术涉及多媒体
，尤其涉及一种显示多个内容卡片的方法和终端设备。
技术介绍
卡片式的布局能够将信息、图片、文本、操作按钮、链接等多种元素整合到一张卡片中。这样，用户可以对卡片进行移动或者分层操作。正是基于这种卡片式的布局，使得内容的呈现更加直观，同时，也做到了对不同内容区分显示，使得用户也更容易准确地进行操作。例如，用户可以从整合有多种元素的卡片中准确选中需要进行移动的操作按钮，并将该操作按钮移动到显示界面的底部。又例如，用户也可以从整合有多种元素的卡片中准确选中需要进行分层的文本，将该选中的文本拖动到显示界面的最上层并放大显示，以方便用户阅读。现有卡片的应用主要有两种形式。一种是瀑布流式的内容卡片样式，单张卡片是小的内容元。这种布局适合于小数据块，每个数据块内容相近。通常，随着页面滚动条向下滚动，不断加载数据块至当前显示界面的底部，用户在短时间内可以浏览多个内容单元的内容。第二种是用卡片进行分类展示。卡片重叠在不同的层，用户点击感兴趣的卡片，点击后进入对应卡片的全屏预览界面，方便用户阅读感兴趣的卡片内容。通常而言，目前存在的内容卡片样式，虽然可以同时展示多个卡片内容以方便用户阅读，但因为相对不同分类卡片切换有一定延迟，用户难以获得及时反馈和良好的用户体验。
技术实现思路
本专利技术实施例提供了一种在终端设备上显示多个叠放的内容卡片的方法和系统，可以快速切换多个内容卡片以及浏览内容卡片的内容。第一方面，本专利技术实施例提供了一种在终端设备上显示多个内容卡片的方法，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示当前内容卡片的内容，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，该方法包括：检测手指滑动的起点位置和滑动方向；根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。在一种可能的实施方式中，预定区域包括第一预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，滑动方向为向上，并且当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容。在一种可能的实施方式中，预定区域包括第二预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的上端部，滑动方向为向下，并且当前内容卡片的下端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。在一种可能的实施方式中，预定区域包括第三预定区域，确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的下端部，滑动方向为向上，并且当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。第二方面，本专利技术实施例提供了一种显示多个内容卡片的终端设备，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示当前内容卡片的内容，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，该装置包括：检测模块，用于检测手指滑动的起点位置和滑动方向；处理模块，用于根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。在一种可能的实施方式中，预定区域包括第一预定区域，处理模块执行确定内容卡片的执行动作包括：响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，滑动方向为向上，并且当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容。在一种可能的实施方式中，预定区域包括第二预定区域，处理模块执行确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的上端部，滑动方向为向下，并且当前内容卡片的下端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。在一种可能的实施方式中，预定区域包括第三预定区域，处理模块执行确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的下端部，滑动方向为向上，并且当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。第三方面，本专利技术实施例提供了一种显示多个内容卡片的终端设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示当前内容卡片的内容，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，处理器执行所述程序时实现：检测手指滑动的起点位置和滑动方向；根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。在一种可能的实施方式中，预定区域包括第一预定区域，处理器执行确定内容卡片的执行动作包括：响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，滑动方向为向上，并且当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容。在一种可能的实施方式中，预定区域包括第二预定区域，处理器执行确定内容卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，内容显示区域中包含卡片内容的上端部，滑动方向为向下，并且当前内容卡片的上端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。在一种可能的实施本文档来自技高网...

【技术保护点】
1.一种在终端设备上显示多个内容卡片的方法，其特征在于，所述多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，所述多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和所述至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示所述当前内容卡片的内容，所述当前内容卡片的显示区域被划分为边缘区域和内容显示区域，所述方法包括：检测手指滑动的起点位置和滑动方向；根据所述显示模式，所述起点位置与所述当前内容卡片的内容显示区域的位置关系，所述滑动方向，以及根据所述当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，所述执行动作包括以下中的至少一项：在所述层叠模式和所述浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，所述相邻内容卡片包括当前内容卡片以及所述至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。

【技术特征摘要】
2017.10.09 CN 20171093180321.一种在终端设备上显示多个内容卡片的方法，其特征在于，所述多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，所述多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和所述至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示所述当前内容卡片的内容，所述当前内容卡片的显示区域被划分为边缘区域和内容显示区域，所述方法包括：检测手指滑动的起点位置和滑动方向；根据所述显示模式，所述起点位置与所述当前内容卡片的内容显示区域的位置关系，所述滑动方向，以及根据所述当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，所述执行动作包括以下中的至少一项：在所述层叠模式和所述浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，所述相邻内容卡片包括当前内容卡片以及所述至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。2.如权利要求1所述的方法，所述预定区域包括第一预定区域，其特征在于，所述确定内容卡片的执行动作包括：响应于所述当前内容卡片处于层叠模式，所述起点位置落入所述内容显示区域，所述滑动方向为向上，并且所述当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移所述卡片内容。3.如权利要求1或2所述的方法，所述预定区域包括第二预定区域，其特征在于，所述确定内容卡片的执行动作包括：响应于所述当前内容卡片处于浏览模式，所述起点位置落入所述内容显示区域，所述内容显示区域中包含卡片内容的上端部，所述滑动方向为向下，并且所述当前内容卡片的上端部落入第二预定区域，则将所述当前内容卡片的显示模式由浏览模式切换至层叠模式。4.如权利要求1-3任意一项所述的方法，所述预定区域包括第三预定区域，其特征在于，所述确定内容卡片的执行动作包括：响应于所述当前内容卡片处于浏览模式，所述起点位置落入所述内容显示区域，且所述内容显示区域中包含卡片内容的下端部，所述滑动方向为向上，并且所述当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。5.一种显示多个内容卡片的终端设备，其特征在于，所述多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，所述多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和所述至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示所述当前内容卡片的内容，所述当前内容卡片的显示区域被划分为边缘区域和内容显示区域，所述装置包括：检测模块，用于检测手指滑动的起点位置和滑动方向；处理模块，用于根据所述显示模式，所述起点位置与所述当前内容卡片的内容显示区域的位置关系，所述滑动方向，以及根据所述当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，所述执行动作包括以下中的至少一项：在所述层叠模式和所述浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，所述相邻内容卡片包括当前内容卡片以及所述至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。6.如权利要求5所述的终端设备，所述预定区域包括第一预定区域，其特征在于，所述处理模块执行所述确定内容卡片的执行动作包括：响应于所述当前内容卡片处于层叠模式，所述起点位置落入所述内容显示区域，所述滑动方向为向上，并且所述当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容...

【专利技术属性】
技术研发人员：黄丽薇，钱凯，杨之言，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东,44