[发明专利]用于实现界面交互效果的方法、装置及电子设备

说明书

本申请实施例公开了用于实现界面交互效果的方法、装置及电子设备，其中，该方法包括：接收针对目标界面的用户输入操作信息，并根据预置的时间轴的属性信息，将用户输入操作信息转化为时间进度变化信息；将所述时间进度变化信息代入到至少一个预置的函数关系中，输出至少一种用户界面UI变化流；根据所述UI变化流提供交互结果。通过本申请实施例，可以通过低成本高效率的实现富交互效果。

技术领域

本申请涉及界面交互技术领域，特别是涉及用于实现界面交互效果的方法、装置及电子设备。

背景技术

在一些移动版的应用程序中，经常存在一些交互效果丰富且复杂的界面，这些交互效果通常可以呈现出多个物体、多种效果的联动，同时在这些效果的基础上还会需要跳跃、运动、惯性变化等更加复杂的需求。这种复杂的交互效果通常可以称之为“富交互”。

在现有技术中，如果需要实现上述“富交互”的交互效果，则开发者通常需要处理繁琐的用户事件，基于用户事件存储多个复杂中间状态，还要基于中间状态表达用于产生效果的语义动作，实现语义动作相关的基本的效果，实现基于基本效果的上层特性例(如惯性)，等等。

但是，由于浏览器天生的事件模型的限制，开发者通常需要写出大量的回调式代码以及存储大量不必要的中间状态，因此，会影响开发效率。不仅如此，一旦到需要实现“富交互”的阶段，前面有限制的编程方式及其产生大量冗余产物就会严重阻碍开发者的更上层开发，甚至导致无法实现。另外，虽然一些开发者也会开发专用于实现交互的插件，但是，也正是由于上述限制的存在，现有技术中的插件通常只能专注于某一种特定的交互效果，例如，有的插件用于实现某种滚动效果，还有的插件用于实现视差交互效果，等等，但是，对复杂的交互场景则无能为力。虽然理论上可以通过组合多种插件等方式来实现更复杂的交互效果，但是，由于各种不同的插件通常是由不同的设计者设计的，而它们都灌注了非常多设计者自身对于各类交互问题的理解，不具备一定的抽象高度，从而带来较低的可扩展性，在进行组合使用时，可能会出现冲突，或者，对输入信息的要求不一致等问题，从而导致难以组合使用。

因此，如何更方便高效的实现“富交互”，成为需要本领域技术人员解决的技术问题。

发明内容

本申请提供了用于实现界面交互效果的方法、装置及电子设备，可以通过低成本高效率的实现富交互效果。

本申请提供了如下方案：

一种用于实现界面交互效果的方法，包括：

在界面代码中创建时间轴模块，并设定时间轴的属性信息，以用于在与用户进行交互的过程中，按照所述属性信息，将用户输入操作信息转化为所述时间轴上的时间进度变化信息；

在界面代码中创建至少一个输出模块，所述输出模块用于在与用户进行交互的过程中，根据时间进度信息，输出UI变化流，通过组合所述输出模块输出的UI变化流提供界面交互结果。

一种用于实现界面交互效果的方法，包括：

提供函数库，所述函数库中包括用于至少一个用于创建输出模块的函数，其中，所述函数以时间进度信息为自变量，以用户界面UI变化流为因变量；

提供图形用户界面，并在所述图形用户界面中提供用于添加输出模块第一操作选项；

通过所述第一操作选项接收到添加请求时，提供可选的输出模块信息，并在其中一输出模块被选中后，提供用于对该输出模块的相关参数进行配置的第二操作选项，并通过所述第二操作选项接收参数配置结果；

在完成对至少一个输出模块的添加操作以及参数配置操作后，根据选择的输出模块对应的函数以及所述参数配置结果，生成目标界面中的至少一个输出模块。

一种提供界面交互效果的方法，包括：