CN109814781B - 页面滑动方法、装置 - Google Patents
页面滑动方法、装置 Download PDFInfo
- Publication number
- CN109814781B CN109814781B CN201711171975.0A CN201711171975A CN109814781B CN 109814781 B CN109814781 B CN 109814781B CN 201711171975 A CN201711171975 A CN 201711171975A CN 109814781 B CN109814781 B CN 109814781B
- Authority
- CN
- China
- Prior art keywords
- page
- mobile terminal
- sliding
- display interface
- menu
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及了一种页面滑动方法、装置,所述页面滑动方法包括:检测移动终端的倾斜状态;根据检测到所述移动终端的倾斜状态确定页面滑动方向;获取与所述页面滑动方向相关联的动画参数;控制显示界面中的当前页面按照所述页面滑动方向和所述动画参数指示的动画方式执行页面滑动。采用本公开能够有效地避免因用户误操作而导致页面被误滑动的问题。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种页面滑动方法、装置。
背景技术
随着计算机技术的迅猛发展,用户可以在电子设备中安装越来越多的应用程序来实现各种功能,以此满足用户的多元化需求。例如,即时通讯应用程序为用户实现会话功能。
电子设备通常配置触控屏,并以此作为应用程序与用户交互的窗口,即应用程序及其实现的各种功能将以页面中内容的形式显示在触控屏,以供用户查看并操控。随着应用程序的数量以及其所实现功能的逐渐丰富,页面中的内容也随之快速增长,而受限于触控屏的尺寸,即使对页面中的内容进行满屏显示,也远远满足不了内容快速增长的需求。
为此,现有技术提出了一种页面滑动方法,即是指可以通过在多个页面之间滑动的方式将多个页面中的内容逐一显示,以此保证尽可能多的内容能够被用户查看并操控。换而言之,用户可以通过手指触摸触控屏中显示的页面,便可进一步地在该页面与其余页面之间实施页面滑动,进而通过该页面被滑动而查看到其余页面中的内容。
然而,在用户透过页面与应用程序交互的过程中,用户所实施的大量手动操作中将不可避免地产生误操作,而存在页面被误滑动的风险。
发明内容
为了解决上述技术问题,本公开的一个目的在于提供一种页面滑动方法、装置。
其中,本公开所提供的技术方案为:
一种页面滑动方法,包括:检测所述移动终端的倾斜状态;根据检测到所述移动终端的倾斜状态确定页面滑动方向;获取与所述页面滑动方向相关联的动画参数;控制显示界面中的当前页面按照所述页面滑动方向和所述动画参数指示的动画方式执行页面滑动。
一种页面滑动装置,包括:倾斜状态检测模块,用于检测所述移动终端的倾斜状态;滑动方向确定模块,用于根据检测到所述移动终端的倾斜状态确定页面滑动方向;动画参数获取模块,用于获取与所述页面滑动方向相关联的动画参数;页面滑动模块,用于控制显示界面中的当前页面按照所述页面滑动方向和所述动画参数指示的动画方式执行页面滑动。
一种页面滑动装置,包括:处理器及存储器,存储器上存储有计算机可读指令,计算机可读指令被处理器执行时实现如上所述的页面滑动方法。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的页面滑动方法。
在本公开所提供的上述技术方案中,当前页面被显示在显示界面时,将针对移动终端的倾斜状态进行检测以确定页面滑动方向,并由页面滑动方向获取相关联的动画参数,进而根据页面滑动方向和动画参数指示的动画方向控制当前页面执行页面滑动,由此,页面滑动不再是由用户手动操作触发,而是基于移动终端的倾斜状态,即在移动终端发生倾斜时控制当前页面执行页面滑动,进而避免了发生误操作的可能性,有效地解决了因用户误操作而导致页面被误滑动的问题。
此外,页面滑动需要配合动画参数方可实施,假设用户误使移动终端发生了倾斜,如果此时无法关联得到动画参数,则页面滑动不会被执行,以此进一步有效地降低了页面被误滑动的风险。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并于说明书一起用于解释本公开的原理。
图1是现有技术中页面滑动的示意图。
图2是根据一示例性实施例示出的一种移动终端的硬件结构框图。
图3是根据一示例性实施例示出的一种页面滑动方法的流程图。
图4为图3对应实施例中步骤210在一个实施例的流程图。
图5为图4对应实施例中步骤211在一个实施例的流程图。
图6为图3对应实施例中步骤270在一个实施例的流程图。
图7为图3对应实施例中步骤270在另一个实施例的流程图。
图8是一实施例中即时通讯应用程序中菜单页面右滑的示意图。
图9是一实施例中即时通讯应用程序中菜单页面左滑的示意图。
图10是根据一示例性实施例示出的一种页面滑动装置的框图。
图11是图10对应实施例中倾斜状态检测模块710在一个实施例的框图。
图12是图11对应实施例中行为数据获取单元711在一个实施例的框图。
图13是图10对应实施例中页面滑动模块770在一个实施例的框图。
图14是图13对应实施例中目标页面显示单元773在一个实施例的框图。
图15是图10对应实施例中页面滑动模块770在另一个实施例的框图。
通过上述附图,已示出本公开明确的实施例,后文中将有更详细的描述,这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
这里将详细地对示例性实施例执行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
如前所述,为了保证尽可能多的内容能够被用户查看并操控,现有技术提出了一种页面滑动方法,如图1所示,触控屏101显示有相互拼接的页面1011和页面1013,其中,拼接是由于页面1011与页面1013之间被用户实施了页面滑动而形成的。换而言之,用户通过对页面1011实施的右滑操作103而查看到页面1013中的内容。
可以理解,用户除了可以对页面实施滑动操作之外,还可以对页面实施其他一系列手动操作以完成其他相应的功能。
举例来说,智能手机运行的即时通讯应用程序中,触控屏显示了为某一个联系人或者某一个群组而创建的第一会话页面,若用户需要切换到为另一个联系人或者另一个群组而创建的第二会话页面,则需要在第一会话页面中触发一定的手动操作,以返回到显示有另一个联系人或者另一个群组的消息列表页面,进而在该消息列表页面中触发关于另一个联系人或者另一个群组的选定操作,方可进入到第二会话页面,以此实现由第一会话页面到第二会话页面的切换功能。可见,在用户与即时通讯应用程序交互的过程中,在页面中还存在着触发页面滑动之外的其他手动操作。
同理,在用户与应用程序交互的过程中,还将引发大量的手动操作,受限于触控屏的尺寸,该些手动操作都有可能导致页面被误滑动。
因此,在触控屏尺寸仍然有限的前提下,为了避免因用户误操作而导致页面被误滑动,本公开特提出了一种页面滑动方法。该种页面滑动方法由计算机可读指令实现,与之相对应的,所构建的页面滑动装置则被存储于配置有触控屏的电子设备中。
请参阅图2,图2是根据一示例性实施例示出的一种移动终端的框图。该移动终端可以是智能手机、笔记本电脑、平板电脑或者其他配置有触控屏的电子设备,在此不进行限定。
需要说明的是,该移动终端100只是一个适配于本公开的示例,不能认为是提供了对本公开的使用范围的任何限制。该移动终端100也不能解释为需要依赖于或者必须具有图2中示出的示例性的移动终端100中的一个或者多个组件。
如图2所示,移动终端100包括存储器101、存储控制器103、一个或多个(图中仅示出一个)处理器105、外设接口107、射频模块109、定位模块111、摄像模块113、音频模块115、触控屏117以及按键模块119。这些组件通过一条或多条通讯总线/信号线121相互通讯。
其中,存储器101可用于存储计算机程序以及模块,如本公开示例性实施例中的页面滑动方法及装置对应的计算机可读指令及模块,处理器105通过运行存储在存储器101内的计算机可读指令,从而执行各种功能以及数据处理,即完成页面滑动方法。
存储器101作为资源存储的载体,可以是只读存储器、随机存储器、例如高速随机存储器、非易失性存储器,如一个或多个磁性存储装置、闪存、或者其它固态存储器。存储方式可以是短暂存储或者永久存储。
外设接口107可以包括至少一有线或无线网络接口、至少一串并联转换接口、至少一输入输出接口以及至少一USB接口等,用于将外部各种输入/输出装置耦合至存储器101以及处理器105,以实现与外部各种输入/输出装置的通信。
射频模块109用于收发电磁波,实现电磁波与电信号的相互转换,从而通过通讯网络与其他设备进行通讯。通信网络包括蜂窝式电话网、无线局域网或者城域网,上述通信网络可以使用各种通信标准、协议及技术。
定位模块111用于获取移动终端100的当前所在的地理位置。定位模块111的实例包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通信网的定位技术。
摄像模块113隶属于摄像头,用于拍摄图片或者视频。拍摄的图片或者视频可以存储至存储器101内,还可以通过射频模块109发送至上位机。
音频模块115向用户提供音频接口,其可包括一个或多个麦克风接口、一个或多个扬声器接口以及一个或多个耳机接口。通过音频接口与其它设备进行音频数据的交互。音频数据可以存储至存储器101内,还可以通过射频模块109发送。
触控屏117在移动终端100与用户之间提供一个输入输出界面。具体地,用户可通过手指触摸触控屏117进行输入操作,例如输入操作包括点击、滑动等手势操作,以使移动终端100对该输入操作进行响应。移动终端100则将文字、图片或者视频任意一种形式或者组合所形成的输出内容通过触控屏117向用户显示输出。
按键模块119包括至少一个按键,用以提供用户向移动终端100进行输入的接口,用户可以通过按下不同的按键使移动终端100执行不同的功能。例如,声音调节按键可供用户实现对移动终端100播放的声音音量的调节。
可以理解,图2所示的结构仅为示意,移动终端100还可包括比图2中所示更多或更少的组件,或者具有与图2所示不同的组件。图2中所示的各组件可以采用硬件、软件或者二者组合来实现。
请参阅图3,在一示例性实施例中,一种页面滑动方法适用于移动终端,该移动终端的结构可以如图2所示。
该种页面滑动方法可以由移动终端执行,可以包括以下步骤:
步骤210,检测移动终端的倾斜状态。
如前所述,在用户与应用程序交互的过程中,将引发大量的手动操作,受限于触控屏的尺寸,该些手动操作都有可能导致页面被误滑动。
为了最大限度地保证页面滑动的正确性,有效地防止用户与应用程序交互过程中所导致的页面误滑动,需要在交互过程中建立页面滑动的确认保证。
基于此,移动终端中将触发进行其自身的倾斜状态的检测,以通过检测到的移动终端的倾斜状态在交互过程中建立页面滑动的确认保证,进而使得页面滑动是符合用户的实际期许的。
移动终端的倾斜状态用于指示移动终端是否发生了倾斜,该倾斜即是用户针对页面滑动所触发进行的操控行为,例如,操控行为可以是摇晃移动终端,进而触发移动终端被旋转。
可以理解,页面滑动方向可以是向左滑动、向右滑动、向上滑动和向下滑动。相应地,移动终端的倾斜状态可以是左倾状态、右倾状态、前倾状态和后倾状态。其中,左倾状态是指移动终端以Y轴为旋转轴向左翻转0°~90°,右倾状态是指移动终端以Y轴为旋转轴向右翻转0°~90°,前倾状态是指移动终端以X轴为旋转轴向左翻转0°~90°,后倾状态是指移动终端以X轴为旋转轴向右翻转0°~90°。
应当说明的是,X轴指的是水平面上的横轴方向,Y轴指的是水平面上的纵轴方向。
具体地,通过检测用户针对页面滑动触发进行的操控行为,便能够相应地检测到移动终端的倾斜状态,进而通过检测到移动终端的倾斜状态触发执行后续的页面滑动。
进一步地,移动终端的倾斜状态检测仅针对可执行页面滑动的页面实施,例如,移动终端的开机页面为非可执行页面滑动的页面,而移动终端的桌面引导页面为可执行页面滑动的页面,以此降低移动终端的处理任务量,进而提高移动终端的处理效率。
更进一步地,由于页面被误滑动是用户与应用程序交互过程中用户大量手动操作所引起的,因此,移动终端的倾斜状态检测可以是针对运行的应用程序实施,即在应用程序启动运行于移动终端之后,为运行的该应用程序执行移动终端的倾斜状态检测。例如,即时通讯应用程序运行在移动终端后,消息列表页面被显示在触控屏中,此时,移动终端的倾斜状态检测即可为即时通讯应用程序中的消息列表页面执行。
步骤230,根据检测到移动终端的倾斜状态确定页面滑动方向。
可以理解,用户触发进行的操控行为是多种多样的,只有用户针对页面滑动触发进行的操控行为才能够检测到移动终端的倾斜状态。例如,用户希望进行页面滑动时,其所触发进行的操控行为是摇晃移动终端,则用户点击或者触摸触控屏的操控行为并不会使移动终端旋转,进而将无法检测到移动终端的倾斜状态。
由此,当检测到移动终端的倾斜状态,移动终端即判定后续所执行的页面滑动是用户所确认的,并非误操作,则进一步地根据移动终端的倾斜状态确定页面滑动方向,使得后续执行的页面滑动是按照页面滑动方向完成的。
举例来说,当用户想对页面实施上滑操作,以使页面向上滑动,则触发移动终端以X轴为旋转轴向左翻转60°,此时,移动终端通过对其自身的倾斜状态进行检测,获得移动终端的倾斜状态为前倾状态,即判定用户确认对页面实施滑动,并由此进一步地确定页面滑动方向为向上滑动。
步骤250,获取与页面滑动方向相关联的动画参数。
为了进一步降低页面被误滑动的风险,本实施例中,页面滑动需要动画参数的配合方可实施。换而言之,假设用户误使移动终端发生了倾斜,如果此时无法关联得到动画参数,页面滑动仍然不会被执行,进而在用户与应用程序交互过程中进一步保证了页面滑动的正确性。
其中,动画参数是指可布局在页面中的用户界面元素,并用于指示页面滑动时所具有的动画方式。例如,动画参数包括手,该动画参数指示的动画方式包括手的动作,通过控制手拖拽页面来执行页面滑动,由此展示出手和页面配合滑动的动画效果。
该动画参数是预先为页面滑动方向而创建的,并将其与页面滑动方向关联存储。也就是说,移动终端中,不同的页面滑动方向关联存储了相匹配的动画参数,进而使得动画参数所指示的动画方式是与页面滑动方向相匹配的,进而保证了页面滑动被执行时所具有的页面滑动动画效果是与页面滑动方向相匹配的。
在根据移动终端的倾斜状态获得页面滑动方向之后,便能够关联得到与页面滑动方向匹配的动画参数,以便后续执行的页面滑动中使页面配合动画参数按照页面滑动方向进行滑动。
进一步地,应当理解,页面滑动的连续性是相对有限的,例如,页面b位于页面a的左侧,页面滑动仅能够在页面a和页面b之间执行,即仅允许页面a右滑以及页面b左滑。假设当页面a右滑已被执行,则无论移动终端是否仍处于被旋转,此时,页面b都不会被执行右滑,以此避免移动终端在同一页面滑动方向上发生连续的页面滑动而导致页面滑动出错。
因此,动画参数获取中,将根据页面滑动方向对页面滑动的连续有效性进行验证,并根据验证结果判定是否为页面滑动方向获取相关联的动画参数。如果页面滑动的连续有效性验证失败,则停止动画参数的获取,避免后续的页面滑动被执行,以此为页面滑动的正确性提供了充分的保障。
步骤270,控制显示界面中的当前页面按照页面滑动方向和动画参数指示的动画方式执行页面滑动。
首先进行说明的是显示界面,是指移动终端所提供的触控屏。
其次是当前页面,可以理解,页面滑动是指旧页面的全部内容或者部分内容不再显示在显示界面中,进而由新页面的全部内容或者部分内容进行填补而显示在显示界面中。假设新页面的部分内容填补了旧页面的部分内容而显示在显示界面中,此时,显示界面中将以拼接的方式同时显示出新页面和旧页面,为了便于用户区分,新页面将处于激活显示状态,而旧页面则处于非激活状态;同理,当新页面的全部内容被完整地显示在显示界面中,则新页面也处于激活显示状态。
由此,当前页面是指触控屏中处于激活显示状态的页面。例如,显示界面所显示出的拼接页面中,处于激活显示状态的页面具有鲜艳的色彩,而处于非激活状态的页面则是灰暗的色彩。
基于上述,在得到页面滑动方向和动画参数之后,便能够控制当前页面按照页面滑动方向和动画参数指示的动画方式执行页面滑动。
仍以动画参数包括手的例子进行说明,当页面滑动方向为向右滑动,则动画参数所指示的动画方式是通过手由左往右推当前页面,使得当前页面向右移出显示界面;而当页面滑动方向为向左滑动,则动画参数指示的动画方式是通过手从左往右拉当前页面,使得当前页面由左移出显示界面。
通过如上所述的过程,页面滑动触发于移动终端的倾斜状态,不再依赖于用户的手动操作,完全避免了因用户误操作而导致的页面被误滑动。
此外,页面滑动需要动画参数配合,进一步地在交互过程中为页面滑动建立了确认保证,进一步有效地防止了页面被误滑动。
也就是说,通过如上所述的实现过程,即时通讯应用程序中,可执行页面滑动的页面包括消息列表页面和菜单页面。在即时通讯应用程序启动运行于移动终端之后,触控屏显示出消息列表页面,当用户想查看菜单页面时,仅需要使移动终端发生倾斜,即可由当前显示的消息列表页面切换为菜单页面,避免用户对消息列表页面实施滑动操作,以此保证了页面滑动的正确性。
请参阅图4,在一示例性实施例中,步骤210可以包括以下步骤:
步骤211,检测触发移动终端被旋转的操控行为,得到操控行为数据。
本实施例中,当用户想查看其他页面中的内容,将针对当前页面触发移动终端旋转,由此形成触发移动终端被旋转的操控行为,相应地,移动终端可以通过对该操控行为进行检测,得到相应的操控行为数据。
例如,用户针对当前页面所进行的操控行为是摇晃移动终端,进而触发移动终端被旋转,此时,移动终端可通过其自身所配置的陀螺仪传感器感测得到移动终端的加速度信息,该加速度信息即为相应的操控行为数据。
进一步地,如图5所示,在一实施例的具体实现中,步骤211可以包括以下步骤:
步骤2111,通过设备方向事件对操控行为触发的移动终端被旋转进行设备方向检测。
步骤2113,接收设备方向事件,并根据设备方向事件中的移动终端旋转角度得到操控行为数据。
其中,事件接收器是为执行页面滑动进行设备方向事件注册得到的,以便进行设备方向事件接收。
如果移动终端被旋转,通过设备方向事件进行的设备方向检测,将能够得到移动终端进行旋转时所产生的移动终端旋转角度,该移动终端旋转角度即为操控行为数据。
应当说明的是,设备方向检测是针对设备在X轴、Y轴、Z轴三个方向进行的,因此通过设备方向事件所得到的移动终端旋转角度也涉及上述三个方向,分别由alpha、beta、gamma进行表示。例如,移动终端的触控屏处于一个水平面且触控屏顶端指向西方,则移动终端旋转角度被表示为{alpha=90°,beta=0°,gamma=0°}。
步骤213,根据操控行为数据指示的移动终端旋转角度,确定移动终端的倾斜状态。
举例来说,假设移动终端以Y轴为旋转轴向左翻转60°,通过设备方向检测,将由设备方向事件得到移动终端旋转角度中gamma=-60°,并以此确定移动终端的倾斜状态为左倾状态。
进一步地,操控行为可能是因为用户误使移动终端旋转而触发的,相应地,操控行为数据则可能是由此误触发所检测得到的,因此,移动终端中还将通过预置判决条件对操控行为数据指示的移动终端旋转角度作进一步地判断,以此确认操控行为是否属于有效的用户操控,进而再次充分地保证了页面滑动的正确性。例如,预置判决条件可以是移动终端旋转角度超过指定旋转阈值,或者,移动终端旋转角度在某一旋转角度范围内所停留的时间超过指定时长。
通过上述过程,为页面滑动的执行提供了充分的依据,使得页面滑动的执行不再依赖于用户的手动操作,进而能够有效地防止因用户误操作而导致的页面被误滑动。
请参阅图6,在一示例性实施例中,步骤270可以包括以下步骤:
步骤271,获取显示界面的布局信息,根据布局信息和页面滑动方向确定目标页面。
显示界面的布局信息,用于指示可被显示在显示界面中页面之间的位置关系。
由此,在得到显示界面的布局信息之后,便可以按照布局信息所指示的页面之间的位置关系确定执行页面滑动的旧页面和新页面。其中,当前页面即为旧页面,目标页面即为新页面。
举例说明如下,布局信息指示页面b位于页面a的上方,页面c位于页面a的下方。假设显示在显示界面中的当前页面为页面a,如果页面滑动方向为向下滑动,则目标页面为页面b,通过向下滑动页面b将被显示在显示界面中;如果页面滑动方向为向上滑动,则目标页面为页面c,通过向上滑动页面c被显示在显示界面中。
步骤273,根据动画参数指示的动画方式将当前页面逐渐隐藏,并将目标页面逐渐显示在显示界面中。
其中,当前页面的逐渐隐藏可以是说将当前页面逐渐移出显示界面,也可以是指将目标页面逐渐覆盖在当前页面上而使当前页面被逐渐隐藏,即当前页面并未移出显示界面而是被隐藏在目标页面的下层,本实施例中并未对此加以限定。
目标页面的显示可以是目标页面被完整地显示在显示界面中,还可以是目标页面与当前页面形成拼接页面,并以拼接方式将拼接页面显示在显示界面中,本实施例中也并未对此加以限定。
为此,在得到与页面滑动方向相关联的动画参数之后,便能够按照页面滑动方向以及动画参数指示的动画方式对当前页面执行页面滑动,以使目标页面被显示在显示界面中。
仍以动画参数包括手的例子进行说明,当页面滑动方向为向右滑动,则动画参数所指示的动画方式是通过手从左往右推当前页面,使得当前页面向右逐渐移出显示界面,而将目标页面逐渐显示在显示界面中;当页面滑动方向为向左滑动,则动画参数指示的动画方式是通过手从右往左拉目标页面,使得目标页面由右至左逐渐移入显示界面,而将当前页面逐渐覆盖,进而被隐藏于显示界面。
在上述过程中,通过动画参数配合执行页面滑动,由此按照动画参数指示的动画方式实现了页面滑动的动画效果,不仅保证了页面滑动的准确性,还有利于提升用户的使用体验。
请参阅图7,在一示例性实施例中,步骤270还可以包括以下步骤:
步骤272,由移动终端的倾斜状态获得移动终端旋转角度。
步骤274,根据移动终端旋转角度与滑动速度的转换关系对移动终端旋转角度进行转换,得到用于执行页面滑动的滑动速度。
可以理解,页面滑动是逐渐被执行的,即页面滑动具有一滑动速度。现有技术中,滑动速度通常被设置为固定数值。即当检测到用户针对页面滑动所触发的滑动操作,便按照固定的滑动速度执行页面滑动。
即使滑动速度相对固定,但是当用户想快速地滑动页面时,往往会不自觉的以相对平时更快的速度实施滑动操作。然而,固定的滑动速度并不能够精准地反映出用户想快速滑动页面的需求。
为此,本实施例中,将为滑动速度建立一转换关系,该转换关系反映了移动终端旋转角度与滑动速度的变化关系。
例如,转换关系可以是一曲线函数,该曲线函数以滑动速度作为横坐标,以移动终端旋转角度中的gamma数值作为纵坐标。
也就是说,在该转换关系中,滑动速度随着移动终端旋转角度中gamma数值的增长而增长,即移动终端被左右旋转得越厉害,滑动速度越大,相应地,页面滑动的越快。并且,随着移动终端旋转角度中的gamma数值减小到一定程度时,滑动速度也会减小至一个固定的最低数值,并当移动终端旋转角度中的gamma数值继续减小时,滑动速度将始终保持在该最低数值,不会随着继续改变。
在此过程中,滑动速度随着移动终端旋转角度中gamma数值的变化而变化,且不会降低至零,以此精准地反映出用户对页面滑动有着不同滑动速度的需求,且不会因为移动终端旋转角度中gamma数值过小而停止页面滑动。
同理,滑动速度也能够随着移动终端旋转角度中alpha数值、beta数值的变化而变化,在此不再一一赘述。
由上可知,在根据移动终端的倾斜状态获得移动终端旋转角度之后,便可按照转换关系将移动终端旋转角度转换为对应的滑动速度,并以转换得到的滑动速度执行页面滑动。
通过上述实施例的配合,当用户以较小角度翻转移动终端时,仍然保证页面滑动具有一合适的滑动速度;而当用户以较大角度翻转移动终端时,则认为用户有快速滑动页面的欲望,此时滑动速度将跟随较大角度而变大,进而使得页面被快速地滑动,以此很好地满足了用户的实际需求。
请参阅图8至图9,下面结合一个具体的实施例来详细阐述上述页面滑动方法。该实施例中,以运行于移动终端的即时通讯应用程序为例,该即时通讯应用程序中,可被执行页面滑动的页面包括消息列表页面和菜单页面。
当移动终端中启动运行即时通讯应用程序时,消息列表页面作为一级页面首先被显示在显示界面中,用户可根据需要对消息列表页面执行页面滑动,以便查看作为二级页面的菜单页面。
在本实施例所进行的应用场景举例说明中,移动终端为配置了触控屏的任一电子设备,例如,具有触控屏的智能手机或者平板电脑等。
具体而言,动画参数包括虚拟角色,动画参数指示的动画方式包括虚拟角色的动作、虚拟角色的姿态等。
如图8所示,当前页面为消息列表页面,由移动终端的右倾状态确定页面滑动方向为向右滑动,此时,根据布局信息和页面滑动方向确定目标页面为菜单页面。
按照页面滑动方向的指示进行菜单页面的显示,控制虚拟角色从左往右逐渐打开菜单页面,并随着菜单页面的打开从显示界面中部分移出消息列表页面。
最终,虚拟角色由右倾姿态变化为站立姿态,且显示界面中显示出拼接页面。该拼接页面由处于激活显示状态的菜单页面和处于非激活状态的消息列表页面拼接。
如图9所示,当前页面为处于激活显示状态的菜单页面,由移动终端的左倾状态确定页面滑动方向为向左滑动,此时,根据布局信息和页面滑动方向确定目标页面为处于非激活状态的消息列表页面。
按照页面滑动方向的指示进行菜单页面的隐藏,将消息列表页面从右往左逐渐移入显示界面而逐渐关闭菜单页面,并控制虚拟角色跟随菜单页面的关闭而被逐渐推出显示界面。
此过程中,虚拟角色由站立姿态变化为右倾姿态,且显示界面中最终显示出完整的消息列表页面。
由如上所述的过程可知,在页面滑动过程中,用户只需要触发移动终端被旋转即可对页面执行页面滑动,以此避免了存在用户误操作的可能性,并且控制虚拟角色参与菜单页面的打开和关闭,以此保证了菜单页面被正确地执行页面滑动,进而有效地提高了页面滑动的正确性。
下述为本公开装置实施例,可以用于执行本公开所涉及的邀请使用资源的实现方法。对于本公开装置实施例中未披露的细节,请参照本公开所涉及的邀请使用资源的实现方法实施例。
请参阅图10,在一示例性实施例中,一种页面滑动装置700包括但不限于:倾斜状态检测模块710、滑动方向确定模块730、动画参数获取模块750和页面滑动模块770。
其中,倾斜状态检测模块710用于检测移动终端的倾斜状态。
滑动方向确定模块730用于根据检测到移动终端的倾斜状态确定页面滑动方向。
动画参数获取模块750用于获取与页面滑动方向相关联的动画参数。
页面滑动模块770用于控制显示界面中的当前页面按照页面滑动方向和动画参数指示的动画方式执行页面滑动。
请参阅图11,在一示例性实施例中,倾斜状态检测模块710包括但不限于:行为数据获取单元711和倾斜状态确定单元713。
其中,行为数据获取单元711用于检测触发移动终端被旋转的操控行为,得到操控行为数据。
倾斜状态确定单元713用于根据操控行为数据指示的移动终端旋转角度,确定移动终端的倾斜状态。
进一步地,如图12所示,在一示例性实施例中,行为数据获取单元711包括但不限于:设备方向检测单元7111和方向事件接收单元7113。
其中,设备方向检测单元7111用于通过设备方向事件对操控行为触发的移动终端被旋转进行设备方向检测。
方向事件接收单元7113用于接收设备方向事件,并根据设备方向事件中的移动终端旋转角度得到操控行为数据。
请参阅图13,在一示例性实施例中,页面滑动模块770包括但不限于:目标页面确定单元771和目标页面显示单元773。
其中,目标页面确定单元771用于获取显示界面的布局信息,根据布局信息和页面滑动方向确定目标页面。
目标页面显示单元773用于根据动画参数指示的动画方式将当前页面逐渐隐藏,并将目标页面逐渐显示在显示界面中。
进一步地,如图14所示,在一示例性实施例中,动画参数包括虚拟角色,动画参数指示的动画方式包括虚拟角色的动作。
相应地,目标页面显示单元773包括但不限于:菜单页面打开子单元7731和菜单页面关闭子单元7733。
其中,菜单页面打开子单元7731用于当根据布局信息确定目标页面为菜单页面时,控制虚拟角色打开菜单页面,并随着菜单页面的打开从显示界面中移出当前页面。
菜单页面关闭子单元7733用于当页面滑动方向指示隐藏菜单页面时,将目标页面移入显示界面而关闭菜单页面,并控制虚拟角色跟随菜单页面的关闭而被推出显示界面。
请参阅图15,在一示例性实施例中,页面滑动模块770还包括但不限于:旋转角度获取单元772和滑动速度获取单元774。
其中,旋转角度获取单元772用于由移动终端的倾斜状态获得移动终端旋转角度。
滑动速度获取单元774用于根据移动终端旋转角度与滑动速度的转换关系对移动终端旋转角度进行转换,得到用于执行页面滑动的滑动速度。
需要说明的是,上述实施例所提供的页面滑动装置在进行页面滑动时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即页面滑动装置的内部结构将划分为不同的功能模块,以完成以上描述的全部或者部分功能。
另外,上述实施例所提供的页面滑动装置与页面滑动方法的实施例属于同一构思,其中各个模块执行操作的具体方式已经在方法实施例中进行了详细描述,此处不再赘述。
在一示例性实施例中,一种页面滑动装置,包括处理器及存储器。
其中,存储器上存储有计算机可读指令,该计算机可读指令被处理器执行时实现如上所述的各实施例中的页面滑动方法。
在一示例性实施例中,一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上所述的各实施例中的页面滑动方法。
上述内容,仅为本公开的较佳示例性实施例,并非用于限制本公开的实施方案,本领域普通技术人员根据本公开的主要构思和精神,可以十分方便地进行相应的变通或修改,故本公开的保护范围应以权利要求书所要求的保护范围为准。
Claims (12)
1.一种页面滑动方法,其特征在于,包括:
检测移动终端的倾斜状态;
根据检测到所述移动终端的倾斜状态确定页面滑动方向;
获取与所述页面滑动方向相关联的动画参数,所述动画参数包括虚拟角色;
获取显示界面的布局信息,根据所述布局信息和所述页面滑动方向确定目标页面;当根据所述布局信息确定所述目标页面为菜单页面时,控制所述虚拟角色采用右倾姿态从左往右推消息列表页面以打开所述菜单页面,并随着所述菜单页面的打开从所述显示界面中部分移出所述消息列表页面,当所述消息列表页面右滑完毕,所述菜单页面不再执行右滑,以在显示界面中显示出拼接页面,所述拼接页面由所述菜单页面和所述消息列表页面拼接;当根据所述布局信息和所述页面滑动方向确定所述目标页面为消息列表页面时,控制所述虚拟角色被推出显示界面,并逐渐关闭菜单页面,在所述显示界面中最终显示出完整的所述消息列表页面。
2.如权利要求1所述的方法,其特征在于,所述检测移动终端的倾斜状态,包括:
检测触发所述移动终端被旋转的操控行为,得到操控行为数据;
根据所述操控行为数据指示的移动终端旋转角度,确定所述移动终端的倾斜状态。
3.如权利要求2所述的方法,其特征在于,所述检测触发所述移动终端被旋转的操控行为,得到操控行为数据,包括:
通过设备方向事件对所述操控行为触发的所述移动终端被旋转进行设备方向检测;
接收所述设备方向事件,并根据所述设备方向事件中的移动终端旋转角度得到所述操控行为数据。
4.如权利要求1至3任一项所述的方法,其特征在于,所述方法还包括:
当所述页面滑动方向指示隐藏所述菜单页面时,将所述目标页面移入所述显示界面而关闭所述菜单页面,并控制所述虚拟角色跟随所述菜单页面的关闭而被推出所述显示界面。
5.如权利要求1至3任一项所述的方法,其特征在于,所述方法还包括:
由所述移动终端的倾斜状态获得移动终端旋转角度;
根据移动终端旋转角度与滑动速度的转换关系对所述移动终端旋转角度进行转换,得到用于执行所述页面滑动的滑动速度。
6.一种页面滑动装置,其特征在于,包括:
倾斜状态检测模块,用于检测移动终端的倾斜状态;
滑动方向确定模块,用于根据检测到所述移动终端的倾斜状态确定页面滑动方向;
动画参数获取模块,用于获取与所述页面滑动方向相关联的动画参数,所述动画参数包括虚拟角色;
目标页面确定单元,用于获取显示界面的布局信息,根据所述布局信息和所述页面滑动方向确定目标页面;菜单页面打开子单元,用于当根据所述布局信息确定所述目标页面为菜单页面时,控制所述虚拟角色采用右倾姿态从左往右推消息列表页面以打开所述菜单页面,并随着所述菜单页面的打开从所述显示界面中部分移出所述消息列表页面,当所述消息列表页面右滑完毕,所述菜单页面不再执行右滑,以在显示界面中显示出拼接页面,所述拼接页面由所述菜单页面和所述消息列表页面拼接;
所述装置还用于:当根据所述布局信息和所述页面滑动方向确定所述目标页面为消息列表页面时,控制所述虚拟角色被推出显示界面,并逐渐关闭菜单页面,在所述显示界面中最终显示出完整的所述消息列表页面。
7.如权利要求6所述的装置,其特征在于,所述倾斜状态检测模块包括:
行为数据获取单元,用于检测触发所述移动终端被旋转的操控行为,得到操控行为数据;
倾斜状态确定单元,用于根据所述操控行为数据指示的移动终端旋转角度,确定所述移动终端的倾斜状态。
8.如权利要求7所述的装置,其特征在于,所述行为数据获取单元包括:
设备方向检测单元,用于通过设备方向事件对所述操控行为触发的所述移动终端被旋转进行设备方向检测;
方向事件接收单元,用于接收所述设备方向事件,并根据所述设备方向事件中的移动终端旋转角度得到所述操控行为数据。
9.如权利要求6至8任一项所述的装置,其特征在于,所述装置还包括:
菜单页面关闭子单元,用于当所述页面滑动方向指示隐藏所述菜单页面时,将所述目标页面移入所述显示界面而关闭所述菜单页面,并控制所述虚拟角色跟随所述菜单页面的关闭而被推出所述显示界面。
10.如权利要求6至8任一项所述的装置,其特征在于,所述装置还包括:
旋转角度获取单元,用于由所述移动终端的倾斜状态获得移动终端旋转角度;
滑动速度获取单元,用于根据移动终端旋转角度与滑动速度的转换关系对所述移动终端旋转角度进行转换,得到用于执行所述页面滑动的滑动速度。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的页面滑动方法。
12.一种页面滑动装置,其特征在于,包括:处理器及存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如权利要求1至5中任一项所述的页面滑动方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711171975.0A CN109814781B (zh) | 2017-11-22 | 2017-11-22 | 页面滑动方法、装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711171975.0A CN109814781B (zh) | 2017-11-22 | 2017-11-22 | 页面滑动方法、装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109814781A CN109814781A (zh) | 2019-05-28 |
CN109814781B true CN109814781B (zh) | 2023-09-08 |
Family
ID=66601088
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711171975.0A Active CN109814781B (zh) | 2017-11-22 | 2017-11-22 | 页面滑动方法、装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109814781B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110737376B (zh) * | 2019-09-30 | 2021-06-22 | 维沃移动通信有限公司 | 一种应用控制方法和终端 |
CN111143007A (zh) * | 2019-12-26 | 2020-05-12 | 珠海格力电器股份有限公司 | 一种页面控制方法、装置、设备及介质 |
CN114253445B (zh) * | 2021-12-22 | 2024-01-30 | 北京金堤科技有限公司 | 滑动联动模式的配置方法、页面的联动方法及装置 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102105881A (zh) * | 2010-09-24 | 2011-06-22 | 株式会社富塞特网 | 书籍内容发送系统及内容服务器 |
CN103180814A (zh) * | 2010-10-20 | 2013-06-26 | 三星电子株式会社 | 移动终端的屏幕显示方法和设备 |
CN103645844A (zh) * | 2013-11-14 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 一种页面显示方法及装置 |
CN104007908A (zh) * | 2013-02-22 | 2014-08-27 | 三星电子株式会社 | 基于情境感知的屏幕滚动方法及其终端 |
CN104407785A (zh) * | 2013-12-10 | 2015-03-11 | 贵阳朗玛信息技术股份有限公司 | 一种信息展示方法及装置 |
CN104598146A (zh) * | 2013-10-31 | 2015-05-06 | 深圳富泰宏精密工业有限公司 | 页面切换系统、触控装置及页面切换方法 |
CN106293329A (zh) * | 2016-07-28 | 2017-01-04 | 北京小度信息科技有限公司 | 一种在终端上呈现界面元素阵列的方法、装置及终端 |
WO2017190560A1 (zh) * | 2016-05-06 | 2017-11-09 | 平安科技(深圳)有限公司 | 侧滑界面的显示控制方法和装置、终端和存储介质 |
-
2017
- 2017-11-22 CN CN201711171975.0A patent/CN109814781B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102105881A (zh) * | 2010-09-24 | 2011-06-22 | 株式会社富塞特网 | 书籍内容发送系统及内容服务器 |
CN103180814A (zh) * | 2010-10-20 | 2013-06-26 | 三星电子株式会社 | 移动终端的屏幕显示方法和设备 |
CN104007908A (zh) * | 2013-02-22 | 2014-08-27 | 三星电子株式会社 | 基于情境感知的屏幕滚动方法及其终端 |
CN104598146A (zh) * | 2013-10-31 | 2015-05-06 | 深圳富泰宏精密工业有限公司 | 页面切换系统、触控装置及页面切换方法 |
CN103645844A (zh) * | 2013-11-14 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 一种页面显示方法及装置 |
CN104407785A (zh) * | 2013-12-10 | 2015-03-11 | 贵阳朗玛信息技术股份有限公司 | 一种信息展示方法及装置 |
WO2017190560A1 (zh) * | 2016-05-06 | 2017-11-09 | 平安科技(深圳)有限公司 | 侧滑界面的显示控制方法和装置、终端和存储介质 |
CN106293329A (zh) * | 2016-07-28 | 2017-01-04 | 北京小度信息科技有限公司 | 一种在终端上呈现界面元素阵列的方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN109814781A (zh) | 2019-05-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11024003B2 (en) | Method and mobile device for displaying image | |
CN108701001B (zh) | 显示图形用户界面的方法及电子设备 | |
CN108702446B (zh) | 一种拍照方法和终端 | |
US20170262149A1 (en) | Touch screen device, method, and graphical user interface for moving on-screen objects without using a cursor | |
CN116055610B (zh) | 显示图形用户界面的方法和移动终端 | |
US8675024B2 (en) | Mobile terminal and displaying method thereof | |
US10042596B2 (en) | Electronic device and method for controlling the same | |
US20120290966A1 (en) | Multiple screen mode in mobile terminal | |
WO2019084827A1 (zh) | 在通知栏下拉菜单中管理多个自由窗口 | |
CN108920202B (zh) | 应用预加载管理方法、装置、存储介质及智能终端 | |
WO2019000287A1 (zh) | 一种图标显示方法及装置 | |
CN107992257B (zh) | 分屏方法及装置 | |
WO2019183997A1 (zh) | 视频的预览方法及电子设备 | |
EP3716030A1 (en) | Interactive interface display method, apparatus and storage medium | |
CN109814781B (zh) | 页面滑动方法、装置 | |
WO2014163333A1 (ko) | 사용자 인터페이스 표시 방법 및 장치 | |
CN107153546B (zh) | 一种视频播放方法及移动设备 | |
KR20140110646A (ko) | 사용자 단말 및 사용자 단말에서 화면 표시 방법 | |
CN111078086B (zh) | 移动终端、单手模式控制方法及计算机可读存储介质 | |
CN118042036A (zh) | 显示图形用户界面的方法和移动终端 | |
CN118042035A (zh) | 显示图形用户界面的方法和移动终端 | |
WO2013101813A1 (en) | Camera control application | |
CN104978103A (zh) | 变更使用者界面为Skype 专用界面的方法及其界面变更系统 | |
EP2798833A1 (en) | Camera control application |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |