动画处理方法、装置、计算机设备及存储介质.pdf

《动画处理方法、装置、计算机设备及存储介质.pdf》由会员分享，可在线阅读，更多相关《动画处理方法、装置、计算机设备及存储介质.pdf（20页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010773901.X (22)申请日 2020.08.04 (71)申请人 北京字节跳动网络技术有限公司 地址 100041 北京市石景山区实兴大街30 号院3号楼2层B-0035房间 (72)发明人 赵轶凡 (74)专利代理机构 北京中知法苑知识产权代理 有限公司 11226 代理人 李明 (51)Int.Cl. G06T 13/00(2011.01) G06K 9/62(2006.01) G06F 8/38(2018.01) G06F 9/451(2018.01) (。

2、54)发明名称 一种动画处理方法、 装置、 计算机设备及存 储介质 (57)摘要 本公开提供了一种动画处理方法、 装置、 计 算机设备及存储介质， 其中， 该方法包括： 先获取 执行中的目标动画对象， 确定所述目标动画对象 对应的动画类型， 然后基于所述动画类型对应的 待解析参数类型， 采用可视化工具从所述目标动 画对象中提取出与所述待解析参数类型对应的 动画参数信息， 最终将提取的所述动画参数信息 通过所述可视化工具进行展示。 通过这种方式， 本公开实施例可以自动为执行中的动画对象解 析出相关动画参数， 解析出的相关动画参数可以 直接呈现给动效设计师， 并可以被工程师用于动 画的代码编写， 。

3、从而节省了动效设计师与工程师 之间的沟通成本， 提高了沟通效率。 权利要求书2页 说明书11页 附图6页 CN 111951355 A 2020.11.17 CN 111951355 A 1.一种动画处理方法， 其特征在于， 包括： 获取执行中的目标动画对象， 确定所述目标动画对象对应的动画类型； 基于所述动画类型对应的待解析参数类型， 采用可视化工具从所述目标动画对象中提 取出与所述待解析参数类型对应的动画参数信息； 将提取的所述动画参数信息通过所述可视化工具进行展示。 2.根据权利要求1所述的方法， 其特征在于， 获取执行中的目标动画对象， 包括： 通过监听视图的视图层的动画添加事件， 获。

4、取所述执行中的目标动画对象。 3.根据权利要求1所述的方法， 其特征在于， 基于所述动画类型对应的待解析参数类 型， 采用可视化工具从所述目标动画对象中提取出与所述待解析参数类型对应的动画参数 信息， 包括： 若所述动画类型为基础动画或关键帧动画， 采用所述可视化工具从所述目标动画对象 中提取出动画的曲线参数信息； 若所述动画类型为物理动画， 采用所述可视化工具从所述目标动画对象中提取出动画 的物理参数信息。 4.根据权利要求13任一所述的方法， 其特征在于， 获取执行中的目标动画对象， 包 括： 获取至少一个视图分别对应的至少一个目标动画对象； 所述将解析后的所述动画参数信息通过所述可视化工。

5、具进行展示， 包括： 根据所述目标动画对象对应的视图信息， 将解析得到的目标动画对象的动画参数信息 进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 作为视图列表的下一级的动画列 表、 和作为动画列表的下一级的动画详情； 所述动画详情中包含动画参数信息； 根据所述聚类结果， 展示所述动画参数信息。 5.根据权利要求4所述的方法， 其特征在于， 根据所述聚类结果， 展示所述动画参数信 息， 包括： 展示所述视图列表； 响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图信息关联的 动画列表； 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画参数信息。 6.。

6、根据权利要求5所述的方法， 其特征在于， 展示与所述目标视图信息关联的动画列表 之后， 还包括： 响应针对所述目标视图信息的删除操作， 删除所述目标视图信息及所述目标视图信息 关联的动画列表和动画详情。 7.根据权利要求1所述的方法， 其特征在于， 将提取的所述动画参数信息通过所述可视 化工具进行展示之后， 还包括： 响应动画参数信息保存指令， 将所述动画参数信息保存在曲线预设库； 或者， 响应动画参数信息调整指令， 对所述动画参数信息进行调整， 并将调整后的动画参数 信息保存在曲线预设库。 8.一种动画处理装置， 其特征在于， 包括： 动画类型识别模块， 用于获取执行中的目标动画对象， 确定。

