
技术摘要:
本发明公开了一种基于动画组件的动画显示方法、装置及介质,该方法包括构造精灵图动画组件;其中,所述精灵图动画组件用于遍历精灵图并展示精灵图对应的动画效果;根据接收到的配置参数,由所述精灵图动画组件生成目标组件;绘制所述目标组件后显示所述目标组件对应的 全部
背景技术:
WPF(WPF(Windows Presentation Foundation)是基于Windows的用户界面框架, 其提供了统一的编程模型、语言和框架,从而分离界面设计人员与开发人员的工作;同时它 提供了全新的多媒体交互用户图形界面。 为了达到界面的美观,通常在WPF中使用动画,但WPF可实现简单的动画效果,对于 一些复杂的动画需要借助Gif图来达到动画效果。然而在使用Gif来达到动画效果,尤其是 WPF中引用接近透明的动画时,Gif容易导致像素失真,使得动画显示质量较低。 因此,现有技术还有待发展和改进。
技术实现要素:
基于此,本发明提供一种基于动画组件的动画显示方法、装置及介质,旨在解决现 有技术WPF中使用Gif容易导致像素失真,动画显示质量低的技术问题。 为了达到上述目的,本发明采取了以下技术方案: 一种基于动画组件的动画显示方法,所述基于动画组件的动画显示方法包括以下 步骤: 构造精灵图动画组件;其中,所述精灵图动画组件用于遍历精灵图并展示精灵图 对应的动画效果; 根据接收到的配置参数,控制所述精灵图动画组件生成目标组件; 绘制所述目标组件后显示所述目标组件对应的目标动画。 所述的基于动画组件的动画显示方法,其中,所述构造精灵图动画组件具体包括: 在WPF界面框架上创建一用于定位待展示图片以及存储控件的预设容器; 在所述预设容器上创建一用于显示图片的图像控件; 配置所述图像控件的基本属性参数; 创建一用于控制动画播放的故事板; 将所述预设容器、配置后的图像控件以及所述故事板封装成所述精灵图动画组 件。 所述的基于动画组件的动画显示方法,其中,所述基本属性参数包括单个图片高 度属性、单个图片宽度属性、图片拉伸属性、图片路径以及图片透明度属性、行数以及列数 中一种或多种。 所述的基于动画组件的动画显示方法,其中,所述故事板包括:关键帧动画,所述 关键帧动画用于将每个目标属性值定制为一个关键帧,通过动画时间线自动连接各个关键 帧,从而完成动画。 4 CN 111596983 A 说 明 书 2/6 页 所述的基于动画组件的动画显示方法,其中,所述根据接收到的配置参数,控制所 述精灵图动画组件生成目标组件具体包括: 获取待显示的目标动画的配置参数,并调用所述精灵图动画组件; 根据所述配置参数所指示的行数和列数的参数值添加并绘制所述精灵图动画组 件中的关键帧动画; 将绘制后的关键帧动画添加至所述故事板,以生成目标组件。 所述的基于动画组件的动画显示方法,其中,所述获取待显示的目标动画的配置 参数具体包括: 检测配置项区域的按钮是否被单击; 若所述配置项区域的按钮被单击,确定用户是否对所述配置项区域相关属性选项 进行选择操作或编辑操作; 若用户对所述配置项区域相关属性选项进行选择操作或编辑操作,获取被选中或 编辑后的配置参数。 所述的基于动画组件的动画显示方法,其中,所述获取待显示的目标动画的配置 参数具体包括: 根据所导入的字符数据所属的目标属性参数对默认属性参数进行更新操作,形成 目标动画对应的配置参数。 所述的基于动画组件的动画显示方法,其中,所述绘制所述目标组件后显示所述 目标组件对应的目标动画具体包括: 若接收到指令,则调用所述目标组件; 将所述目标组件中的关键帧动画导出为图片序列,并根据行数或列数对所述图片 序列排列成精灵图; 根据所接收的指令顺序遍历每一个精灵图,并显示所述目标组件对应的目标动 画。 本发明还提供一种基于动画组件的动画显示装置,其包括处理器以及与所述处理 器连接的存储器,所述存储器存储有基于动画组件的动画显示程序,所述处理器执行时用 于实现上述所述的基于动画组件的动画显示方法中的步骤。 本发明还提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或 者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现上述所述的基 于动画组件的动画显示方法中的步骤。 有益效果: 相对于现有技术,本发明提供了一种基于动画组件的动画显示方法、装置及介质, 该方法包括构造精灵图动画组件;其中,所述精灵图动画组件用于遍历精灵图并展示精灵 图对应的动画效果;根据接收到的配置参数,控制所述精灵图动画组件生成目标组件;绘制 所述目标组件后显示所述目标组件对应的目标动画。本发明旨在通过精灵图动画组件,将 动画导出为图片序列,再进行横向或纵向等一系列的排列形成精灵图,利用WPF动画来进行 播放,达到动画效果,从而给予用户更好的视觉感受,节省了大量人力与物力,还使得界面 更加炫丽和美观,极大地提高动画显示质量。 5 CN 111596983 A 说 明 书 3/6 页 附图说明 图1为本发明实施例中一种基于动画组件的动画显示方法的流程图。 图2为本发明实施例客户端界面上配置项对应的部分基础属性参数示意图。 图3为本发明实施例中一种基于动画组件的动画显示装置的功能原理框图。