CN110727471A - 一种动态可扩展的加载动画的方法 - Google Patents

一种动态可扩展的加载动画的方法 Download PDF

Info

Publication number
CN110727471A
CN110727471A CN201910845609.1A CN201910845609A CN110727471A CN 110727471 A CN110727471 A CN 110727471A CN 201910845609 A CN201910845609 A CN 201910845609A CN 110727471 A CN110727471 A CN 110727471A
Authority
CN
China
Prior art keywords
animation
loading
determined
attribute
mode
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910845609.1A
Other languages
English (en)
Inventor
丁宇航
余福荣
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Jiuxin Internet Of Things Science & Technology Co Ltd
Original Assignee
Hangzhou Jiuxin Internet Of Things Science & Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hangzhou Jiuxin Internet Of Things Science & Technology Co Ltd filed Critical Hangzhou Jiuxin Internet Of Things Science & Technology Co Ltd
Priority to CN201910845609.1A priority Critical patent/CN110727471A/zh
Publication of CN110727471A publication Critical patent/CN110727471A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2213/00—Indexing scheme for animation
    • G06T2213/08—Animation software package

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种动态可扩展的加载动画的方法，属于互联网技术领域，解决了构建一个可扩展、复用的动画容器需求的问题，其技术要点是：通过SD卡、App内部assets或网络接口返回json文本的方式响应于用户的数据加载请求，然后通过Json配置文件获取在加载数据的过程中显示的动画A；实现可扩展、可复用、按需加载，实现了动画容器化，根据实际情况，将动画分为一个独立的场景，每个场景分为多个事件，如果一个动画用原生或者Lottie能直接实现，那么只需一个简单的事件即可。当一个动画需要多个事件或多个场景才能实现时，根据读取配置文件，进行动画拆分，选择合适的原生或lottie的方式，分段加载。

Description

