应用界面及控制应用界面操作的方法和装置
技术领域
本发明涉及移动通信领域,更具体地说,涉及一种应用界面及控制应用界面操作的方法和装置。
背景技术
如图1所示,现有的应用界面一般都区分为阅读区域11和操作区域12,操作区域12即为工具栏的位置区域,而用户在关注阅读的时候,往往只注意阅读区域11,操作区域往往成为了屏幕空间杀手。为了满足用户期望获取更多的阅读空间的需求,在应用界面中引入了“全屏”的概念,这个概念广泛应用于浏览器、阅读器、媒体播放器等。然而,切换全屏操作,往往是通过点击菜单实现的,引入菜单操作,让操作步骤增加,带来不便。如图2A~2C所示,全屏和非全屏的操作需要通过菜单进行切换,其中,图2A表示全屏和非全屏显示的双向切换,图2B表示从非全屏切换成全屏的操作,在图2B中用户需要通过手势操作,点击菜单13中的按钮131,从而将非全屏切换成全屏。图2C表示从全屏切换成非全屏的操作,在图2C中用户需要通过手持操作,再次点击按钮131,从而将全屏切换成非全屏。因此,现有的应用界面操作方法,给用户操作带来不变。
发明内容
本发明的目的在于提供一种应用界面,旨在解决现有技术中应用界面的全屏和非全屏的切换,需要通过点击菜单来实现,引入菜单操作,让操作步骤增加,带来不便,因而不能满足用户的对于简便操作的实际使用需要的问题。
为了实现发明目的,本发明提供一种应用界面,在所述应用界面上显示有第一区域、第二区域和菜单按钮,当所述菜单按钮与所述第一区域相分离时,隐藏所述第一区域,在所述应用界面上对所述第二区域进行全屏显示。
优选的,在全屏显示所述第二区域时,降低所述菜单按钮显示的透明度。
优选的,所述菜单按钮用于响应系统默认及用户自定义的手势操作;所述第二区域用于响应对显示的页面及链接文字的手势操作。
优选的,当所述菜单按钮附着在所述第一区域上时,在所述应用界面上同时显示所述第二区域和第一区域,所述第一区域为工具栏区域,所述第二区域为阅读区域。
为了更好地实现发明目的,还提供了一种控制应用界面操作的方法,其包括:
获取用户在应用界面输入的将菜单按钮拖离第一区域的拖拽手势,所述应用界面被划分为第一区域和第二区域;
响应对应拖离的操作,并当所述菜单按钮与所述第一区域相分离时,隐藏所述第一区域,在所述应用界面上对所述第二区域进行全屏显示。
优选的,还包括:在全屏显示所述第二区域时,降低所述菜单按钮显示的透明度。
优选的,在全屏显示所述第二区域后,所述第二区域被划分为用于响应预定手势功能的菜单按钮区域和用于响应对屏幕内显示的页面以及链接文字的操作的屏幕手势操作区域,所述菜单按钮区域包含所述菜单按钮。
优选的,在所述第二区域获取拖拽所述菜单按钮的轨迹并触发对应手势功能后,所述菜单按钮自动复位。
优选的,还包括:获取用户输入的将菜单按钮附着到第一区域的拖拽手势;
响应对应的附着操作,并当所述菜单按钮附着在所述第一区域上时,在所述应用界面上同时显示所述第二区域和第一区域,所述第一区域为工具栏区域,所述第二区域为阅读区域。
为了更好地实现发明目的,还提供了一种控制应用界面操作的装置,其包括:
手势获取单元,用于获取用户在应用界面输入的将菜单按钮拖离第一区域的拖拽手势,所述应用界面被划分为第一区域和第二区域;
响应控制单元,用于响应对应拖离的操作,并当所述菜单按钮与所述第一区域相分离时,隐藏所述第一区域,在所述应用界面上对所述第二区域进行全屏显示。
优选的,所述手势获取单元还用于获取用户在应用界面输入的将菜单按钮附着到第一区域的拖拽手势;所述响应控制单元还用于响应对应的附着操作,并当所述菜单按钮附着在所述第一区域上时,在所述应用界面上同时显示所述第二区域和第一区域,所述第一区域为工具栏区域,所述第二区域为阅读区域。
为了更好地实现发明目的,还提供了一种移动终端,其包括触摸屏和控制应用界面操作的装置。
实施本发明的应用界面及控制应用界面操作的方法和装置,具有以下有益效果:通过控制菜单按钮与第一区域的分离,即可触发应用界面的全屏显示,由此可实现手势操作对菜单按钮的简便拖拽,快速方便地完成全屏操作,而无需点击菜单按钮调出相应的菜单,进行更下一层级的菜单操作。进一步地,在应用界面的全屏显示时,对菜单按钮进行透明度下降的显示,降低了菜单按钮对屏幕内容的干扰。再进一步地,通过控制菜单按钮附着于第一区域,即可触发应用界面的非全屏的显示。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1是现有的应用界面的示意图;
图2A~2C是现有的应用界面的全屏和非全屏的切换示意图;
图3是本发明移动终端的系统结构图;
图4是本发明的应用界面从非全屏切换到全屏显示的操作示意图;
图5A是本发明的应用界面全屏显示时手势操作菜单按钮的一示意图;
图5B是本发明的应用界面全屏显示时手势操作菜单按钮的另一示意图;
图5C是本发明的应用界面全屏显示时手势操作菜单按钮的又一示意图;
图6是本发明的应用界面从全屏切换到非全屏显示的操作示意图;
图7是本发明第一实施例的控制应用界面操作的方法的流程图;
图8是本发明第二实施例的控制应用界面操作的方法的流程图;
图9是本发明第三实施例的控制应用界面操作的方法的流程图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图3示出了本发明移动终端的系统结构图,该移动终端3包括触摸屏31和控制应用界面操作的装置32;该控制应用界面操作的装置32包括手势获取单元321和响应控制单元322;其中,手势获取单元321与响应控制单元322相连,响应控制单元322又与触摸屏31相连,在触摸屏31上进行应用界面312的显示。应当说明的是,本发明图3中各单元之间的连接关系是为了清楚阐释其信息交互及控制过程的需要,因此应当视为逻辑上的连接关系,而不应仅限于物理连接。可以理解的,移动终端3可为各种能够进行移动通信的终端设备,典型的可为个人数字助理(Personal Digital Assistant,PDA)、移动电话(Mobile Phone,MP)、智能平板等,因此本发明的保护范围不应限定为某种特定类型的移动终端。另外,触摸屏31可为各种尺寸大小的触摸屏,典型的可为4英寸或4英寸以上,因此本发明的保护范围不应限定为某种特定尺寸大小的触摸屏。
如图3和4所示,手势获取单元321用于获取用户输入的将菜单按钮拖离第一区域的拖拽手势。本发明中,应用界面被划分为第一区域和第二区域,例如所述第一区域为工具栏区域,所述第二区域为阅读区域,当然,也可以是其他划分方式,本发明并不加以限定。具体地,在图4中如箭头标示方向的顺次操作,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击第一区域上的菜单按钮,将菜单按钮往上拖离第一区域。响应控制单元322用于响应对应拖离的操作,并当菜单按钮与第一区域相分离时,隐藏第一区域,在应用界面上对所述第二区域进行全屏显示。具体地,在图4所示的顺次操作图中,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即从图4所示的第二操作图到第四操作图,第一区域出现变现动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当进行到第四操作图时,菜单按钮与第一区域完全分离,此时上下第一区域将隐藏消失。可以理解的,当菜单按钮拖离第一区域后,第一区域上可以不再显示该菜单按钮,也可以依然保留该菜单按钮的图形,即可根据需要灵活设计。当第一区域隐藏后,在应用界面312上将全屏显示第二区域,此时用户可松开对菜单按钮的点击,而菜单按钮将位于第二区域中的任意位置,即用户可通过点击菜单按钮,将其移动到第二区域的任意位置,然后将对菜单按钮进行透明度下降显示(例如,可将菜单按钮的透明度从100%降低到30%,可以理解的,该透明度的下降程度可根据实际需要灵活设置,其可以是系统默认的固定值,也可以是用户可变更的自定义值),由此,可降低菜单按钮对应用界面312上全屏显示的第二区域的内容干扰,从而有效地避免了对页面浏览的妨碍,至此完成了对移动终端3的触摸屏31上显示的应用界面312的第二区域从非全屏到全屏的显示切换。
当进行第二区域的全屏显示后,菜单按钮将作为菜单按钮手势操作区域,而第二区域将作为屏幕手势操作区域,这两个区域将响应不同的用户手势输入操作。具体地,屏幕手势操作区域将用于响应用户对屏幕内显示的页面以及链接文字的操作,例如拖拽页面、滚屏、单击、双击、多点缩放等手势输入操作的功能;如图5A~5C为应用界面全屏显示时手势操作菜单按钮的三个实施例的示意图,也就是对菜单按钮手势操作区域进行触发控制的三个不同实施例。在这三个实施例中,用户点击菜单按钮手势操作区域,并拖拽菜单按钮开始绘制轨迹,松开菜单按钮完成轨迹绘制后,响应控制单元322判断轨迹绘制结果,响应相对应的功能。如图5A所示,用户点击菜单按钮手势操作区域,并往屏幕左侧滑动一段距离后,松开菜单按钮,响应控制单元322响应轨迹对应功能,在该实施例中定义为后退操作,完成后菜单按钮将自动复位。如图5B所示,用户点击菜单按钮手势操作区域,并往屏幕上侧滑动一段距离后,松开菜单按钮,响应控制单元322将响应轨迹对应功能,在该实施例中定义为关闭窗口,完成后菜单按钮将自动复位。如图5C所示,用户点击菜单按钮手势操作区域,并在屏幕上绘制轨迹,例如在该实施例中绘制大写字母B轨迹,完成绘制后,松开菜单按钮,响应控制单元322响应轨迹对应功能,在该实施例中定义为打开书签,完成后菜单按钮将自动复位。
当用户需要将移动终端3的触摸屏31上显示的应用界面312的第二区域从全屏切换到非全屏显示时,如图3和6所示,手势获取单元321还用于获取用户输入的将菜单按钮附着到第一区域的拖拽手势;具体地,在图6中如箭头标示方向的顺次操作,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击菜单按钮,将菜单按钮朝向第一区域拖动,在该实施例中为往下朝第一区域拖动。响应控制单元322还用于响应对应的附着操作,并当菜单按钮附着在所述第一区域上时,在应用界面上同时显示第二区域和第一区域,实现第二区域从全屏到非全屏的显示切换。具体地,在图6所示的顺次操作图中,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即从图6所示的第一操作图到第四操作图,绘制菜单按钮与第一区域的融合动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当进行到第四操作图时,菜单按钮附着到第一区域,此时上下第一区域将显现,从而示意菜单按钮已经成功附着到第一区域上,松开菜单按钮,第二区域和上下第一区域都将出现,完成整个非全屏到全屏显示的切换。
图7示出了本发明第一实施例的控制应用界面全屏切换方法的流程,该方法流程基于图3所示的系统结构,具体过程如下:
S71:获取用户输入的将菜单按钮拖离第一区域的拖拽手势。
例如,手势获取单元321用于获取用户输入的将菜单按钮拖离第一区域的拖拽手势。
具体地,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击第一区域上的菜单按钮,将菜单按钮往上拖离第一区域。
S72:响应对应拖离的操作,并当菜单按钮与第一区域相分离时,隐藏第一区域,在应用界面上对所述第二区域进行全屏显示。
具体地,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即第一区域出现变现动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当菜单按钮与第一区域完全分离,此时上下第一区域将隐藏消失。
图8示出了本发明第二实施例的控制应用界面全屏切换方法的流程,图8与图7流程的主要区别是增加了对菜单按钮的透明度的处理。该方法流程基于图3所示的系统结构,具体过程如下:
S81:手势获取单元321获取用户输入的将菜单按钮拖离第一区域的拖拽手势。
具体地,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击第一区域上的菜单按钮,将菜单按钮往上拖离第一区域;
S82:响应控制单元322响应对应拖离的操作,并当菜单按钮与第一区域相分离时,隐藏第一区域,在应用界面上对所述第二区域进行全屏显示。
具体地,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即第一区域出现变现动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当菜单按钮与第一区域完全分离,此时上下第一区域将隐藏消失。
S83:当第一区域隐藏后,在应用界面312上将全屏显示第二区域,此时用户可松开对菜单按钮的点击,而菜单按钮将位于第二区域中的任意位置,即用户可通过点击菜单按钮,将其移动到第二区域的任意位置,然后将对菜单按钮进行透明度下降显示(例如,可将菜单按钮的透明度从100%降低到30%,可以理解的,该透明度的下降程度可根据实际需要灵活设置,其可以是系统默认的固定值,也可以是用户可变更的自定义值),由此,可降低菜单按钮对应用界面312上全屏显示的第二区域的内容干扰,从而有效地避免了对页面浏览的妨碍。
图9示出了本发明第三实施例的控制应用界面全屏切换方法的流程,图9与图8的区别主要是增加了将菜单按钮拖回第一区域的处理流程。该方法流程基于图3所示的系统结构,具体过程如下:
S91:手势获取单元321获取用户输入的将菜单按钮拖离第一区域的拖拽手势。
具体地,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击第一区域上的菜单按钮,将菜单按钮往上拖离第一区域。
S92:响应控制单元322响应对应拖离的操作,并当菜单按钮与第一区域相分离时,隐藏第一区域,在应用界面上对所述第二区域进行全屏显示。
具体地,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即第一区域出现变现动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当菜单按钮与第一区域完全分离,此时上下第一区域将隐藏消失。
S93:当第一区域隐藏后,在应用界面312上将全屏显示第二区域,此时用户可松开对菜单按钮的点击,而菜单按钮将位于第二区域中的任意位置,即用户可通过点击菜单按钮,将其移动到第二区域的任意位置,然后将对菜单按钮进行透明度下降显示(例如,可将菜单按钮的透明度从100%降低到30%,可以理解的,该透明度的下降程度可根据实际需要灵活设置,其可以是系统默认的固定值,也可以是用户可变更的自定义值),由此,可降低菜单按钮对应用界面312上全屏显示的第二区域的内容干扰,从而有效地避免了对页面浏览的妨碍。
S94:手势获取单元321获取用户输入的将菜单按钮附着到第一区域的拖拽手势。
具体地,用户通过移动终端3的触摸屏31以拖拽手势输入相应的触摸信息,即手势操作点击菜单按钮,将菜单按钮朝向第一区域拖动,在该实施例中为往下朝第一区域拖动。
S95:响应控制单元322响应对应的附着操作,并当菜单按钮附着在所述第一区域上时,在应用界面上同时显示第二区域和第一区域,实现第二区域从全屏到非全屏的显示切换。
具体地,在响应控制单元322的控制下,移动终端3的触摸屏31感应用户输入的拖拽手势,向用户显示与用户输入的拖拽手势相对应的应用界面的控制结果,即绘制菜单按钮与第一区域的融合动画,表示用户的手势操作,菜单按钮与第一区域逐渐分离。当菜单按钮附着到第一区域,此时上下第一区域将显现,从而示意菜单按钮已经成功附着到第一区域上,松开菜单按钮,第二区域和上下第一区域都将出现,完成整个非全屏到全屏显示的切换。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。