一种显示多个内容卡片的方法及终端设备与流程

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

背景技术：

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

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

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

技术实现要素：

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

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

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

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

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

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

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

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

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

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

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

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

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

第四方面，本发明实施例提供了一种计算机存储介质，所述计算机存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面或第一方面的任意一种可能的设计中所述的方法。

第五方面，本发明实施例提供了一种计算机程序产品，其包含指令，当所述程序被计算机所执行时，该指令使得计算机执行上述第一方面或第一方面的任意一种可能的设计中所述的方法。

本发明实施例通过不同的手势实现了内容卡片的层叠模式和浏览模式的快速切换以及浏览模式下不同类型卡片的快速切换，简化了用户的操作手势。

附图说明

图1为本发明实施例提供的一种在终端设备上显示多个叠放的内容卡片的方法流程图；

图2为本发明实施例提供的一种在终端设备上切换内容卡片的方法示意图；

图3为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图；

图4为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图；

图5为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图；

图6为本发明实施例提供的一种在终端设备上切换内容卡片显示模式的方法示意图；

图7为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图；

图8为本发明实施例提供的一种在终端设备上浏览内容卡片的方法示意图；

图9为本发明实施例提供的另一种在终端设备上浏览内容卡片的方法示意图；

图10为本发明实施例提供的另一种在终端设备上切换内容卡片显示模式的方法示意图；

图11为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图；

图12为本发明实施例提供的一种显示多个内容卡片的终端设备结构示意图；

图13为本发明实施例提供的一种的终端设备结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图和实施例，对本发明实施例中的技术方案进行清楚地描述。

在一个示例中，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，多个内容卡片的显示模式包含层叠模式和浏览模式，在层叠模式下，显示当前内容卡片的内容和至少一个叠放的内容卡片的边缘，在浏览模式下，全屏显示当前内容卡片的内容，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，边缘区域包括上边缘区域和下边缘区域。

图1为本发明实施例提供的一种在终端设备上显示多个叠放的内容卡片的方法流程图，如图1，该方法包括：

步骤101，检测手指滑动的起点位置和滑动方向。

步骤102，根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。

在一个示例中，在上述步骤102中，响应于起点位置落入内容卡片的边缘区域，内容卡片的执行动作为将当前内容卡片切换到至少一个叠放的内容卡片中与当前内容卡片相邻的内容卡片。

进一步地，在一个例子中，在上述步骤102中，响应于起点位置落入上边缘区域，且滑动方向为向下，卡片的执行动作为将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片。

图2为本发明实施例提供的一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图2，在上述步骤102中，当前内容卡片处于层叠模式，标题为“主页”，手指滑动的起点位置落入上边缘区域，滑动方向为向下，则内容卡片的执行动作为切换到相邻的上一张标题为“新闻”的内容卡片。

图3为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图3，在上述步骤102中，当前内容卡片处于浏览模式，手指滑动的起点位置落入上边缘区域，滑动方向为向下，则内容卡片的执行动作为切换到相邻的上一张标题为“新闻”的内容卡片。

另一方面，在一个例子中，在上述步骤102中，响应于起点位置落入下边缘区域，且滑动方向为向上，将当前内容卡片切换到至少一个叠放的内容卡片中的下一张内容卡片。

图4为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图4，在上述步骤102中，当前内容卡片处于层叠模式，标题为“音乐”，手指滑动的起点位置在卡片下边缘区域，滑动方向为向上，则内容卡片的执行动作为切换到相邻的下一张标题为“新闻”的内容卡片。

图5为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图5，在上述步骤102中，当前内容卡片处于浏览模式，手指滑动的起点位置在卡片下边缘区域，滑动方向为向上，则内容卡片的执行动作为切换到相邻的下一张标题为“游戏助手”的内容卡片。

在一个示例中，在上述步骤102中，预定区域包括第一预定区域，响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，滑动方向为向上，并且当前内容卡片的上端部落入第一预定区域，则由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容。

图6为本发明实施例提供的一种在终端设备上切换内容卡片显示模式的方法示意图。