一种动态可扩展的加载动画的方法
技术领域
本发明涉及互联网技术领域，应用于安卓移动端动画处理，具体是涉及一种动态可扩展的加载动画的方法。
背景技术
安卓端的动画实现以帧动画、补间动画、属性动画等原生实现为主，另外还有Lottie，SVGAPlayer等复杂动画的开源库可提供支持，开发者应用上述方式可以满足日常大部分开发需求。
缺点是：原生动画需要根据实际情况编写不同的实现方式，在实现复杂动画时需要耗费大量的时间去编码、微调，而Lottie、SVGAPlayer不支持大部分的遮罩、蒙版、合并路径等动画效果，而上述不支持的效果，在动画设计者中，往往是一个公司技术的体现，也是在客户眼中的亮点。
原因在于：
1、设计和开发是跨度比较大的职业，对动画的实现，设计师并不能给予开发者足够对称的细节描述。在实现上，复杂的原生动画往往涉及到数学，如高阶贝塞尔曲线等，还原度越高越耗时。
2、Lottie、SVGAPlayer可以跳过上述的问题，但在设计时，如果使用了上述不支持的效果，运行在安卓上就会丢失这些效果，限制很多。
市场的需求需要我们进行敏捷开发，微服务、组件化等新技术需要安卓开发者在更短的时间内，完成动画开发。
因此，结合上述各动画方式的优点，构建一个可扩展、复用的动画容器，是十分必要的。
发明内容
针对现有技术存在的不足，本发明实施例的目的在于提供一种根据不同场景加载复杂动画的方法，以解决上述背景技术中的问题。
为实现上述目的，本发明提供如下技术方案：
一种动态可扩展的加载动画的方法，通过SD卡、App内部assets或网络接口返回json文本的方式响应于用户的数据加载请求，然后通过Json配置文件获取在加载数据的过程中显示的动画A，然后根据所述动画文件形成动画配置文件，直至所述数据加载完成；
加载完成的数据至动画容器，通过动画容器加载时，根据所述动画文件设置的至少包括选择动画对象的属性在所确定绘制动画的区域内绘制至少一个动画元素，加载方式的属性在所确定绘制动画的区域内绘制至少一个动画元素、图片处理的属性在所确定绘制动画的区域内绘制至少一个动画元素，以及文字处理的属性在所确定绘制动画的区域内绘制至少一个动画元。
作为本发明进一步的方案，所述选择动画对象的属性在所确定绘制动画的区域内绘制动画元素包括SVGA、lottie、属性动画、补间动画和帧动画。
作为本发明进一步的方案，所述加载方式的属性在所确定绘制动画的区域内绘制动画元素包括时间轴、播放方式、XYZ轴处理及事件回调。
作为本发明进一步的方案，所述时间轴的属性在所确定绘制动画的区域内绘制动画元素包括同步加载、顺序加载和延时加载；播放方式的属性在所确定绘制动画的区域内绘制动画元素包括播放一次和循环播放；XYZ轴处理的属性在所确定绘制动画的区域内绘制动画元素包括XY轴偏移和Z轴层叠次序；事件回调的属性在所确定绘制动画的区域内绘制动画元素包括动画A开始时/结束时启动动画B、点击/长按动画A时触发动画B。
作为本发明进一步的方案，所述图片处理的属性在所确定绘制动画的区域内绘制动画元素包括图片替换，文字处理的属性在所确定绘制动画的区域内绘制动画元素包括文字替换。
综上所述，本发明实施例与现有技术相比具有以下有益效果：
本发明的动态可扩展的加载动画的方法，根据实际情况，将动画分为一个独立的场景，每个场景分为多个事件，如果一个动画用原生或者Lottie能直接实现，那么只需一个简单的事件即可。当一个动画需要多个事件或多个场景才能实现时，根据读取配置文件，进行动画拆分，选择合适的原生或lottie的方式，分段加载。
为更清楚地阐述本发明的结构特征和功效，下面结合附图与具体实施例来对本发明进行详细说明。
附图说明
图1为本发明动态可扩展的加载动画的方法的简要实现流程示意图。
图2为本发明动态可扩展的加载动画的方法的场景举例示意图。
具体实施方式
下面结合附图和具体实施例对本发明的技术方案做进一步的说明。
实施例1
参见图1，一种动态可扩展的加载动画的方法，包括以下步骤：
步骤一、通过SD卡、App内部assets或网络接口返回json文本的方式响应于用户的数据加载请求，然后通过Json配置文件获取在加载数据的过程中显示的动画A，然后根据所述动画文件形成动画配置文件，直至所述数据加载完成；
步骤二、加载完成的数据至动画容器，通过动画容器加载时，根据所述动画文件设置的至少包括选择动画对象的属性在所确定绘制动画的区域内绘制至少一个动画元素，加载方式的属性在所确定绘制动画的区域内绘制至少一个动画元素、图片处理的属性在所确定绘制动画的区域内绘制至少一个动画元素，以及文字处理的属性在所确定绘制动画的区域内绘制至少一个动画元；
步骤三、选择动画对象的属性在所确定绘制动画的区域内绘制动画元素包括SVGA、lottie、属性动画、补间动画和帧动画；
步骤四、加载方式的属性在所确定绘制动画的区域内绘制动画元素包括时间轴、播放方式、XYZ轴处理及事件回调；
其中，时间轴的属性在所确定绘制动画的区域内绘制动画元素包括同步加载、顺序加载和延时加载；播放方式的属性在所确定绘制动画的区域内绘制动画元素包括播放一次和循环播放；XYZ轴处理的属性在所确定绘制动画的区域内绘制动画元素包括XY轴偏移和Z轴层叠次序；事件回调的属性在所确定绘制动画的区域内绘制动画元素包括动画A开始时/结束时启动动画B、点击/长按动画A时触发动画B；
步骤五、图片处理的属性在所确定绘制动画的区域内绘制动画元素包括图片替换，文字处理的属性在所确定绘制动画的区域内绘制动画元素包括文字替换。
实施例2
参见图2所示，一种动态可扩展的加载动画的方法，其应用时可以为以下使用场景：
使用场景为员工登记，其中，先进行读取配置文件，获得员工登记的动画场景，其包括以下四个场景：
场景1，入场动画；
场景2，扫描动画；
场景3，成功动画；
场景4，结束动画。
然后，员工登记时，动画开始，动画场景1，播放完毕，分别使用了帧动画，属性动画加载；场景2，扫描用户人脸，生成用户头像，使用了lottie；加载场景3，并将头像合成到制定位置，使用了属性动画；用户交互，触发点击事件，倒计时3秒后加载场景4。
采用本发明的动态可扩展的加载动画的方法，实现可扩展、可复用、按需加载，实现了动画容器化，能够根据实际情况，将动画分为一个独立的场景，每个场景分为多个事件，如果一个动画用原生或者Lottie能直接实现，那么只需一个简单的事件即可。当一个动画需要多个事件或多个场景才能实现时，根据读取配置文件，进行动画拆分，选择合适的原生或lottie的方式，分段加载。
以上结合具体实施例描述了本发明的技术原理，仅是本发明的优选实施方式。本发明的保护范围并不仅局限于上述实施例，凡属于本发明思路下的技术方案均属于本发明的保护范围。本领域的技术人员不需要付出创造性的劳动即可联想到本发明的其它具体实施方式，这些方式都将落入本发明的保护范围之内。