7、所述目标动画对象对应的 权利要求书 1/2 页 2 CN 111951355 A 2 动画类型； 解析模块， 用于基于所述动画类型对应的待解析参数类型， 采用可视化工具从所述目 标动画对象中提取出与所述待解析参数类型对应的动画参数信息； 展示模块， 用于将解析后的所述动画参数信息通过所述可视化工具进行展示。 9.一种计算机设备， 其特征在于， 包括： 处理器、 存储器和总线， 所述存储器存储有所述 处理器可执行的机器可读指令， 当所述计算机设备运行时， 所述处理器与所述存储器之间 通过总线通信， 所述机器可读指令被所述处理器执行时执行如权利要求1至7任一所述的动 画处理方法的步骤。 10.一种。

8、计算机可读存储介质， 其特征在于， 该计算机可读存储介质上存储有计算机程 序， 该计算机程序被处理器运行时执行如权利要求1至7任意一项所述的动画处理方法的步 骤。 权利要求书 2/2 页 3 CN 111951355 A 3 一种动画处理方法、 装置、 计算机设备及存储介质 技术领域 0001 本公开涉及动画技术领域， 具体而言， 涉及一种动画处理方法、 装置、 计算机设备 及存储介质。 背景技术 0002 应用程序中的动效， 也即动画效果， 是指在应用程序中的相关视图的动态表现效 果， 比如， 一个图标从A位置移动到B位置。 动效是需要进行设计的， 通过使用不同的动画参 数， 可以呈现不同的。

9、动画效果。 0003 由于动效的动态性特征相比静态特征更为复杂和不好描述， 动效的开发和验收成 本都较大。 通常， 设计师在设计好动画预览效果后， 会将该动画预览效果提供给工程师进行 动画代码的设计。 但是， 工程师会由于无法理解设计师在标注信息中提供的动效设计专业 名词， 而导致实现出来的动画效果与设计师提供的预览效果存在差异。 发明内容 0004 本公开实施例至少提供一种动画处理方法、 装置、 计算机设备及存储介质。 0005 第一方面， 本公开实施例提供了一种动画处理方法， 包括： 0006 获取执行中的目标动画对象， 确定所述目标动画对象对应的动画类型； 0007 基于所述动画类型对应。

10、的待解析参数类型， 采用可视化工具从所述目标动画对象 中提取出与所述待解析参数类型对应的动画参数信息； 0008 将提取的所述动画参数信息通过所述可视化工具进行展示。 0009 在一种可选的实施方式中， 获取执行中的目标动画对象， 包括： 0010 通过监听视图的视图层的动画添加事件， 获取所述执行中的目标动画对象。 0011 在一种可选的实施方式中， 基于所述动画类型对应的待解析参数类型， 采用可视 化工具从所述目标动画对象中提取出与所述待解析参数类型对应的动画参数信息， 包括： 0012 若所述动画类型为基础动画或关键帧动画， 采用所述可视化工具从所述目标动画 对象中提取出动画的曲线参数信。

11、息； 0013 若所述动画类型为物理动画， 采用所述可视化工具从所述目标动画对象中提取出 动画的物理参数信息。 0014 在一种可选的实施方式中， 获取执行中的目标动画对象， 包括： 0015 获取至少一个视图分别对应的至少一个目标动画对象； 0016 所述将解析后的所述动画参数信息通过所述可视化工具进行展示， 包括： 0017 根据所述目标动画对象对应的视图信息， 将解析得到的目标动画对象的动画参数 信息进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 作为视图列表的下一级的动 画列表、 和作为动画列表的下一级的动画详情； 所述动画详情中包含动画参数信息； 0018 根据所述聚类结果。

12、， 展示所述动画参数信息。 0019 在一种可选的实施方式中， 根据所述聚类结果， 展示所述动画参数信息， 包括： 说明书 1/11 页 4 CN 111951355 A 4 0020 展示所述视图列表； 0021 响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图信息关 联的动画列表； 0022 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画参数信 息。 0023 在一种可选的实施方式中， 展示与所述目标视图信息关联的动画列表之后， 还包 括： 0024 响应针对所述目标视图信息的删除操作， 删除所述目标视图信息及所述目标视图 信息关联的动画列表和动画详情。

