显示方法、可读存储介质和电子设备与流程

文档序号:37355054发布日期:2024-03-18 18:39阅读:17来源:国知局
显示方法、可读存储介质和电子设备与流程

本技术涉及终端,特别涉及一种显示方法、可读存储介质和电子设备。


背景技术:

1、随着终端技术的发展,手机、平板电脑等电子设备被配备有各种类型的屏幕。为此,电子设备屏幕上的用户界面(user interface,ui)的显示动画成为影响用户体验的关键要素。ui界面的显示动画例如是由显示界面中的各显示元素的显示属性(例如大小、位置、方角度)按照至少一个动效曲线的进行变化(例如缩放、移动、旋转等)来实现。

2、但是,在一些动效曲线的尾部,动效曲线的参数随时间变化较小,对应的显示界面的显示元素的显示属性的变化也较小。但是电子设备仍需消耗运算资源绘制、合成和渲染显示元素的动画,增加了功耗却不能明显提升动画效果。


技术实现思路

1、本技术实施例提供了一种显示方法、可读存储介质和电子设备。

2、第一方面,本技术实施例提供了一种显示方法,应用于电子设备中,包括:获取第一动画的动画参数,其中动画参数中包括曲线标识、优化标识和优化参数;从多条动效曲线中选择出曲线标识所表示的第一动效曲线;基于优化参数,对第一动效曲线中,优化标识所标识的目标曲线部分进行优化,得到第一优化曲线;基于第一优化曲线生成第一动画。

3、可以理解,在本技术的一些实施例中,曲线标识在下文中还可以被称为第一动效曲线的类型,优化标识在下文中还可以被称为位置信息。电子设备上安装的第一应用触发第一动画时,会向电子设备上的动画模块发送第一动画的动画参数。动画模块中存储有多种类型的动效曲线,动画模块根据曲线标识调用第一动效曲线生成第一动画。并且,动画模块能够根据动画参数中的优化标识确定第一动效曲线中需要优化的目标曲线部分,并根据优化参数对目标曲线部分进行优化得到第一优化曲线,从而根据第一优化曲线生成第一动画。第一优化曲线在下文中还可以被称为第二动效曲线。

4、第一优化曲线中不会出现第一动效曲线中目标曲线部分存在的问题(例如下文中目标曲线部分存在的拖尾问题或回弹问题),以此通过第一优化曲线生成的第一动画能够满足目标要求(例如下文的减少手机功耗,或者提高第一动画的视觉效果)。

5、在上述第一方面的一种可能的实现中,上述第一动效曲线和第一优化曲线为第一动画的显示元素的显示属性与时间之间的函数。

6、可以理解,在本技术的一些实施例中,第一动效曲线和第一优化曲线为第一动画的显示元素的显示属性与时间之间的函数。将第一动画的时间带入第一优化曲线的函数中,得到的第一优化曲线的输出值即为显示元素的显示属性的值。

7、在上述第一方面的一种可能的实现中,上述目标曲线部分包括第一动效曲线对应第一时间段的部分;第一时间段包括第一动效曲线的结束时间,并且目标曲线部分的斜率小于第一斜率阈值,第一时间段大于第一时长阈值。

8、可以理解,在本技术的一些实施例中,目标曲线例如可以是第一动效曲线尾部输出值的变化较小,但是时间较长的拖尾部分。在这段目标曲线部分生成的第一动画中,用户无法感知第一动画中显示元素的显示属性的变化,但是电子设备还需要消耗计算资源显示目标曲线部分生成的第一动画,导致电子设备显示第一动画的耗能增加,因此需要对目标曲线部分进行优化。

9、在上述第一方面的一种可能的实现中,上述优化参数中包括第一标志位数据,第一标志位数据规定的优化方式包括:将目标曲线部分对应的第一时间段缩小,并且保持目标曲线部分对应结束时间的输出值不变。

10、可以理解,在本技术的一些实施例中,电子设备中的动画模块可以根据标志位数据判断第一动效曲线的优化方式。例如标志位数据可以包括第一标志位数据,第一标志位数据例如可以是1。当动画模块获取的标志位为1时,可以确定需要对第一动效曲线的拖尾部分进行优化(在下文中可以被称为拖尾优化)。优化方式例如可以是减少目标曲线部分的时间,以及保证目标曲线部分结尾点的输出值不变。

11、在上述第一方面的一种可能的实现中,上述优化参数包括第一优化时间,并且,基于优化参数,对第一动效曲线中,优化标识所标识的目标曲线部分进行优化,得到第一优化曲线,包括:获取对应第一标志位数据的第一曲线;基于第一曲线和第一优化时间,将目标曲线部分修改为第一修正曲线,其中,第一修正曲线对应的第二时间段小于目标曲线部分对应的第一时间段,并且第一修正曲线对应结束时间的输出值与目标曲线部分对应结束时间的输出值相同;将第一动效曲线的目标曲线部分替换为第一修正曲线,得到第一优化曲线。

12、可以理解,在本技术的一些实施例中,优化参数例如可以包括第一优化时间,第一优化时间在下文中还可以被称为优化曲线的时长。第一曲线例如可以是下文中对目标曲线部分进行拖尾优化的优化曲线,第一曲线根据标志位确定。例如标志位为第一标志位时,对应的第一曲线用于对目标曲线部分进行拖尾优化。在获取第一曲线后,可以根据第一优化时间将第一曲线的坐标转化到第一动效曲线的坐标,从而生成第一修正曲线,第一修正曲线的时间段小于目标曲线部分的时间段。然后再将第一动效曲线的目标曲线部分替换成第一修正曲线,从而得到第一优化曲线。基于第一优化曲线生成的第一动画的拖尾时间较小,因此第一动画可以快速结束,从而减少手机显示第一动画的耗能。