在一个例子中，如图6，第一区域为虚线框所示的区域，上端部为标题“主页”的头部，在上述步骤102中，当前内容卡片为标题为“主页”内容卡片，该卡片处于层叠模式，手指滑动的起点位置在卡片的内容显示区域，滑动方向为向上，使得该卡片的标题“主页”的头部进入虚线框所示的区域，则该卡片由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容，用户在切换到浏览模式的同时，可以继续向下浏览。

在一个示例中，在上述步骤102中，响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，并且滑动方向为向下，将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片。

图7为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图7，在上述步骤102中，当前内容卡片为标题为“音乐”内容卡片，该卡片处于层叠模式，手指滑动的起点位置在卡片的内容显示区域，滑动方向为向下，则将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片，即标题为“主页”的内容卡片。

在一个示例中，在上述步骤102中，响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，则在当前内容卡片的内容显示区域中平移卡片内容。

进一步地，在一个例子中，在上述步骤102中，确定卡片的执行动作包括：

响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，滑动方向为向上，则在当前内容卡片的内容显示区域中向上平移卡片内容。

图8为本发明实施例提供的一种在终端设备上浏览内容卡片的方法示意图。

在一个例子中，如图8，在上述步骤102中，当前内容卡片处于浏览模式，内容显示区域中未包含卡片内容的端部，起点位置落入内容显示区域，滑动方向为向上，则在当前内容卡片的内容显示区域中向上平移卡片内容，用户可以继续向下浏览“生日提醒”部分。

进一步地，在一个例子中，在上述步骤102中，确定卡片的执行动作包括：

响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，滑动方向为向下，则在当前内容卡片的内容显示区域中向下平移卡片内容。

图9为本发明实施例提供的另一种在终端设备上浏览内容卡片的方法示意图。

在一个例子中，如图9，在上述步骤102中，当前内容卡片处于浏览模式，内容显示区域中未包含卡片内容的端部，起点位置落入内容显示区域，滑动方向为向下，则在当前内容卡片的内容显示区域中向下平移卡片内容，用户可以继续向上浏览“总结会议”部分。

在一个示例中，在上述步骤102中，预定区域包括第二预定区域，响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，滑动方向为向下，内容显示区域中包含卡片内容的上端部，并且当前内容卡片的上端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。其中，内容卡片的上端部通常有个标题。需要说明的是，第一预定区域和第二预定区域并非同一区域。

图10为本发明实施例提供的另一种在终端设备上切换内容卡片显示模式的方法示意图。

在一个例子中，如图10，第二预定区域为虚线框所示的区域，上端部为标题“主页”的头部，在上述步骤102中，前内容卡片处于浏览模式，标题为“主页”，当前内容显示区域显示有标题“主页”的头部，表明当前显示的界面已经包含该卡片内容的上端部，也就是内容的开始端，手指的滑动起点位置落入内容显示区域，滑动方向为向下，并且使得该卡片的标题“主页”的头部进入虚线框所示的区域，则内容卡片的执行动作为由浏览模式切换回层叠模式。

在一个示例中，在上述步骤102中，预定区域包括第三预定区域，响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，滑动方向为向上，且内容显示区域中包含卡片内容的下端部，并且当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。其中，内容卡片的下端部有表示结尾的字样或图案，比如end等。需要说明的是，第一预定区域，第二预定区域和第三预定区域并非同一区域。

图11为本发明实施例提供的另一种在终端设备上切换内容卡片的方法示意图。

在一个例子中，如图11，第三区域为虚线框所示的区域，当前内容卡片的下端部为标题“end”字样，在上述步骤102中，当前内容卡片处于浏览模式，标题为“主页”，当前内容显示区域显示有“end”字样，表明当前显示的界面已经包含该卡片内容的下端部，也就是内容的结尾端，手指的滑动起点位置落入内容显示区域，滑动方向为向上，并且使得该卡片的“end”字样进入虚线框所示的区域，则内容卡片的执行动作为连续显示相邻内容卡片的内容，即显示上面一张卡片的结尾的流量提醒部分，生日提醒部分，以及下一张内容卡片开始的游戏助手部分。

