一种终端中呈现界面的方法和系统技术方案

技术编号:15398827 阅读:119 留言:0更新日期:2017-05-22 22:34
本发明专利技术公开一种终端中呈现界面的方法和系统,方法包括:生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮;将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体;点击首页卡片中功能按钮,卡片层叠下落到显示屏幕的下方区域,对应的功能卡片从卡片层叠中弹出;点击首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面;点击首页卡片中另一功能按钮时,原弹出的功能卡片回落到卡片层叠,新点击的功能卡片从卡片层叠中弹出。本发明专利技术提供的技术方案能够解决无法从一个功能界面直接切换到另一个功能界面的问题。

Method and system for presenting interface in terminal

Method and system interface of the invention discloses a method including: terminal function card corresponding home card function interface and generate the corresponding home interface, home card contains the function button; the home card is placed to the front page, the card behind stacked function cards, cards stacked in the display form, show the card a whole screen function; click home card card button, drop to the bottom of the screen stacked display area, the corresponding function card is ejected from the card stack; non function button area command click home card, card stacking up, pop-up function card return to the card stack, home card in the card stack the front; a function button click home card, the card back to the original function pop-up cards stacked, click new. Cards can pop up from card deck. The technical proposal provided by the invention can solve the problem that the interface can not be directly switched from one function interface to the other functional interface.

【技术实现步骤摘要】
一种终端中呈现界面的方法和系统
本专利技术涉及计算机领域,特别涉及一种终端中呈现界面的方法和系统。
技术介绍
现有技术中,终端呈现界面的方式为,首先呈现首页,在首页中以九宫格的方式呈现各个功能按钮,如图1所示。图1是现有的九宫格式的首页示意图;在图1所示的界面中,每个功能按钮对应一个功能模块,进入每一个功能模块的功能菜单后,能具体显示该功能模块内部的信息。图2是点击图1中功能按钮后进入功能模块的功能界面示意图。其中,功能界面中包含多个菜单。每个菜单中又分别包含多个子菜单。在现有技术中,当进入一个功能界面后,如果需要切换到另一个功能界面,则需要返回到首页,通过首页中功能按钮再进入到另一个功能界面。因此,存在无法从一个功能界面直接切换到另一个功能界面的问题。
技术实现思路
本专利技术提供了一种终端中呈现界面的方法和系统,以解决现有的功能界面间无法直接切换的问题。本专利技术公开了一种终端中呈现界面的方法,该方法包括:生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮;将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体;在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击首页卡片中功能按钮的指令时,卡片层叠下落到显示屏幕的下方区域,点击的功能按钮对应的功能卡片从卡片层叠中弹出;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击下方区域的卡片层叠的首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击首页卡片中另一功能按钮的指令时,原弹出的功能卡片回落到卡片层叠,新点击的功能按钮对应的功能卡片从卡片层叠中弹出。在上述方法中,所述卡片层叠下落到显示屏幕的下方区域具体包括:显示屏幕的下方区域呈现下落的卡片层叠的上部区域;首页卡片中每个功能按钮至少部分呈现于所述上部区域,或者首页卡片中每个功能按钮缩小后,完整呈现于所述上部区域。在上述方法中,所述方法还包括:在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击弹出的功能卡片中的条目项的指令时,从弹出的功能卡片的一个侧边弹出该条目项对应的内容展现界面,内容展现界面覆盖弹出的功能按钮对应的功能卡片。在上述方法中,所述方法还包括:在条目项对应的内容展现界面已从功能卡片的一个侧边弹出的状态下,所述显示屏幕的下方区域的卡片层叠被阴影覆盖,整体作为阴影区域;当接收到点击阴影区域的指令时,所述内容展现界面收回到弹出的功能卡片的侧边。在上述方法中,所述方法还包括:在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击卡片层叠的首页卡片中非功能按钮区域的指令时,缩小该卡片层叠的首页卡片中功能按钮,在显示屏幕的下方区域中显示该卡片层叠的上部区域,所显示的首页卡片的上部区域中包含所述缩小的功能按钮,在显示屏幕显示该卡片层叠的下方区域之外的区域中显示卡片层叠的立体展开队列,并循环将首页卡片和功能卡片从队列中推出进行展示。在上述方法中,所述首页卡片中还包括用于扩展功能的功能扩展接口。本专利技术还公开了一种终端中呈现界面的系统,所述系统包括:卡片生成模块,用于生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮;卡片层叠呈现模块,用于将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体;指令处理模块,用于在显示屏幕中呈现该卡片层叠整体的状态下,当接收到点击首页卡片中功能按钮的指令时,卡片层叠下落到显示屏幕的下方区域,点击的功能按钮对应的功能卡片从卡片层叠中弹出;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击下方区域的卡片层叠的首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击首页卡片中另一功能按钮的指令时,原弹出的功能卡片回落到卡片层叠,新点击的功能按钮对应的功能卡片从卡片层叠中弹出。在上述系统中,指令处理模块,具体用于在卡片层叠下落到显示屏幕的下方区域时,显示屏幕的下方区域呈现下落的卡片层叠的上部区域;其中,首页卡片中每个功能按钮至少部分呈现于所述上部区域,或者首页卡片中每个功能按钮缩小后,完整呈现于所述上部区域。在上述系统中,指令处理模块还用于:在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击弹出的功能卡片中的条目项的指令时,从弹出的功能卡片的一个侧边弹出该条目项对应的内容展现界面,内容展现界面覆盖弹出的功能按钮对应的功能卡片。在上述系统中,指令处理模块还用于:在条目项对应的内容展现界面已从功能卡片的一个侧边弹出的状态下,所述显示屏幕的下方区域的卡片层叠被阴影覆盖,整体作为阴影区域;当接收到点击阴影区域的指令时,所述内容展现界面收回到弹出的功能卡片的侧边。综上所述,本专利技术提供的技术方案能够解决现有的终端界面呈现方式中无法从一个功能界面直接切换到另一个功能界面的问题,能够在显示功能卡片时,通过点击显示屏幕下方首页卡片上的功能按钮,快捷地切换功能卡片,不需要回到首页才能进切换。附图说明图1是现有技术的九宫格式的首页示意图;图2是现有技术中功能界面的示意图;图3是本专利技术中一种终端中呈现界面的方法的流程图;图4是本专利技术中实施例一中的首页卡片的示意图;图5是本专利技术实施例中的动态按钮对应的功能卡片弹出后的界面示意图;图6是本专利技术实施例中的动态按钮对应的功能卡片弹出后的界面示意图;图7为本专利技术实施例中设置按钮对应的功能卡片的界面示意图;图8是动态界面中进入条目一后的界面示意图;图9是本专利技术中实施例中的界面展示示意图;图10是本专利技术中一种终端中呈现界面的系统结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。图3是本专利技术中一种终端中呈现界面的流程图,如图3所述,步骤301,生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮。步骤302,将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体。举例而言,呈现的卡片层叠整体如图4所示。步骤303,在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击首页卡片中功能按钮的指令时,卡片层叠下落到显示屏幕的下方区域,点击的功能按钮对应的功能卡片从卡片层叠中弹出。举例而言,呈现的功能卡片如图5或图6所示。步骤304,在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击下方区域的卡片层叠的首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面。具体而言,恢复到图4所示的界面。步骤305,在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击首页卡片中另一功能按钮的指令时,原弹出的功能卡片回落到本文档来自技高网...
一种终端中呈现界面的方法和系统