13、。 0025 在一种可选的实施方式中， 将提取的所述动画参数信息通过所述可视化工具进行 展示之后， 还包括： 0026 响应动画参数信息保存指令， 将所述动画参数信息保存在曲线预设库； 或者， 0027 响应动画参数信息调整指令， 对所述动画参数信息进行调整， 并将调整后的动画 参数信息保存在曲线预设库。 0028 第二方面， 本公开实施例还提供一种动画处理装置， 包括： 0029 动画类型识别模块， 用于获取执行中的目标动画对象， 确定所述目标动画对象对 应的动画类型； 0030 解析模块， 用于基于所述动画类型对应的待解析参数类型， 采用可视化工具从所 述目标动画对象中提取出与所述待解析参。

14、数类型对应的动画参数信息； 0031 展示模块， 用于将解析后的所述动画参数信息通过所述可视化工具进行展示。 0032 一种可能的实施方式中， 所述动画类型识别模块， 在获取执行中的目标动画对象 时， 用于： 0033 通过监听视图的视图层的动画添加事件， 获取所述执行中的目标动画对象。 0034 一种可能的实施方式中， 所述解析模块， 在基于所述动画类型对应的待解析参数 类型， 采用可视化工具从所述目标动画对象中提取出与所述待解析参数类型对应的动画参 数信息时， 用于： 0035 若所述动画类型为基础动画或关键帧动画， 采用所述可视化工具从所述目标动画 对象中提取出动画的曲线参数信息； 00。

15、36 若所述动画类型为物理动画， 采用所述可视化工具从所述目标动画对象中提取出 动画的物理参数信息。 0037 一种可能的实施方式中， 所述动画类型识别模块， 在获取执行中的目标动画对象 时， 用于： 0038 获取至少一个视图分别对应的至少一个目标动画对象； 0039 所述将解析后的所述动画参数信息通过所述可视化工具进行展示， 包括： 0040 根据所述目标动画对象对应的视图信息， 将解析得到的目标动画对象的动画参数 信息进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 作为视图列表的下一级的动 画列表、 和作为动画列表的下一级的动画详情； 所述动画详情中包含动画参数信息； 0041。

16、 根据所述聚类结果， 展示所述动画参数信息。 0042 一种可能的实施方式中， 所述展示模块， 在根据所述聚类结果， 展示所述动画参数 说明书 2/11 页 5 CN 111951355 A 5 信息时， 用于： 0043 展示所述视图列表； 0044 响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图信息关 联的动画列表； 0045 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画参数信 息。 0046 一种可能的实施方式中， 所述动画处理装置， 还包括删除模块， 用于： 0047 响应针对所述目标视图信息的删除操作， 删除所述目标视图信息及所述目标视图 信。

17、息关联的动画列表和动画详情。 0048 一种可能的实施方式中， 所述动画处理装置， 还包括保存模块， 用于： 0049 响应动画参数信息保存指令， 将所述动画参数信息保存在曲线预设库； 或者， 0050 响应动画参数信息调整指令， 对所述动画参数信息进行调整， 并将调整后的动画 参数信息保存在曲线预设库。 0051 第三方面， 本公开实施例还提供一种计算机设备， 包括： 处理器、 存储器和总线， 所 述存储器存储有所述处理器可执行的机器可读指令， 当计算机设备运行时， 所述处理器与 所述存储器之间通过总线通信， 所述机器可读指令被所述处理器执行时执行如上述第一方 面或第一方面的任一种可能的实施。

18、方式的步骤。 0052 第四方面， 本公开实施例还提供一种计算机可读存储介质， 该计算机可读存储介 质上存储有计算机程序， 该计算机程序被处理器运行时执行上述动画处理方法的步骤。 0053 本公开实施例提供的动画处理方法、 装置、 计算机设备及存储介质， 先获取执行中 的目标动画对象， 然后确定目标动画对象对应的动画类型， 再基于所述动画类型对应的待 解析参数类型， 采用可视化工具从所述目标动画对象中提取出与所述待解析参数类型对应 的动画参数信息， 最终将解析后的动画参数信息通过可视化工具进行展示。 通过这种方式， 可以自动为执行中的动画对象解析出相关动画参数， 解析出的相关动画参数可以直接呈。

19、现 给动效设计师， 并可以被工程师用于动画的代码编写， 从而提高了代码编写的准确性， 并且 节省了动效设计师与工程师之间的沟通成本， 提高了沟通效率。 0054 为使本公开的上述目的、 特征和优点能更明显易懂， 下文特举较佳实施例， 并配合 所附附图， 作详细说明如下。 附图说明 0055 为了更清楚地说明本公开实施例的技术方案， 下面将对实施例中所需要使用的附 图作简单地介绍， 此处的附图被并入说明书中并构成本说明书中的一部分， 这些附图示出 了符合本公开的实施例， 并与说明书一起用于说明本公开的技术方案。 应当理解， 以下附图 仅示出了本公开的某些实施例， 因此不应被看作是对范围的限定， 。