需要说明的是，在图6,图10和图11所示的实施例中，第一预定区域，第二预定区域和第三预定区域不是指同一区域，这三个区域的划分是为了保证相应的滑动达到一定位置或者一定程度，方便手机将指定动作与滑动幅度较小的误触操作区分开。

在一个示例中，该方法还在手机屏幕上预设置一个重置区域，检测手指的点击位置，确定内容卡片的执行动作还包括：响应于点击位置落入预设的重置区域，且当前内容卡片处于层叠模式，将所述当前内容卡片切换到所述多个内容卡片中的预定一张内容卡片。

在一个例子中，如图2、4、6、7或者10中的任一个层叠模式，图中椭圆区域为重置区域，点击图中椭圆区域，由当前内容卡片切换到预定的某张内容卡片，例如标题为“主页”的内容卡片。

在一个示例中，该方法还在手机屏幕上设置一个重置区域，检测手指的点击位置，确定内容卡片的执行动作还包括：响应于点击位置落入预设的重置区域，且所述当前内容卡片处于浏览模式，将浏览模式切换至层叠模式。

在一个例子中，如图3、5、6、8-11中的任一个浏览模式，图中椭圆区域为重置区域，点击图中椭圆区域，由当前内容卡片切换到层叠模式。

本发明实施例还提供了一种显示多个叠放的内容卡片的终端设备。在一个示例中，多个内容卡片包括当前内容卡片以及至少一个叠放的内容卡片，当前内容卡片的显示区域被划分为边缘区域和内容显示区域，边缘区域包括上边缘区域和下边缘区域。

图12为本发明实施例提供的一种显示多个内容卡片的终端设备结构示意图，如图12，该系统包括检测模块1201，用于检测手指滑动的起点位置和滑动方向；处理模块1202，用于根据显示模式，起点位置与当前内容卡片的内容显示区域的位置关系，滑动方向，以及根据当前内容卡片的上端部或者下端部与预定区域的关系，确定内容卡片的执行动作，执行动作包括以下中的至少一项：在层叠模式和浏览模式之间切换，以及在浏览模式下，连续显示相邻内容卡片的内容，相邻内容卡片包括当前内容卡片以及至少一个叠放的内容卡片中与当前内容卡片中相邻的下一张内容卡片。

在一个示例中，响应于起点位置落入内容卡片的边缘区域，处理模块所执行的内容卡片的执行动作可以是将当前内容卡片切换到至少一个叠放的内容卡片中与当前内容卡片相邻的内容卡片。

进一步地，在一个例子中，处理模块执行的确定卡片的执行动作包括：

响应于起点位置落入上边缘区域，且滑动方向为向下，卡片的执行动作为将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片。

在一个例子中，如图2，当前内容卡片处于层叠模式，标题为“主页”，手指滑动的起点位置落入上边缘区域，滑动方向为向下，则内容卡片的执行动作为切换到相邻的上一张标题为“新闻”的内容卡片。

在一个例子中，如图3，当前内容卡片处于浏览模式，手指滑动的起点位置落入上边缘区域，滑动方向为向下，则内容卡片的执行动作为切换到相邻的上一张标题为“新闻”的内容卡片。

另一方面，在一个例子中，响应于起点位置落入下边缘区域，且滑动方向为向上，将当前内容卡片切换到至少一个叠放的内容卡片中的下一张内容卡片。

在一个例子中，如图4，在上述步骤102中，当前内容卡片处于层叠模式，标题为“音乐”，手指滑动的起点位置在卡片下边缘区域，滑动方向为向上，则内容卡片的执行动作为切换到相邻的下一张标题为“新闻”的内容卡片。

在一个例子中，如图5，在上述步骤102中，当前内容卡片处于浏览模式，手指滑动的起点位置在卡片下边缘区域，滑动方向为向上，则内容卡片的执行动作为切换到相邻的下一张标题为“游戏助手”的内容卡片。

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