【技术保护点】
一种终端中呈现界面的方法,其特征在于,所述方法包括:生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮;将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体;在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击首页卡片中功能按钮的指令时,卡片层叠下落到显示屏幕的下方区域,点击的功能按钮对应的功能卡片从卡片层叠中弹出;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击下方区域的卡片层叠的首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击首页卡片中另一功能按钮的指令时,原弹出的功能卡片回落到卡片层叠,新点击的功能按钮对应的功能卡片从卡片层叠中弹出;所述方法还包括:所述首页卡片中还包括用于扩展功能的功能扩展接口;当使用所述功能扩展接口进行增加功能卡片的过程中,首页卡片始终位于卡片层叠的最前面,新增的功能卡片在卡片层叠中的前后位置可由用户根据喜好和需求调整。...

【技术特征摘要】
1.一种终端中呈现界面的方法,其特征在于,所述方法包括:生成首页界面对应的首页卡片和功能界面对应的功能卡片,首页卡片中包含功能按钮;将首页卡片放置到最前面,首页卡片背后层叠功能卡片,形成卡片层叠,在显示屏幕中呈现该卡片层叠整体;在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击首页卡片中功能按钮的指令时,卡片层叠下落到显示屏幕的下方区域,点击的功能按钮对应的功能卡片从卡片层叠中弹出;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击下方区域的卡片层叠的首页卡片中非功能按钮区域的指令时,卡片层叠上升,弹出的功能卡片回归到卡片层叠中,首页卡片位于卡片层叠最前面;在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击首页卡片中另一功能按钮的指令时,原弹出的功能卡片回落到卡片层叠,新点击的功能按钮对应的功能卡片从卡片层叠中弹出;所述方法还包括:所述首页卡片中还包括用于扩展功能的功能扩展接口;当使用所述功能扩展接口进行增加功能卡片的过程中,首页卡片始终位于卡片层叠的最前面,新增的功能卡片在卡片层叠中的前后位置可由用户根据喜好和需求调整。2.根据权利要求1所述的方法,其特征在于,所述卡片层叠下落到显示屏幕的下方区域具体包括:显示屏幕的下方区域呈现下落的卡片层叠的上部区域;首页卡片中每个功能按钮至少部分呈现于所述上部区域,或者首页卡片中每个功能按钮缩小后,完整呈现于所述上部区域。3.根据权利要求1所述的方法,其特征在于,所述方法还包括:在功能卡片已从卡片层叠中弹出,卡片层叠已下落到显示屏幕的下方区域的状态下,当接收到点击弹出的功能卡片中的条目项的指令时,从弹出的功能卡片的一个侧边弹出该条目项对应的内容展现界面,内容展现界面覆盖弹出的功能按钮对应的功能卡片。4.根据权利要求3所述的方法,其特征在于,所述方法还包括:在条目项对应的内容展现界面已从功能卡片的一个侧边弹出的状态下,所述显示屏幕的下方区域的卡片层叠被阴影覆盖,整体作为阴影区域;当接收到点击阴影区域的指令时,所述内容展现界面收回到弹出的功能卡片的侧边。5.根据权利要求1所述的方法,其特征在于,所述方法还包括:在显示屏幕中呈现卡片层叠整体的状态下,当接收到点击卡片层叠的首页卡片中非功能按钮区域的指令时,缩小该卡片层叠的首页卡片中功能按钮,在显示屏幕的下方区域中显示该卡片层叠的上部区域...

【专利技术属性】
技术研发人员:裴晓磊方圆
申请(专利权)人:北京新媒传信科技有限公司
类型:发明
国别省市:北京,11

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

1