20、对于本领域普通技术人 员来讲， 在不付出创造性劳动的前提下， 还可以根据这些附图获得其他相关的附图。 0056 图1示出了本公开实施例所提供的动画处理方法的流程图； 0057 图2示出了本公开实施例所提供的动画处理方法中， 几种类型动画之间的继承关 系示意图； 0058 图3示出了本公开实施例展示出来的动画解析结果示意图； 说明书 3/11 页 6 CN 111951355 A 6 0059 图4a示出了本公开实施例展示出来的视图列表示意图； 0060 图4b示出了本公开实施例展示出来的与所述目标视图信息关联的动画列表示意 图； 0061 图4c示出了本公开实施例展示出来的动画组列表示意图； 。

21、0062 图5示出了本公开实施例所提供的一种动画处理装置500的示意图； 0063 图6示出了本公开实施例所提供的一种计算机设备600的示意图。 具体实施方式 0064 为使本公开实施例的目的、 技术方案和优点更加清楚， 下面将结合本公开实施例 中附图， 对本公开实施例中的技术方案进行清楚、 完整地描述， 显然， 所描述的实施例仅仅 是本公开一部分实施例， 而不是全部的实施例。 通常在此处附图中描述和示出的本公开实 施例的组件可以以各种不同的配置来布置和设计。 因此， 以下对在附图中提供的本公开的 实施例的详细描述并非旨在限制要求保护的本公开的范围， 而是仅仅表示本公开的选定实 施例。 基于本。

22、公开的实施例， 本领域技术人员在没有做出创造性劳动的前提下所获得的所 有其他实施例， 都属于本公开保护的范围。 0065 经研究发现： 0066 由于动效设计师与工程师对于动画相关信息的专业认知的不同， 在追求高还原度 的产品研发过程中， 动效设计师与工程师耗费了大量的精力在理解、 沟通、 修改和验证的循 环中。 0067 基于上述研究， 本公开实施例提供了一种动画处理方法、 装置、 计算机设备及存储 介质， 可以在动画对象执行过程中， 对动画参数信息进行自动解析及可视化， 使得动效设计 师通过可视化工具直观地看到自动解析出的动画参数， 基于此， 动效设计师可以在与工程 师沟通的过程中， 从工。

23、程师的专业角度指出动画的问题， 大大降低了双方沟通的成本。 另 外， 工程师可以直接使用解析出的动画参数信息进行代码设计， 大大降低了出错的概率， 能 够更好地还原动效设计师的动画设计效果。 0068 上述问题的发现及解决过程均是发明人在经过实践并仔细研究后得出的结果， 因 此， 上述问题的发现过程以及下文中本公开针对上述问题所提出的解决方案， 都应该是发 明人在本公开过程中对本公开做出的贡献。 0069 下面将结合本公开实施例中的附图， 对本公开实施例中的技术方案进行清楚、 完 整地描述， 显然， 所描述的实施例仅仅是本公开一部分实施例， 而不是全部的实施例。 通常 在此处附图中描述和示出的。

24、本公开的组件可以以各种不同的配置来布置和设计。 因此， 以 下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围， 而是仅仅表示本公开的选定实施例。 基于本公开的实施例， 本领域技术人员在没有做出创 造性劳动的前提下所获得的所有其他实施例， 都属于本公开保护的范围。 0070 应注意到： 相似的标号和字母在下面的附图中表示类似项， 因此， 一旦某一项在一 个附图中被定义， 则在随后的附图中不需要对其进行进一步定义和解释。 0071 为便于对本实施例进行理解， 首先对本公开实施例所公开的动画处理方法进行详 细介绍， 本公开实施例所提供的动画处理方法的执行主体一般为具有一定。

25、计算能力的计算 机设备， 该计算机设备例如包括： 终端设备或服务器或其它处理设备， 终端设备可以为用户 说明书 4/11 页 7 CN 111951355 A 7 设备(User Equipment， UE)、 移动设备、 用户终端、 终端、 蜂窝电话、 无绳电话、 个人数字处理 (Personal Digital Assistant， PDA)、 手持设备、 计算设备、 车载设备、 可穿戴设备等。 在一 些可能的实现方式中， 该动画处理方法可以通过处理器调用存储器中存储的计算机可读指 令的方式来实现。 0072 下面以执行主体为终端设备为例对本公开实施例提供的动画处理方法加以说明。 0073。

