实现界面元素跟随的方法及装置制造方法及图纸

技术编号:15723948 阅读:223 留言:0更新日期:2017-06-29 08:54
本公开提供了一种实现界面元素跟随的方法,该方法包括:根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;在检测接收到所述预设动作时,控制不同的所述层级的所述界面元素沿着分配的球面以一预设方向运动;在不同的所述层级中的所述界面元素运动到一预设位置时,使不同的所述层级的所述界面元素基于设定的所述减速回弹时间分别进行制动。本公开增强了视觉上的层级错位感,进而从视觉上带来更强的3D效果,且用户体验较好。

【技术实现步骤摘要】
实现界面元素跟随的方法及装置
本专利技术涉及人机交互领域,尤其涉及一种实现界面元素跟随的方法及实现界面元素跟随的装置。
技术介绍
随着移动通信的技术的快速发展,用户在移动终端上进行操作时,移动终端会根据用户的操作呈现出不同的视觉效果。例如,在iOS平台的主界面上,在用户手持移动终端进行转动时,属于不同层级的界面元素会根据移动终端的转动而进行转动,且在转动到预设位置时,产生瞬时的错位,进而给用户产生层级错位感。在iOS平台的主界面上通过根据重力感应器3个轴的加速度分量设置界面根节点的旋转参数,并结合控制程序实现层级错位的效果。在上述方式中,一方面,层级错位表现的效果较弱,不能给用户带来较好的体验;另一方面,通过上述方式对两个层级进行控制时,能表现出相对明显的层级错位的效果,但在层级增多时,表现出的层级错位的效果就很不明显。需要说明的是,上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本公开的目的在于提供一种实现界面元素跟随的方法及实现界面元素跟随的装置,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或者多个问题。根据本公开的一个方面,提供一种实现界面元素跟随的方法,包括:根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;在检测接收到所述预设动作时,控制不同的所述层级的所述界面元素沿着分配的球面以一预设方向运动;在不同的所述层级中的所述界面元素运动到一预设位置时,使不同的所述层级的所述界面元素基于设定的所述减速回弹时间分别进行制动。在本公开的一种示例性实施例中,所述预设动作为拖动动作。在本公开的一种示例性实施例中,所述预设动作为使呈现所述界面元素的移动终端转动的动作。在本公开的一种示例性实施例中,所述预设方向为跟随所述预设动作的方向或背离所述预设动作的方向。在本公开的一种示例性实施例中,所述层级包括美术场景层、通用底板层以及至少一个前景层。在本公开的一种示例性实施例中,还包括,对不同的所述层级的所述界面元素进行缩放,包括:设定一基准界面元素,并对所述基准界面元素进行一预设缩放比例的缩放;根据所述基准界面元素设定灭点距离以及观察点到基准界面元素的距离;基于所述预设缩放比例、所述灭点距离、所述观察点到基准界面元素的距离以及待校正的所述界面元素到观察点的距离根据一预设算法计算出待校正的所述界面元素的缩放比例,并根据该所述缩放比例对待校正的所述界面元素进行缩放。根据本公开的一个方面,提供一种实现界面元素跟随的装置,包括:分配模块,用于根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;设定模块,用于对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;控制模块,用于在检测接收到所述预设动作时,控制不同的所述层级的所述界面元素沿着分配的球面以一预设方向运动;制动模块,用于在不同的所述层级中的所述界面元素运动到一预设位置时,使不同的所述层级的所述界面元素基于设定的所述减速回弹时间分别进行制动。在本公开的一种示例性实施例中,所述预设动作为拖动动作。在本公开的一种示例性实施例中,所述预设动作为使呈现所述界面元素的移动终端转动的动作。在本公开的一种示例性实施例中,所述预设方向为跟随所述预设动作的方向或背离所述预设动作的方向。在本公开的一种示例性实施例中,所述层级包括美术场景层、通用底板层以及至少一个前景层。在本公开的一种示例性实施例中,还包括,缩放模块,包括:第一设定单元,用于设定一基准界面元素,并对所述基准界面元素进行一预设缩放比例的缩放;第二设定单元,用于根据所述基准界面元素设定灭点距离以及观察点到基准界面元素的距离;缩放单元,用于基于所述预设缩放比例、所述灭点距离、所述观察点到基准界面元素的距离以及待校正的所述界面元素到观察点的距离根据一预设算法计算出待校正的所述界面元素的缩放比例,并根据该所述缩放比例对待校正的所述界面元素进行缩放。本公开一种示例性实施例提供的实现界面元素跟随的方法,通过对不同的层级的界面元素设定不同的减速回弹时间,在检测接收到预设动作时,控制不同的层级的界面元素沿着分配的球面以一预设方向运动到一预设位置,且在不同的层级的界面元素到达预设位置时,使不同的层级的界面元素基于设定的减速回弹时间分别进行制动。一方面,通过对不同的层级的界面元素设定不同的减速回弹时间,使不同的层级的界面元素到位的时间存在细微差别,产生依次到位的效果,增强了视觉上的层级错位感,进而从视觉上带来更强的3D效果,给用户带来更好的体验。另一方面,由于不需要根据重力感应器3个轴的加速度分量设置界面根节点的旋转参数来实现层级错位的效果,仅通过给不同层级的界面元素设定不同的减速回弹时间即可实现层级错位的效果,因此,在层级较多的时候,层级错位的效果也比较明显。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。附图说明通过参照附图来详细描述其示例实施例,本公开的上述和其它特征及优点将变得更加明显。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:图1为本公开一种实现界面元素跟随的方法的流程图。图2为本公开一示例性实施例中不同半径的同心球面的示意图。图3为本公开一示例性实施例中根据三角形平行截线计算方法计算缩放比例的示意图。图4为本公开一种实现界面元素跟随的装置的框图。具体实施方式现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本公开的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而没有所述特定细节中的一个或更多,或者可以采用其它的方法、组元、材料、装置、步骤等。在其它情况下,不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个软件硬化的模块中实现这些功能实体或功能实体的一部分,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。本示例性实施例中首先公开了一种实现界面元素跟随的方法。参考图1所示,该实现界面元素跟随的方法包括以下步骤:步骤S110.根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;步骤S120.对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;步骤S130.在检测接收到所述预设本文档来自技高网...
实现界面元素跟随的方法及装置