13、在上述第一方面的一种可能的实现中,上述目标曲线部分包括第一动效曲线对应第三时间段的部分,第三时间段包括第一动效曲线的结束时间,并且目标曲线部分的斜率正负变化次数超过第一次数阈值。

14、可以理解,在本技术的一些实施例中,目标曲线部分的斜率正负变化一次表示目标曲线部分的函数由单调递增变为单调递减(或者由单调递减变为单调递增)一次,可以理解为目标曲线部分回弹了一次。当目标曲线部分的斜率正负多次变化时,目标曲线部分进行了多次回弹。而目标曲线往复回弹的导致第一动画中的显示元素的显示属性也是往复变化,导致第一动画的视觉效果不好。例如第一次数阈值为1,当目标曲线部分的回弹次数超过1次时,可以确定需要对目标曲线进行回弹优化。

15、在上述第一方面的一种可能的实现中,上述优化参数中包括第二标志位数据,第二标志位数据规定的优化方式包括:保持目标曲线部分对应的第三时间段不变,以及目标曲线部分对应结束时间的输出值不变,并且将目标曲线部分的斜率修正为均为正斜率或者均为负斜率。

16、可以理解,在本技术的一些实施例中,第二标志位例如可以是2,当电子设备中的动画模块获取的标志位数据为第二标志位时,可以确定对目标曲线部分进行回弹优化。回弹优化的方式例如是保持目标曲线部分的时间段不变,在结尾处的输出值不变,但是需要目标曲线部分的函数为单调函数,例如单调递增或者单调递减。从而使目标曲线部分的函数不会出现往复回弹的情况。

17、在另一些实施例中,标志位数据例如还可以是0,表示第一动效曲线不需要进行优化。或者标志位数据为其他数据,表示对第一动效曲线通过其他的方式进行优化。

18、在上述第一方面的一种可能的实现中,上述优化参数包括第二优化时间,并且,基于优化参数,对第一动效曲线中,优化标识所标识的目标曲线部分进行优化,得到第一优化曲线,包括:获取对应第二标志位数据的第二曲线;基于第二曲线和第二优化时间,将目标曲线部分修改为第二修正曲线,其中,第二修正曲线对应的第四时间段等于目标曲线部分对应的第三时间段,第二修正曲线对应结束时间的输出值与目标曲线部分对应结束时间的输出值相同,并且第二修正曲线的斜率均为正斜率或者均为负斜率;将第一动效曲线的目标曲线部分替换为第二修正曲线,得到第一优化曲线。

19、可以理解,在本技术的一些实施例中,第二曲线在下文中例如还可以是对目标曲线部分进行回弹优化的优化曲线。在获取第二曲线后,可以根据第二优化时间将第二曲线的坐标转化到第一动效曲线的坐标,从而生成第二修正曲线,第二修正曲线的时间段与目标曲线部分的时间相同段。然后再将第一动效曲线的目标曲线部分替换成第二修正曲线,从而得到第一优化曲线。基于第一优化曲线生成的第一动画的显示元素的显示属性不会出现往复变化的情况,从而提高第一动画的视觉效果。

20、在上述第一方面的一种可能的实现中,上述输出值为第一动画中显示元素的显示属性,并且显示元素的显示属性包括下列中的至少一项:显示元素的尺寸、位置、角度或者透明度。

21、在上述第一方面的一种可能的实现中,还包括:获取电子设备安装的第一应用发送的第一动画的动画参数;并且上述方法还包括:在第一应用的应用界面显示第一动画。

22、可以理解,在本技术的一些实施例中,电子设备安装的第一应用触发第一动画后,会向电子设备的动画模块发送第一动画的动画参数。动画模块基于动画参数生成第一动画后,在第一应用的应用界面上显示第一动画。

23、在上述第一方面的一种可能的实现中,上述动画参数包括第一动画的时间和帧率;并且,基于第一优化曲线生成第一动画,包括:基于第一动画的时间和帧率确定第一动画中各帧图像的生成时刻;将各帧图像的生成时刻带入第一优化曲线的函数确定各帧图像中的显示元素的显示属性生成各帧图像;基于各帧图像生成第一动画。

24、可以理解,动画参数中包括第一动画的时间和帧率,通过第一动画的时间和帧率可以获得第一动画对应的图像帧的个数,以及图像帧的生成时刻。将图像帧生成的时刻带入第一优化曲线的函数中可以获得对应图像帧中显示元素的显示属性。在获得所有图像帧上的显示元素的显示属性后即可生成完整的第一动画。

25、第二方面,本技术实施例提供了一种电子设备,该电子设备包括:存储器,用于存储指令;至少一个处理器,用于执行指令以使得电子设备实现上述第一方面及上述第一方面的任意一种可能实现提供的显示方法。

26、第三方面,本技术实施例提供了一种可读存储介质,该可读存储介质上存储有指令,指令在计算机上执行时,使计算机执行上述第一方面及上述第一方面的任意一种可能实现提供的显示方法。

27、第四方面,本技术提供一种程序产品,该程序产品在电子设备上运行时使得电子设备实现上述第一方面及上述第一方面的任意一种可能实现提供的显示方法。

28、应理解,上述第二方面至第四方面的有益效果可以参考前述第一方面的描述,在此不做赘述。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1