在一个例子中，如图6，第一预定区域为虚线框所示的区域，上端部为标题“主页”的头部，当前内容卡片为标题为“主页”内容卡片，该卡片处于层叠模式，手指滑动的起点位置在卡片的内容显示区域，滑动方向为向上，使得该卡片的标题“主页”的头部进入虚线框所示的区域，则该卡片由层叠模式切换到浏览模式，并在当前内容卡片的内容显示区域中向上平移卡片内容，用户在切换到浏览模式的同时，可以继续向下浏览。

在一个示例中，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于层叠模式，起点位置落入内容显示区域，并且滑动方向为向下，将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片。

在一个例子中，如图7，当前内容卡片为标题为“音乐”内容卡片，该卡片处于层叠模式，手指滑动的起点位置在卡片的内容显示区域，滑动方向为向下，则将当前内容卡片切换到至少一个叠放的内容卡片中的上一张内容卡片，即标题为“主页”的内容卡片。

在一个示例中，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，则在当前内容卡片的内容显示区域中平移卡片内容。

进一步地，在一个例子中，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，滑动方向为向上，则在当前内容卡片的内容显示区域中向上平移卡片内容。

在一个例子中，如图8，在上述步骤102中，当前内容卡片处于浏览模式，内容显示区域中未包含卡片内容的端部，起点位置落入内容显示区域，滑动方向为向上，则在当前内容卡片的内容显示区域中向上平移卡片内容，用户可以继续向下浏览“生日提醒”部分。

进一步地，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，且内容显示区域中未包含卡片内容的端部，滑动方向为向下，则在当前内容卡片的内容显示区域中向下平移卡片内容。

在一个例子中，如图9，当前内容卡片处于浏览模式，内容显示区域中未包含卡片内容的端部，起点位置落入内容显示区域，滑动方向为向下，则在当前内容卡片的内容显示区域中向下平移卡片内容，用户可以继续向上浏览“总结会议”部分。

在一个示例中，预定区域包括第二预定区域，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，滑动方向为向下，内容显示区域中包含卡片内容的上端部，并且当前内容卡片的上端部落入第二预定区域，则将当前内容卡片的显示模式由浏览模式切换至层叠模式。其中，内容卡片的上端部通常有个标题。需要说明的是，第一预定区域和第二预定区域并非同一区域。

在一个例子中，如图10，第二预定区域为虚线框所示的区域，上端部为标题“主页”的头部，在上述步骤102中，前内容卡片处于浏览模式，标题为“主页”，当前内容显示区域显示有标题“主页”的头部，表明当前显示的界面已经包含该卡片内容的上端部，也就是内容的开始端，手指的滑动起点位置落入内容显示区域，滑动方向为向下，并且使得该卡片的标题“主页”的头部进入虚线框所示的区域，则内容卡片的执行动作为由浏览模式切换回层叠模式。

在一个示例中，预定区域包括第三预定区域，处理模块执行的确定卡片的执行动作包括：响应于当前内容卡片处于浏览模式，起点位置落入内容显示区域，滑动方向为向上，且内容显示区域中包含卡片内容的下端部，并且当前内容卡片的下端部落入第三预定区域，则连续显示相邻内容卡片的内容，其中，连续显示相邻内容卡片的内容包括显示当前内容卡片的下端部，以及与当前内容卡片相邻的内容卡片的上端部。其中，内容卡片的下端部有表示结尾的字样或图案，比如end等。需要说明的是，第一预定区域，第二预定区域和第三预定区域并非同一区域。

在一个例子中，如图11，第三预定区域为虚线框所示的区域，当前内容卡片的下端部为标题“end”字样，当前内容卡片处于浏览模式，标题为“主页”，当前内容显示区域显示有“end”字样，表明当前显示的界面已经包含该卡片内容的下端部，也就是内容的结尾端，手指的滑动起点位置落入内容显示区域，滑动方向为向上，并且使得该卡片的“end”字样进入虚线框所示的区域，则内容卡片的执行动作为连续显示相邻内容卡片的内容，即显示上面一张卡片的结尾的流量提醒部分，生日提醒部分，以及下一张内容卡片开始的游戏助手部分。