26、 实施例一 0074 参见图1所示， 为本公开实施例一提供的动画处理方法的流程图， 所述方法包括步 骤S101S103， 其中： 0075 S101： 获取执行中的目标动画对象， 确定所述目标动画对象对应的动画类型。 0076 在具体实施中， 可以在视图的视图层(layer)中添加监听节点， 以监听动画添加事 件， 进而获取正在执行的目标动画对象。 0077 这里， 在一些操作系统中， 动画在被执行时都会被添加到视图的layer上， 所以如 果能在layer中监听到动画添加事件， 就可以获取到正在执行中的目标动画对象。 具体地， 可以为所述视图层添加预设的分类， 该分类中包含给图层添加动画的方。

27、法， 可以通过方法 替换将该方法替换为监听方法， 该监听方法为设置的用于监听目标动画对象及执行动画参 数解析过程的方法， 因而， 通过添加的分类中的监听方法可以监听到目标动画对象及执行 动画参数解析过程。 0078 在具体实施中， 由于动画类型有很多种， 对于不同的动画类型， 需要解析的动画参 数信息也不同。 因此需要先对所述目标动画对象进行识别， 确定其所属的动画类型。 0079 为了进一步理解动画类型， 下面对几种可能的动画类型进行说明。 0080 如图2所示， 为几种类型动画之间的继承关系示意图， 其中： 0081 如图2中左边分支， 物理动画(CASpringAnimation)没有对。

28、应的动画曲线， 一般需 要解析质量(mass)、 弹性(stiffness)、 阻尼(damping)、 初速度(initialVelocity)等物理 参数。 0082 物理动画继承自基础动画(CABasicAnimation) ； 基础动画和关键帧动画 (CAKeyframeAnimation)， 是具有对应的动画曲线的动画， 这里的动画曲线通常需要用一条 三阶贝塞尔曲线来表示。 一条三阶贝塞尔曲线有两个控制点， 通过这两个控制点可以表征 一条三阶贝塞尔曲线， 每个控制点都有x与y两个坐标参数， 因此表征动画曲线需要用到四 个关键参数， 除此之外， 基础动画和关键帧动画还具有起始点坐标、 。

29、结束点坐标、 动画时长、 动画中的关键帧等动画参数信息。 0083 这里， 关键帧动画相比于基础动画的区别在于， 基础动画只有初始状态和结束状 态， 而关键帧动画可以有多个控制状态。 进一步地， 表现在展示效果层面， 关键帧动画可以 展示出振动、 摇摆、 放大、 缩小等来回运动的动画效果， 而基础动画由于缺少了初始状态和 结束状态之间的控制状态， 无法展示上述来回运动的动画效果。 0084 基础动画和关键帧动画继承自抽象类动画(CAPropertyAnimation)， 也即抽象类 动画是基础动画和关键帧动画的父类； 抽象类动画没有对应的实例， 在实际应用中也无法 直接单独的使用， 因此不需要。

30、进行动画参数的解析过程。 0085 除上述动画类型外， 还存在其它类型的动画， 比如转场动画(CATransition)， 用于 不同页面之间的转场， 本公开实施例中不涉及对其的处理过程。 说明书 5/11 页 8 CN 111951355 A 8 0086 动画组(CAAnimationGroup)是多个动画的组合， 也即多个动画同时执行会被组装 成动画组， 可以单独解析组合中的每个动画的动画参数。 0087 这里， 动画组是一种组合设计模式， 可以对动画组内的动画行为进行统一控制， 也 即动画组中的各个动画效果可以并发执行。 在对所述动画组进行解析时， 对动画组内的每 个动画对象分别进行识。

31、别， 确认其所属的动画类型， 以便根据确定的动画类型对应的待解 析参数类型进行动画参数信息的提取。 0088 上述CAPropertyAnimation、 CATransition、 和CAAnimationGroup的共同的基类是 抽象基类(CAAnimation)， 也没有对应的实例， 所以无需解析。 0089 S102： 基于所述动画类型对应的待解析参数类型， 采用可视化工具从所述目标动 画对象中提取出与所述待解析参数类型对应的动画参数信息。 0090 这里， 目标动画对象中包含了用于渲染形成对应的动画效果的各种动画参数信 息， 在确定动画类型后， 就可以基于该动画类型对应的待解析参数类。

