Lottie动画概述,文末有彩蛋

2023-11-19


原生的动画效果有时候写起来会非常的复杂,要考虑到很多兼容和效果。Lottie动画专门为了解决这种烦恼而产生的。

(注:不仅是Lottie可以做到,另外一种库也可以做到将动画分成一帧一帧展示,它就是 android-gif-drawable 库,不过他适用的平台只有Android)

Lottie就是一个开源动画库,它的属性是这样的:

  1. 首先,它的编写平台并不是专门的程序IDE,而是绘图软件AE(After Effects),所以绘制的工作就从程序员手上交给了美工的兄弟。美工在AE上完成动画后,将 输出 通过AE上的插件,转化成 Json格式。这就有点像SVG矢量图,它既可以是个svg格式的图片,又可以变成 代码的形式让程序进行操控其属性(颜色、路径等等)。(附SVG讲解:Android自定义控件开发入门与实战(7)SVG动画

  2. 因为转化成了Json格式,所以 它变得更加 轻便了 ,并且可以使用的平台也会变多,一套Json代码可以 Android、IOS、RN、Web平台都可以使用Lottie动画。

Lottie的制作流程如下:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Lottie动画概述,文末有彩蛋 的相关文章

随机推荐

  • vue跳转this.$router.push()同一路由如何强制刷新页面

    1 新建一个名为refresh vue的文件 放在你认为合理的任意目录 2 在refresh vue里添加 beforeRouteEnter 路由钩子 代码块 代码如下
  • Unity经典项目及作品

    1 Unity Chan Toon Shader https github com unity3d jp UnityChanToonShaderVer2 Project 2 Procedural Cave Generator https g
  • Tensorflow--------tf.nn库

    1 tf nn 提供神经网络相关操作 包括卷积神经 conv 池化操作 pooling 归一化 loss 分类操作 embedding RNN Evaluation 2 tf layers 高层的神经网络 和卷积神经有关 3 tf cont
  • 4 Tesseract-ocr 系列 : 开源OCR比较

    对开源OCR做一个简单的调研 网上找到的关于OCR的一些资料 国内参考资料 最好的开源或开放API的ocr引擎是什么 https www zhihu com question 22417946 列举了4中OCR 目录 1 Tesseract
  • LMDI(对数平均迪氏指数法)模型

    LMDI 对数平均迪氏指数法 模型 含stata代码以及计算参考文献 1 数据来源 见对应参考文献 2 时间跨度 无 3 区域范围 全国 4 指标说明 分享文件里面包括stata的程序文件 ado pkg sthlp 案例数据 中文的使用文
  • 服务器版dll修复工具,dll修复工具

    winmm dll是Windows多媒体相关应用程序接口 用于低档的音频和游戏手柄 缺少它可能造成部分软件无声音 当你的电脑提示 丢失winmm dll 或者 没有找到winmm dll 等类似错误信息 如果sqlite3 dll系统文件丢
  • UHD在window10下的安装

    matlab提供usrp工具箱 需要先安装UHD 才能安装相应的usrp UHD在windows10下的安装 官网有相应的Binary Installation和Building and Installing UHD from source
  • 移植tslib时ts_setup: No such file or directory、ts_open: No such file or director

    作者 Jack G 时间 2021 04 20 版本 上次修改时间 批注 ts test mt ts setup No such file or directory ts test ts open No such file or direc
  • [极客大挑战 2019] Knife1

    这道题原本很简单的可以用蚁剑连接 但是我的蚁剑多多少少有点问题 所以我用hackbar解题 提供另外一种思路 如果你和我一样的话也可以用hackbar 打开题目 发现直接给了我们连接密码 打开hackbar 先测试一下能否连接上 Syc p
  • 节点主动可信监控机制

    节点主动监控机制一般是通过调用在操作系统 虚拟机监视器 VMM 底层函数和中间件中的钩子函数来实现对上层行为的监控 监控过程过程可抽象为可信度量 可信决策 可信控制 同时 对系统中已有的安全机制 可信软件也可以通过策略输出和审计接入将它们纳
  • vue3变化+vue3项目的创建

    VUE3新特性 createApp 在 Vue 3 中 改变全局 Vue 行为的 API 现在被移动到了由新的createApp方法所创建的应用实例上 vue3 0中使用createApp 来创建vue实例 import createApp
  • 1-PointNetGPD论文阅读

    资源相关 1 项目地址 https lianghongzhuo github io PointNetGPD 2 源码地址 https github com lianghongzhuo PointNetGPD 3 论文地址 https arx
  • gdb调试心得体会

    gdb调试心得体会 首先进入gdb 调试二进制程序 gdb msgsvr dev 然后 运行 run 然后coredump了 输入bt查看调用栈 bt 然后查看函数栈 f 进入到指定的函数 然后查看具体行数 l number 然后break
  • Conditional Prompt Learning for Vision-Language Models

    本文是对CoOp方法提出的改进 CoOp由论文Learning to Prompt for Vision Language Models提出 CoOp针对CLIP模型做了改进 将人工设计的提示修改为了可学习的参数 具体来说就是 CoOp不再
  • Visual Studio 2022 CMake C++ Hello World

    C 自学精简教程 目录 必读 Visual Studio 2022 安装 什么是CMake CMake是跨平台的C C 工程构建工具 我们知道 在Windows上用Visual Studio开发C C 代码 工程文件是用 vcxproj文件
  • chatgpt赋能Python-python_3__3

    Python 3 3 深入探讨Python中的相等运算符 在Python中 我们经常需要比较两个值是否相等 而Python的相等运算符 是用来判断两个值是否相等 在这篇文章中 我们将深入探讨Python中的 运算符 两个等号的作用 在Pyt
  • Maven 项目打包源文件 *-sources.jar

    在 pom xml 配置文件中添加以下插件
  • 瑞数信息联合中国信通院发布《云上WAAP发展洞察报告(2023)》

    8月25日 由中国信息通信研究院 以下简称 中国信通院 和中国通信标准化协会联合主办的 2023云和软件安全大会 在北京召开 会上 瑞数信息与中国信通院云计算与大数据研究所联合撰写的 云上WAAP发展洞察报告 2023 以下简称 报告 正式
  • 区块链能够解决价值对等问题吗?

    如果说互联网让信息透明和平等 降低或者使得获取信息成本为零 那么区块链则是让价值更公平 原因在于区块链技术的去中心化与分布式数据存储 一般来说 商业进化需经历三个阶段 由PC互联网 移动互联网所控制的信息互联网 称为第一阶段 由物联网 人工
  • Lottie动画概述,文末有彩蛋

    原生的动画效果有时候写起来会非常的复杂 要考虑到很多兼容和效果 Lottie动画专门为了解决这种烦恼而产生的 注 不仅是Lottie可以做到 另外一种库也可以做到将动画分成一帧一帧展示 它就是 android gif drawable 库