需要说明的是，在图6,图10和图11所示的实施例中，第一预定区域，第二预定区域和第三预定区域不是指同一区域，这三个区域的划分是为了保证相应的滑动达到一定位置或者一定程度，方便手机将指定动作与滑动幅度较小的误触操作区分开。

在一个示例中，在手机屏幕上预设置一个重置区域，检测模块1201检测手指的点击位置，处理模块执行的确定卡片的执行动作还包括：响应于点击位置落入预设的重置区域，且当前内容卡片处于层叠模式，将所述当前内容卡片切换到所述多个内容卡片中的预定一张内容卡片。

在一个例子中，如图2、4、6、7或者10中的任一个层叠模式，图中椭圆区域为重置区域，点击图中椭圆区域，由当前内容卡片切换到预定的某张内容卡片，例如标题为“主页”的内容卡片。

在一个示例中，在手机屏幕上设置一个重置区域，检测模块1201检测手指的点击位置，处理模块执行的确定内容卡片的执行动作还包括：响应于点击位置落入预设的重置区域，且所述当前内容卡片处于浏览模式，将浏览模式切换至层叠模式。

在一个例子中，如图3、5、6、8-11中的任一个浏览模式，图中椭圆区域为重置区域，点击图中椭圆区域，由当前内容卡片切换到层叠模式。

本发明实施例所揭示的方法可应用于多种终端设备。

图13为本发明实施例提供的一种的终端设备结构示意图。该终端设备用于实现上述方法实施例中记载的方法。

本发明实施例的终端设备可以是手机，以手机为例，如图13所示，该发明实施例的电子设备包括如下部分：输入单元1301、处理器单元1302、通信单元1303、输出单元1304、存储单元1305、外设接口1306和电源1307。在本发明实施例中，输入单元1301和输出单元1304都是触控面板，处理器单元1302是处理器，可以是一个或多个手机芯片，存储单元1305是存储器。

输入单元1301用于实现用户与终端设备的交互和/或信息输入到终端设备中。例如，输入单元1301可以接收用户输入的数字或字符信息，以产生与用户设置或功能控制有关的信号输入。在本发明实施例具体实施方式中，输入单元1301可以是触控面板，也可以是其他人机交互界面，例如实体输入键、麦克风等，还可是其他外部信息撷取装置，例如摄像头等。触控面板，也称为触摸屏或触控屏，可收集用户在其上触摸或接近的操作动作。比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或接近触控面板的位置的操作动作，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸操作，并将检测到的触摸操作转换为电信号，以及将电信号传送给触摸控制器；触摸控制器从触摸检测装置上接收电信号，并将它转换成触点坐标，再送给处理器单元1302。触摸控制器还可以接收处理单元发来的命令并执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板。在本发明实施例的其他实施方式中，输入单元1301所采用的实体输入键可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。麦克风形式的输入单元1301可以收集用户或环境输入的语音并将其转换成电信号形式的、处理器单元可执行的命令。

在本发明实施例的其他一些实施方式中，输入单元1301还可以是各类传感器件，例如霍尔器件，用于侦测终端设备的物理量，例如力、力矩、压力、应力、位置、位移、速度、加速度、角度、角速度、转数、转速以及工作状态发生变化的时间等，转变成电量来进行检测和控制。其他的一些传感器件还可以包括重力感应计、三轴加速计、陀螺仪等。

处理器单元1302为终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分，通过运行或执行存储在存储单元1305内的软件程序和/或模块，以及调用存储在存储单元1305内的数据，以执行终端设备的各种功能和/或处理数据。处理器单元1302可以由集成电路组成，例如可以由单颗封装的集成电路所组成，也可以由连接多颗相同功能或不同功能的封装的集成电路而组成。举例来说，处理器单元1302可以仅包括中央处理器，也可以是图形处理器(graphicsprocessingunit，gpu)、数字信号处理器、及通信单元1303中的控制芯片(例如基带芯片)的组合。在本发明实施例实施方式中，中央处理器可以是单运算核心，也可以包括多运算核心。