32、型， 从目标动画对象中 提取出这些待解析参数类型下的动画参数信息。 0091 如前所述， 若所述动画类型为基础动画或关键帧动画， 则待解析参数类型属于曲 线参数类型， 此时采用所述可视化工具从所述目标动画对象中提取出动画的曲线参数信 息， 比如上述两个控制点的信息； 0092 若所述动画类型为物理动画， 则待解析参数类型属于物理参数类型， 此时采用所 述可视化工具从所述目标动画对象中提取出动画的物理参数信息， 比如上述mass、 stiffness、 damping、 initialVelocity等物理参数。 0093 S103： 将提取的所述动画参数信息通过所述可视化工具进行展示。 009。

33、4 在具体实施中， 可以将解析后的动画参数信息通过可视化工具展示给动效设计 师， 基于展示的动画参数信息， 动效设计师可以判断每个动画参数信息是否符合预期， 并可 以对动画参数信息进行调整。 0095 另外， 本公开实施例可以在工程师端将解析好的动画参数信息封装起来， 形成曲 线预设库， 工程师端从曲线预设库中提取相关动画的动画参数信息， 基于动画参数信息进 行动画代码的编写， 工程师还可以基于该曲线预设库中的动画参数信息与动效设计师进行 交互， 根据动效设计师的反馈， 对动画代码进行相应的修改。 0096 如图3所示， 为本公开实施例展示出来的动画解析结果示意图。 其中， 类型(type) 。

34、包括： 差值动画(interpolation)和物理动画， 属性(attribute)代表执行动画的属性， 比如 透明度、 位置、 高度等， 比如给透明度加个动画， 对应图形会逐渐变浅或者变深。 初始数值 (start)和结束数值(end)为attribute的初始值和结束值。 动画时长(duration)为动画的 持续时长。 曲线名称(curve)为easeInOut， 可以由动效设计师定义。 0097 将这些动画解析结果发送给代码工程师端， 在工程师端将解析结果封装形成曲线 预设库， 之后， 工程师就可以直接基于动效设计师提供的曲线名称， 找到对应的动画参数信 息， 进而编写相应动画代码。。

35、 0098 另外， 在具体实施中， 由于App的业务应用场景比较复杂， 涉及到的动画也会比较 多， 直接将所有动画的参数信息全部罗列出来信息量会非常大， 一方面展示页面空间有限， 另一方面不利于用户查看。 0099 基于此， 本公开实施例对APP解析结果进行了多级聚类， 在展示动画解析结果时， 说明书 6/11 页 9 CN 111951355 A 9 进行分级展示。 具体过程如下： 0100 获取到至少一个视图分别对应的至少一个目标动画对象后， 针对每个目标动画对 象， 确定该目标动画对象对应的动画类型， 并基于所述动画类型， 解析出所述目标动画对象 的动画参数信息； 在得到各个目标动画对象。

36、的动画参数信息之后， 将解析得到的目标动画 对象的动画参数信息进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 动画列表、 和动画详情之间的层级关系； 其中， 所述视图列表中的每个视图信息关联有一个动画列表， 每个动画列表关联有至少一个动画的动画详情， 所述动画详情中包含动画参数信息； 然后， 根据所述聚类结果， 展示所述动画参数信息。 0101 这里， 一个视图就比如APP中的一个功能按钮， 比如某社交软件底部的通讯录图标 就是一个视图， 点击该通讯录图标， 通讯录图标变绿， 此时就执行了一个图标变绿的动画。 一个APP中有很多的视图， 每个视图对应有很多动画。 本公开实施例将各个动。

37、画解析结果按 照视图聚类， 每个视图对应一个动画列表， 一个动画列表中有一个或多个动画， 在展示时， 首先展示视图列表， 视图列表中有一个或多个视图。 用户基于该视图列表选中目标视图信 息后， 再展示该目标视图信息相关的动画列表， 如此依次展开， 从而一方面减少了用户一次 性浏览的信息量， 方便用户查找， 另一方面也解决了页面上展示空间不够用的问题。 0102 具体地， 根据聚类结果， 展示动画参数信息的过程可以为： 0103 首先， 展示所述视图列表， 如图4a所示； 0104 这里， 为了避免长时间监听导致视图列表数据量很大的问题， 本公开实施例添加 了清空功能。 如图4a所示， 右上角添。