Claims (6)

1.一种动态可扩展的加载动画的方法，其特征在于，包括以下步骤：
步骤一、响应于用户的数据加载请求，然后通过Json配置文件获取在加载数据的过程中显示的动画A，然后根据所述动画文件形成动画配置文件，直至所述数据加载完成；
步骤二、加载完成的数据至动画容器，通过动画容器加载时，根据所述动画文件设置的至少包括选择动画对象的属性在所确定绘制动画的区域内绘制至少一个动画元素，加载方式的属性在所确定绘制动画的区域内绘制至少一个动画元素、图片处理的属性在所确定绘制动画的区域内绘制至少一个动画元素，以及文字处理的属性在所确定绘制动画的区域内绘制至少一个动画元。
2.根据权利要求1所述的动态可扩展的加载动画的方法，其特征在于，步骤一中，响应于用户的数据加载请求的方式包括SD卡、App内部assets或网络接口返回json文本的方式。
3.根据权利要求1所述的动态可扩展的加载动画的方法，其特征在于，步骤二中，选择动画对象的属性在所确定绘制动画的区域内绘制动画元素包括SVGA、lottie、属性动画、补间动画和帧动画。
4.根据权利要求1所述的动态可扩展的加载动画的方法，其特征在于，步骤二中，加载方式的属性在所确定绘制动画的区域内绘制动画元素包括时间轴、播放方式、XYZ轴处理及事件回调。
5.根据权利要求4所述的动态可扩展的加载动画的方法，其特征在于，时间轴的属性在所确定绘制动画的区域内绘制动画元素包括同步加载、顺序加载和延时加载；播放方式的属性在所确定绘制动画的区域内绘制动画元素包括播放一次和循环播放；XYZ轴处理的属性在所确定绘制动画的区域内绘制动画元素包括XY轴偏移和Z轴层叠次序；事件回调的属性在所确定绘制动画的区域内绘制动画元素包括动画A开始时/结束时启动动画B、点击/长按动画A时触发动画B。
6.根据权利要求1所述的动态可扩展的加载动画的方法，其特征在于，步骤二中，图片处理的属性在所确定绘制动画的区域内绘制动画元素包括图片替换，文字处理的属性在所确定绘制动画的区域内绘制动画元素包括文字替换。
CN201910845609.1A 2019-09-09 2019-09-09 一种动态可扩展的加载动画的方法 Pending CN110727471A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910845609.1A CN110727471A (zh) 2019-09-09 2019-09-09 一种动态可扩展的加载动画的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910845609.1A CN110727471A (zh) 2019-09-09 2019-09-09 一种动态可扩展的加载动画的方法

Publications (1)

Publication Number Publication Date
CN110727471A true CN110727471A (zh) 2020-01-24

Family

ID=69217893

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910845609.1A Pending CN110727471A (zh) 2019-09-09 2019-09-09 一种动态可扩展的加载动画的方法