通信单元1303用于建立通信信道，使终端设备通过通信信道以连接至远程服务器，并从远程服务器下载媒体数据。通信单元1303可以包括无线局域网模块、蓝牙模块、基带模块等通信模块，以及通信模块对应的射频电路，用于进行无线局域网络通信、蓝牙通信、红外线通信及/或蜂窝式通信系统通信，例如宽带码分多重接入(widebandcodedivisionmultipleaccess，wcdma)及/或高速下行封包存取(highspeeddownlinkpacketaccess，hsdpa)。通信模块用于控制终端设备中的各组件的通信，并且可以支持直接内存存取。

在本发明实施例的不同实施方式中，通信单元中的各种通信模块一般以集成电路芯片的形式出现，并可进行选择性组合，而不必包括所有通信模块及对应的天线组。例如，通信单元可以仅包括基带芯片、射频芯片以及相应的天线以在一个蜂窝通信系统中提供通信功能。经由通信单元建立的无线通信连接，例如无线局域网接入或wcdma接入，终端设备可以连接至蜂窝网或因特网。在本发明实施例的一些可选实施方式中，通信单元中的通信模块，例如基带模块可以集成到处理器单元中，典型的如高通公司提供的apq+mdm系列平台。

射频电路用于信息收发或通话过程中接收和发送信号。例如，将基站的下行信息接收后，给处理器单元1302处理；另外，将设计上行的数据发送给基站。通常，射频电路包括用于执行这些功能的公知电路，包括但不限于天线系统、射频收发机、一个或多个放大器、调谐器、一个或多个振荡器、数字信号处理器、编解码芯片组、用户身份模块卡、存储器等等。此外，射频电路还可以通过无线通信与网络和其他设备通信。无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(globalsystemofmobilecommunication，gsm)、通用分组无线服务(generalpacketradioservice，gprs)、码分多址(codedivisionmultipleaccess，cdma)、宽带码分多址(widebandcodedivisionmultipleaccess，wcdma)、高速上行行链路分组接入技术(highspeeduplinkpacketaccess，hsupa)、长期演进(longtermevolution，lte)、电子邮件、短消息服务(shortmessagingservice，sms)等。

输出单元1304包括但不限于影像输出单元和声音输出单元。影像输出单元用于输出文字、图片和/或视频。影像输出单元可包括显示面板，例如采用液晶显示器(liquidcrystaldisplay，lcd)、有机发光二极管(organiclight-emittingdiode，oled)、场发射显示器(fieldemissiondisplay，fed)等形式来配置的显示面板。或者影像输出单元可以包括反射式显示器，例如电泳式显示器，或利用光干涉调变技术的显示器。影像输出单元可以包括单个显示器或不同尺寸的多个显示器。在本发明实施例的具体实施方式中，上述输入单元1301所采用的触控面板亦可同时作为输出单元的显示面板。例如，当触控面板检测到在其上的触摸或接近的手势操作后，传送给处理器单元1302以确定触摸事件的类型，随后处理单元根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图13中，输入单元1301与输出单元是作为两个独立的部件来实现终端设备的输入和输出功能，但是在某些实施例中，可以将触控面板与显示面板集成一体而实现终端设备的输入和输出功能。例如，影像输出单元可以显示各种图形化用户接口(graphicaluserinterface，gui)以作为虚拟控制组件，包括但不限于窗口、卷动轴、图标及剪贴簿，以供用户通过触控方式进行操作。

在本发明实施例具体实施方式中，影像输出单元包括滤波器及放大器，用来将处理器单元1302所输出的视频滤波及放大。音频输出单元包括数字模拟转换器，用来将处理器单元所输出的音频信号从数字格式转换为模拟格式。