38、加了删除符号 “” 。 具体地， 可以响应针对所述目标视 图信息的删除操作， 删除所述目标视图信息及所述目标视图信息关联的动画列表和动画详 情。 0105 之后， 用户(一般为动效设计师)可以针对视图列表， 选择其中一个目标视图信息 进行相关动画参数的查看及处理； 0106 此时， 响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图 信息关联的动画列表， 如图4b所示； 0107 然后， 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画 参数信息， 比如用户选中目标动画2， 展示如图3所示的动画解析结果页面； 另外， 若目标动 画为动画组， 选中该动画组后展示。

39、如图4c所示的界面， 其中包含动画组内的各个动画以及 动画之间的执行顺序(比如这里为同时执行)等信息， 进一步选中动画组中的任一动画， 可 以展示该任一动画对应的动画解析结果页面。 0108 本领域技术人员可以理解， 在具体实施方式的上述方法中， 各步骤的撰写顺序并 不意味着严格的执行顺序而对实施过程构成任何限定， 各步骤的具体执行顺序应当以其功 能和可能的内在逻辑确定。 0109 本公开实施例提供的上述动画处理方法， 可以自动为执行中的动画对象解析出相 关动画参数， 解析出的相关动画参数可以直接呈现给动效设计师， 并可以被工程师用于动 画的代码编写， 从而提高了代码编写的准确性， 并且节省了。

40、动效设计师与工程师之间的沟 通成本， 提高了沟通效率。 0110 基于同一发明构思， 本公开实施例中还提供了与动画处理方法对应的动画处理装 置， 由于本公开实施例中的装置解决问题的原理与本公开实施例上述动画处理方法相似， 说明书 7/11 页 10 CN 111951355 A 10 因此动画处理装置的实施可以参见方法的实施， 重复之处不再赘述。 0111 参照图5所示， 为本公开实施例提供的一种动画处理装置500的示意图， 其中： 0112 动画类型识别模块501， 用于获取执行中的目标动画对象， 确定所述目标动画对象 对应的动画类型； 0113 解析模块502， 用于基于所述动画类型对应的。

41、待解析参数类型， 采用可视化工具从 所述目标动画对象中提取出与所述待解析参数类型对应的动画参数信息； 0114 展示模块503， 用于将解析后的所述动画参数信息通过所述可视化工具进行展示。 0115 在一种可能的实施方式中， 动画类型识别模块501具体用于： 0116 通过监听视图的视图层的动画添加事件， 获取所述执行中的目标动画对象。 0117 在一种可能的实施方式中， 解析模块502具体用于： 0118 若所述动画类型为基础动画或关键帧动画， 采用所述可视化工具从所述目标动画 对象中提取出动画的曲线参数信息； 0119 若所述动画类型为物理动画， 采用所述可视化工具从所述目标动画对象中提取。

42、出 动画的物理参数信息。 0120 在一种可能的实施方式中， 动画类型识别模块501具体用于： 0121 获取至少一个视图分别对应的至少一个目标动画对象； 0122 展示模块503具体用于： 0123 根据所述目标动画对象对应的视图信息， 将解析得到的目标动画对象的动画参数 信息进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 作为视图列表的下一级的动 画列表、 和作为动画列表的下一级的动画详情； 所述动画详情中包含动画参数信息； 0124 根据所述聚类结果， 展示所述动画参数信息。 0125 在一种可能的实施方式中， 展示模块503具体用于： 0126 展示所述视图列表； 0127 。

43、响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图信息关 联的动画列表； 0128 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画参数信 息。 0129 在一种可能的实施方式中， 所述动画处理装置500还包括： 0130 删除模块504， 用于在展示模块503展示与所述目标视图信息关联的动画列表之 后， 响应针对所述目标视图信息的删除操作， 删除所述目标视图信息及所述目标视图信息 关联的动画列表和动画详情。 0131 在一种可能的实施方式中， 所述动画处理装置500还包括： 0132 保存模块505， 用于响应动画参数信息保存指令， 将所述动画参数信息保存在。

44、曲线 预设库； 或者， 0133 响应动画参数信息调整指令， 对所述动画参数信息进行调整， 并将调整后的动画 参数信息保存在曲线预设库。 0134 关于装置中的各模块的处理流程、 以及各模块之间的交互流程的描述可以参照上 述方法实施例中的相关说明， 这里不再详述。 0135 基于同一技术构思， 本公开实施例还提供了一种计算机设备。 参照图6所示， 为本 说明书 8/11 页 11 CN 111951355 A 11 公开实施例提供的计算机设备600的结构示意图， 包括处理器601、 存储器602、 和总线603。 其中， 存储器602用于存储执行指令， 包括内存6021和外部存储器6022； 。