【技术保护点】
一种实现界面元素跟随的方法,其特征在于,包括:根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;在检测接收到所述预设动作时,控制不同的所述层级的所述界面元素沿着分配的球面以一预设方向运动;在不同的所述层级中的所述界面元素运动到一预设位置时,使不同的所述层级的所述界面元素基于设定的所述减速回弹时间分别进行制动。

【技术特征摘要】
1.一种实现界面元素跟随的方法,其特征在于,包括:根据界面元素层级的不同将不同层级的所述界面元素分配到不同半径的同心球面上;对不同的所述层级的所述界面元素设定不同的减速回弹时间,并在一预设动作的响应区域内检测是否接收到所述预设动作;在检测接收到所述预设动作时,控制不同的所述层级的所述界面元素沿着分配的球面以一预设方向运动;在不同的所述层级中的所述界面元素运动到一预设位置时,使不同的所述层级的所述界面元素基于设定的所述减速回弹时间分别进行制动。2.根据权利要求1所述的实现界面元素跟随的方法,其特征在于,所述预设动作为拖动动作。3.根据权利要求1所述的实现界面元素跟随的方法,其特征在于,所述预设动作为使呈现所述界面元素的移动终端转动的动作。4.根据权利要求1所述的实现界面元素跟随的方法,其特征在于,所述预设方向为跟随所述预设动作的方向或背离所述预设动作的方向。5.根据权利要求1所述的实现界面元素跟随的方法,其特征在于,所述层级包括美术场景层、通用底板层以及至少一个前景层。6.根据权利要求1所述的实现界面元素跟随的方法,其特征在于,还包括,对不同的所述层级的所述界面元素进行缩放,包括:设定一基准界面元素,并对所述基准界面元素进行一预设缩放比例的缩放;根据所述基准界面元素设定灭点距离以及观察点到基准界面元素的距离;基于所述预设缩放比例、所述灭点距离、所述观察点到基准界面元素的距离以及待校正的所述界面元素到观察点的距离根据一预设算法计算出待校正的所述界面元素的缩放比例,并根据该所述缩放比例对待校正的所述界面元素进行缩放。7.一种实现界面元素跟随的装置,其特征在...

【专利技术属性】
技术研发人员:杨鹏邵堃吴志伟
申请(专利权)人:网易杭州网络有限公司
类型:发明
国别省市:浙江,33

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

1