存储单元1305可用于存储软件程序以及模块，处理器单元1302通过运行存储在存储单元1305的软件程序以及模块，从而执行终端设备的各种功能应用以及实现数据处理。存储单元1305主要包括程序存储区和数据存储区，其中，程序存储区可存储操作系统、至少一个功能所需的应用程序，比如声音播放程序、图像播放程序等等；数据存储区可存储根据终端设备的使用所创建的数据(比如音频数据、电话本等)等。在本发明实施例具体实施方式中，存储单元1305可以包括易失性存储器，例如非挥发性动态随机存取内存(nonvolatilerandomaccessmemory，nvram)、相变化随机存取内存(phasechangeram，pram)、磁阻式随机存取内存(magetoresistiveram，简称mram)等，还可以包括非易失性存储器，例如至少一个磁盘存储器件、电子可擦除可编程只读存储器(electricallyerasableprogrammableread-onlymemory，eeprom)、闪存器件，例如反或闪存或是反及闪存。非易失存储器储存处理器单元1302所执行的操作系统及应用程序。处理器单元1302从非易失存储器加载运行程序与数据到内存并将数字内容储存于大量储存装置中。操作系统包括用于控制和管理常规系统任务，例如内存管理、存储设备控制、电源管理等，以及有助于各种软硬件之间通信的各种组件和/或驱动器。在本发明实施例实施方式中，操作系统可以是google公司的android系统、apple公司开发的ios系统或microsoft公司开发的windows操作系统等，或者是vxworks这类的嵌入式操作系统。

应用程序包括安装在终端设备上的任何应用，包括但不限于浏览器、电子邮件、即时消息服务、文字处理、键盘虚拟、窗口小部件、加密、数字版权管理、语音识别、语音复制、定位(例如由全球定位系统提供的功能)、音乐播放等等。

电源1307用于给终端设备的不同部件进行供电以维持其运行。作为一般性理解，电源可以是内置的电池，例如常见的锂离子电池、镍氢电池等，也包括直接向终端设备供电的外接电源，例如ac适配器等。在本发明实施例的一些实施方式中，电源还可以作更为广泛的定义，例如还可以包括电源管理系统、充电系统、电源故障检测电路、电源转换器或逆变器、电源状态指示器(如发光二极管)，以及与终端设备的电能生成、管理及分布相关联的其他任何组件。

需要说明的是，用户在使用终端设备时，输入单元1301接收信息或用户输入，存储单元1305储存相应的代码、处理流程相关的配置数据或用户数据，处理器单元1302运行相应的代码，对接收信息进行处理，以生成并输出相应的界面及数据，最后由输出单元1304呈现给用户。

此外，本发明实施例还提供了对所述终端设备的输入单元1301进行改进，特别是对输入单元1301中的显示屏的驱动电路进行改进。

此外，本发明实施例还提供了对所述终端设备的通信单元进行改进，特别是对通信单元中的射频电路进行改进。

此外，本发明实施例通过传感器识别是左手握持手机还是右手握持手机，并根据判断结果对界面进行调整。在本发明实施例一个示例中，输入单元1301为相应的传感器。

需要说明的是，本发明实施例还提供了一种计算机可读存储介质。该计算机可读存储介质上存储有计算机程序，该程序被处理器单元1302执行。

本发明实施例还提供了一种包含指令的计算机程序产品。当该计算机程序产品在计算机上运行时，使得处理器单元1302执行上述图1所述的方法。

结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的软件模块，或者二者的结合来实施。软件指令可以由相应的软件模块组成，软件模块可以被存放于随机存取存储器、闪存、只读存储器、可擦除可编程只读存储器(erasableprogrammableread-onlymemory，eprom)存储器、电可擦可编程只读存储器存储器(英文：electricallyerasableprogrammableread-onlymemory，eeprom)、硬盘、光盘或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。存储介质也可以是处理器的组成部分。处理器和存储介质也可以作为分立组件存在于用户设备中。

以上所述的具体实施方式，对本申请的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本申请的具体实施方式而已，并不用于限定本申请的保护范围，凡在本申请的技术方案的基础之上，所做的任何修改、改进等，均应包括在本申请的保护范围之内。