45、这里的内存6021也 称内部存储器， 用于暂时存放处理器601中的运算数据， 以及与硬盘等外部存储器6022交换 的数据， 处理器601通过内存6021与外部存储器6022进行数据交换， 当计算机设备600运行 时， 处理器601与存储器602之间通过总线603通信， 使得处理器601在执行以下指令： 0136 获取执行中的目标动画对象， 确定所述目标动画对象对应的动画类型； 0137 基于所述动画类型对应的待解析参数类型， 采用可视化工具从所述目标动画对象 中提取出与所述待解析参数类型对应的动画参数信息； 0138 将提取的所述动画参数信息通过所述可视化工具进行展示。 0139 一种可能的实。

46、施方式中， 处理器601执行的指令中， 获取执行中的目标动画对象， 包括： 0140 通过监听视图的视图层的动画添加事件， 获取所述执行中的目标动画对象。 0141 一种可能的实施方式中， 处理器601执行的指令中， 基于所述动画类型对应的待解 析参数类型， 采用可视化工具从所述目标动画对象中提取出与所述待解析参数类型对应的 动画参数信息， 包括： 0142 若所述动画类型为基础动画或关键帧动画， 采用所述可视化工具从所述目标动画 对象中提取出动画的曲线参数信息； 0143 若所述动画类型为物理动画， 采用所述可视化工具从所述目标动画对象中提取出 动画的物理参数信息。 0144 一种可能的实施。

47、方式中， 处理器601执行的指令中， 获取执行中的目标动画对象， 包括： 0145 获取至少一个视图分别对应的至少一个目标动画对象； 0146 所述将解析后的所述动画参数信息通过所述可视化工具进行展示， 包括： 0147 根据所述目标动画对象对应的视图信息， 将解析得到的目标动画对象的动画参数 信息进行聚类， 生成聚类结果， 所述聚类结果中包括视图列表、 作为视图列表的下一级的动 画列表、 和作为动画列表的下一级的动画详情； 所述动画详情中包含动画参数信息； 0148 根据所述聚类结果， 展示所述动画参数信息。 0149 一种可能的实施方式中， 处理器601执行的指令中， 根据所述聚类结果， 。

48、展示所述 动画参数信息， 包括： 0150 展示所述视图列表； 0151 响应针对所述视图列表中目标视图信息的选中操作， 展示与所述目标视图信息关 联的动画列表； 0152 响应针对所述动画列表中目标动画的选中操作， 展示所述目标动画的动画参数信 息。 0153 一种可能的实施方式中， 处理器601执行的指令中， 展示与所述目标视图信息关联 的动画列表之后， 还包括： 0154 响应针对所述目标视图信息的删除操作， 删除所述目标视图信息及所述目标视图 信息关联的动画列表和动画详情。 0155 一种可能的实施方式中， 处理器601执行的指令中， 将提取的所述动画参数信息通 说明书 9/11 页 。

49、12 CN 111951355 A 12 过所述可视化工具进行展示之后， 还包括： 0156 响应动画参数信息保存指令， 将所述动画参数信息保存在曲线预设库； 或者， 0157 响应动画参数信息调整指令， 对所述动画参数信息进行调整， 并将调整后的动画 参数信息保存在曲线预设库。 0158 本公开实施例还提供一种计算机可读存储介质， 该计算机可读存储介质上存储有 计算机程序， 该计算机程序被处理器运行时执行上述方法实施例中所述的动画处理方法的 步骤。 其中， 该存储介质可以是易失性或非易失的计算机可读取存储介质。 0159 本公开实施例所提供的动画处理方法的计算机程序产品， 包括存储了程序代码。

50、的 计算机可读存储介质， 所述程序代码包括的指令可用于执行上述方法实施例中所述的动画 处理方法的步骤， 具体可参见上述方法实施例， 在此不再赘述。 0160 本公开实施例还提供一种计算机程序， 该计算机程序被处理器执行时实现前述实 施例的任意一种方法。 该计算机程序产品可以具体通过硬件、 软件或其结合的方式实现。 在 一个可选实施例中， 所述计算机程序产品具体体现为计算机存储介质， 在另一个可选实施 例中， 计算机程序产品具体体现为软件产品， 例如软件开发包(Software Development Kit， SDK)等等。 0161 所属领域的技术人员可以清楚地了解到， 为描述的方便和简洁，。