Country Status (1)

Country Link
CN (1) CN110727471A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022033131A1 (zh) * 2020-08-11 2022-02-17 深圳市前海手绘科技文化有限公司 基于json数据格式的动画渲染方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103914450A (zh) * 2012-12-31 2014-07-09 北京新媒传信科技有限公司 移动终端平台中网页图片呈现方法和装置
CN107230243A (zh) * 2017-05-23 2017-10-03 烟台南山学院 一种基于二维动画的时空一致的变速内插方法
CN108132820A (zh) * 2017-11-14 2018-06-08 广州爱九游信息技术有限公司 动态图片显示方法、装置及设备
CN109636884A (zh) * 2018-10-25 2019-04-16 阿里巴巴集团控股有限公司 动画处理方法、装置及设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103914450A (zh) * 2012-12-31 2014-07-09 北京新媒传信科技有限公司 移动终端平台中网页图片呈现方法和装置
CN107230243A (zh) * 2017-05-23 2017-10-03 烟台南山学院 一种基于二维动画的时空一致的变速内插方法
CN108132820A (zh) * 2017-11-14 2018-06-08 广州爱九游信息技术有限公司 动态图片显示方法、装置及设备
CN109636884A (zh) * 2018-10-25 2019-04-16 阿里巴巴集团控股有限公司 动画处理方法、装置及设备

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
3DS MAX动漫三维项目制作教程_2: "《3ds Max动漫三维项目制作教程》", 30 August 2012 *
EDIUS 7影视编辑全实例_2: "《EDIUS 7影视编辑全实例_2》", 30 August 2014 *
渡口一艘船的博客: "_-CSDN博客", 《LOTTIE的使用及原理浅析》 *
王琦电脑动画工作室, 北京科海电子出版社 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022033131A1 (zh) * 2020-08-11 2022-02-17 深圳市前海手绘科技文化有限公司 基于json数据格式的动画渲染方法

Similar Documents

Publication Publication Date Title
TWI808393B (zh) 頁面處理方法、裝置、設備及儲存媒體
CN109194960B (zh) 一种图像帧渲染方法、装置及电子设备
CN109032722B (zh) 更新ui组件的显示效果的方法、装置及设备、介质
JP6941617B2 (ja) ハイブリッドアプリケーションにおいてＬｉｓｔＣｅｌｌを再利用する方法及び装置
CN105511873B (zh) 用户界面控件展示方法及装置
CN107179920B (zh) 网络引擎启动方法及装置
WO2022033131A1 (zh) 基于json数据格式的动画渲染方法
US11762654B2 (en) Processing framework for in-system programming in a containerized environment
CN110020356A (zh) 一种页面模块的代码生成方法、装置及系统
WO2019222811A1 (en) Method of processing push information, method of pushing advertisement information, device and platform
CN111459501A (zh) 基于SVG的Web组态画面存储与展示系统和方法及介质
CN105824517A (zh) 一种桌面的实现方法和装置
CN112947969A (zh) 一种页面离屏渲染方法、装置、设备和可读介质
CN113110829A (zh) 多ui组件库数据处理方法及装置
CN110727471A (zh) 一种动态可扩展的加载动画的方法
US7743387B2 (en) Inheritance context for graphics primitives
CN111443945B (zh) 组件代码修改方法及设备
CN114331808A (zh) 一种动作姿态存储方法、装置、介质及电子设备
JP2010282200A (ja) アニメーションフォントファイルの構造及び携帯用端末のテキスト出力方法
US11455318B2 (en) Data replication using probabilistic replication filters
CN114547515A (zh) 页面生成方法、系统、装置、设备及存储介质
CN103116632A (zh) 一种主题包的生成方法、装置和设备
CN114692581A (zh) 电子表单子表显示方法、装置、设备以及存储介质
CN115104092A (zh) 数据同步方法及相关装置
CN114692583A (zh) 电子表单审批流水号生成方法、装置、设备以及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20200124

RJ01 Rejection of invention patent application after publication