E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Lottie
CAShaperLayer的BezierPath动画
CAShaperLayer来绘制这些图形,因为他比较简单且易维护,但是有时候会遇到一些bezierPath的动画,这个时候往往就会出现各种奇怪的动画效果,比如美团外卖的tab,如果为了快速完成需求,可以直接用
lottie
boy丿log
·
2023-10-23 16:10
swift 使用帧动画(CAKeyframeAnimation)实现
Lottie
播放小动画效果
废话不说先上图QQ20210425-101606-HD.gif有人开始说了,你这等于脱裤子放屁,那我引入大佬的一句话,存在即为合理,下面是GitHubLottie提出的issues4DA653747AE599E5EFFAAF2F00120FFB.jpgCPU占用过高,这不能忍啊,我是这个小动画是一个按钮上的,当直播状态为直播中时间展示,就仅仅一个这么小的动画CPU占用在30%左右,官方作者也提出了
糖糖本尊
·
2023-10-23 08:04
lottie
android 卡顿,说说动画卡顿的解决方案
CSS3动画卡顿解决方案前端时间用animation实现H5页面中首页动画过渡,很简单的一个效果,首页加载一个客服头像,先放大,停留700ms后再缩小至顶部。代码如下首页加载动画.welcome-main{display:none;padding-bottom:40px;}.top-info{width:100%;position:absolute;left:0;top:93px;}.wec-im
狄息桐
·
2023-10-22 14:31
lottie
android
卡顿
JS &
Lottie
web 动画的使用
一、什么是
Lottie
?
Lottie
是一款兼容跨平台Android/IOS/Web的动画操作库,只需引入一份JSON文件便可播放动画。
cookcyq
·
2023-10-22 09:58
JavaScript
前端
javascript
vue3+vite中使用
Lottie
动画
Lottie
通过读取json文件信息实现动画效果官方文档
Lottie
官网
lottie
库有众多动画选择下载LottieJSON到项目中安装
Lottie
包pnpmaddlottie-web模板创建引入
lottie
-web
六便士的理想
·
2023-10-21 15:13
前端
js 简单的请求XMLHttpRequest
简单的请求XMLHttpRequest//发送请求letxhr=newXMLHttpRequest()xhr.open('get',domainURL+'/dc/repay-gold/
lottie
/0301redPacket
确认过眼神cxy
·
2023-10-13 05:07
js小问题
javascript
开发语言
vue 中
lottie
动画实战使用
this.animation=window.
lottie
.loadAnimation({container:window.document.getElementById('sky_falling_surprise
确认过眼神cxy
·
2023-10-13 05:07
js小问题
vue.js
前端
javascript
音视频开发之旅(63) -
Lottie
源码分析之动画与绘制
目录动画和绘制的流程LayerView树ShapeLayer的分析
Lottie
优劣以及rLottie、PAG的介绍资料收获上一篇我们学习分析了
Lottie
的json解析部分.这篇我们分析的动画和渲染部分
yabin小站
·
2023-10-12 00:06
Android 动画实现方式以及对比(GIF和WebP,
Lottie
和SVGA,原生动画)
最近需求涉及到较为复杂的动画实现,虽然后来完成与今天所要讲的毫无关系(实现方式会在下篇讲)。但是也是由此萌生了我对市面上较为流行动画的实现方式产生了兴趣,到底是谁好用呢?是谁更优秀呢?GIF和WebPGIF:图像互换格式(GIF,GraphicsInterchangeFormat)是一种位图图形文件格式,以8位色(即256种颜色)重现真彩色的图像。它实际上是一种压缩文档,采用LZW压缩算法进行编码
CCstar1
·
2023-10-11 20:48
Android
动画
动画
Flutter - 波浪动画和
lottie
动画的使用
demo地址:https://github.com/iotjin/jh_flutter_demo代码不定时更新,请前往github查看最新代码波浪动画三方库wavelottie动画
Lottie
是Airbnb
西半球
·
2023-10-10 22:11
Flutter
flutter
Android平台实现
lottie
动画
1、
lottie
动画简介
Lottie
是一个应用十分广泛动画库,适用于Android、iOS、Web、ReactNative、Windows的库,它解析了用Bodymovin导出为json的AdobeAfterEffects
niuyongzhi
·
2023-10-09 17:35
android开发
android
Android-
Lottie
动画框架使用详解
Lottie
是常用的动画框架之一,分享一下我个人了解到相关的知识。
阿博聊编程
·
2023-10-09 15:03
SmartRefreshLayout
lottie
打造自己的刷新动画
前言:看着自己创建时间2016年,CSDN2015年。自己在这最好的年华居然连技术文章或者论文都没发表过,怎么对的起我看过前辈们的心血和付出。在此我还是决定了今后的总结方向不在是单一的笔记和书本,还是为IT大军做一份贡献。正文:写这篇文章主要是为了当前日益增多三方库和开发中的一些日常造轮子,加自己的经验总结效果图:效果图.gif库:SmartRefreshLayoutLottieLottieFil
关二哥lee
·
2023-10-05 18:34
Android加载
Lottie
动画
一、
Lottie
是什么?
Lottie
是airbnb发布的库,它可以将AE制作的动画,在Android&iOS&ReactNative上,以native代码渲染出来。
像个战士一样去战斗
·
2023-10-03 18:47
vue项目中使用阿里巴巴矢量图标库中的
Lottie
库
iconfont-阿里巴巴矢量图标库先看效果图:使用过程:1,安装插件yarnaddlottie-web2,本文将
lottie
-web挂载到了vue上;在main.js文件中:importlottiefrom"
lottie
-web
汉武大帝·
·
2023-09-28 14:17
Vue.js
vue.js
前端
javascript
Android - Monkey 测试应用出现Crash报错IllegalStateException
问题描述平时使用
Lottie
动画都是正常的,没出过这个crash问题,看下的报错信息,代码中文件夹也设置了,没看出来问题。
孔小乐
·
2023-09-25 22:51
Android开发问题
android
功能测试
android延时函数内存泄露,android应用程序类中ProgressDialog的内存泄漏
我在
Lottie
的应用程序类中使用了一个进度对话框,但是在显示进度对话框时出现内存泄漏我怎样才能修好它?
兔小白王子
·
2023-09-25 11:35
android延时函数内存泄露
Flutter 134: 图解动画小插曲之 SVGA 动画
小菜之前尝试了Flare和
Lottie
动画,实现效果都很高效;今天小菜尝试另一种思路SVGA动画;SVGA是一种同时兼容iOS/Android/Flutter/Web多个平台的动画格式;SVGA基本简介小菜首先赞美一下
阿策神奇
·
2023-09-24 03:16
微信小程序 页面重载
Lottie
动画不执行问题
代码调试的过程中发现,如果第二次进入页面
Lottie
动画不执行,也就是requestAnimationFrame不触发了,然后发现第一次页面销毁时动画不会结束,也就是
lottie
不能自动销毁requestAnimationFrame
摘叶先生
·
2023-09-22 20:48
Flutter Flar动画实战
事实上,Flare动画是一种类似于
Lottie
的矢量动画方案,使用Flare动面不仅可以有效减少安装包的体积
·
2023-09-21 16:08
前端flutter
iOS开发中的核心动画
顺便给大家推荐几个很好的开源的动画库:·lottiebyAirbnb,自从有了这个开源库,简直节省了开发人员相当一部分的时间,因为运用AE制作的动画效果,可以导出JSON格式,然后运用
Lottie
就可以轻松的
MM面包
·
2023-09-20 21:10
LottieJS动画的安装与使用
【目录】LottieJS动画技术原理LottieJS的特点LottieJS动画的安装和使用
Lottie
动画技术原理
Lottie
动画是将AE文件导出json文件,然后使用LottieJS进行动画的控制,目前动画的交互性不是很强
顽皮的雪狐七七
·
2023-09-20 14:40
Swift好用的三方框架
1.Hue颜色扩展相关2.Snapkitautolayout布局3.Realm数据库4.RxSwift响应式5.Hero转场动画6.
Lottie
设计师动画7.Alamofire网络8.messageKit
zwwuchn
·
2023-09-19 09:50
Compose - 使用
Lottie
参考文章一、添加依赖implementation("com.airbnb.android:
lottie
-compose:6.1.0")maven("https://oss.sonatype.org/content
Jomurphys
·
2023-09-14 16:50
Compose
android
web端动效 PAG
之前写过一篇
lottie
动效的文章:web端动效
lottie
-web使用,本篇写一下PAG-web的基础使用。PAG是腾讯开发,支持移动端、桌面端以及Web端的动效工作流解决方案。
ZionHH
·
2023-09-14 14:22
Notes
前端
PAG
前端动效
腾讯PAG
libpag
lottie
-ios 简单应用
pod'
lottie
-ios','~>2.1.0'#importLOTAnimationView*giftAnimationView=[LOTAnimationViewanimationNamed:@"
LD_左岸
·
2023-09-14 04:33
lottie
概念
Lottie
是Airbnb开源的一套跨平台的完整的动画效果解决方案,它可以使用Bodymovin解析以json导出的AdobeAfterEffects动画,并在移动设备上进行本地渲染。
Shmily鱼
·
2023-09-10 08:43
OpenHarmony 3.1 Release版本关键特性解析——ArkUI框架又有哪些新增能力?
目录ArkUI框架新增能力概览新增声明式Canvas绘制能力基于声明式Canvas的
Lottie
动画支持新增混合开发能力基于Web组件的HTML5/TS混合开发能力增强UI开发能力结语ArkUI是一套UI
OpenHarmony开发者
·
2023-09-06 02:30
ui
前端
javascript
OpenHarmony
在vue里使用
Lottie
动画(实现 json 格式的动画)
一、
Lottie
简介与作用
Lottie
是一个库,可以解析使用AE制作的动画(需要用bodymovin导出为json格式),支持web、ios、android和reactnative。
Echo-潔
·
2023-09-02 17:30
vue
vue.js
前端
iOS tabbar动画-CYLTabBarController
GitHub源码:CYLTabBarControllerStar:6.1k【中国特色TabBar】一行代码实现
Lottie
动画TabBar,支持中间带+号的TabBar样式,自带红点角标,支持动态刷新。
可地出溜
·
2023-09-01 20:35
React Native App第三方库
lottie
-react-native动画库github以及官网可以用于页面加载时的动画importReact,{FC}from"react";import{SafeAreaView,ScrollView
·
2023-08-29 10:01
Android
Lottie
加载gson文件动画
一:
Lottie
的使用在你工程的build.gradle文件里添加如下配置implementation'com.airbnb.android:
lottie
:3.4.0'二:布局文件直接引入LottieAnimationView
“嗯哈
·
2023-08-29 06:10
android
踩坑之路:Flutter
Lottie
动画组件踩坑
背景Flutter中我使用的是这个
Lottie
组件我在做一个点赞的动画的时候,就是很简单的将like.json放到assets目录下,然后再同一个目录下面创了了一个images文件夹,文件夹下面放着like-fill.png
CDF_cc7d
·
2023-08-29 03:41
Lottie
-let动画实现更简单
Lottie
是什么?
Lottie
是Airbnb开源的一个支持Android、iOS以及ReactNative,利用Json文件的方式快速实现动画效果的库。
SAKURA晶
·
2023-08-28 07:59
网站分享
录制视频二常用库使用RxJava使用Retrofit+RxJava实现网络请求Butterknife8.5.1使用Android标题栏、状态栏图标文字颜色及背景动态变化WebView实现全屏播放的一种方法
Lottie
appppppen
·
2023-08-20 11:06
[动图] 前端动图实现方式整理
1、mp42、gif3、帧序列(png/jpg+css)4、
lottie
-web+json1、mp4视频方式实现。
·
2023-08-18 09:04
前端gifpng雪碧图
VUE3&TS:转换AE导出的JSON为SVG
简介AE制作的JSON文件,可以在项目中通过插件
lottie
-web转换为SVG显示。
前端-如此如此。
·
2023-08-18 08:29
VUE3+TS
json
javascript
vue.js
vue3+
lottie
的使用神器:vue3-
lottie
(electron也适用)
前言:
Lottie
是一个适用于Android,iOS,Web和Windows的库,它解析使用Bodymovin导出为json的AdobeAfterEffects动画,并在移动设备和网络上本地渲染它们!
浩星
·
2023-08-17 20:55
vue3.0
electron
electron
前端
vue3
前端js实现正则表情包内容替换、前端表情包实现
//创建文件emoticon.jsimportlottiefrom"
lottie
-web";//动画方法constemoticon=newMap([['[大笑]',{name:'daxia
SunnyRun!
·
2023-08-15 19:47
工具类
vue
前端知识
javascript
html
Flutter Flar动画实战
事实上,Flare动画是一种类似于
Lottie
的矢量动画方案,使用Flare动面不仅可以有效减少安装包的体积
·
2023-08-15 16:51
前端flutter
腾讯出品Pag动画框架在Android端的使用-初级
Pag动画框架作为一个第三方框架,它的优缺点与
Lottie
是相似,此处不过多赘述。如果你们的项目中打算用了,肯定是经过了一定的调研的。Pag动画框架分几个版本,有免费的有收费的。
最爱吃葡萄
·
2023-08-13 14:02
Android
Notes
pag动画
非原生动画框架在Android端的使用
在Android平台上,除了我们熟知的属性动画(Animator),View动画(Animation),后面出的Transition动画,还有其他第三方出的动画库可以供我们使用:
Lottie
(Airbnb
最爱吃葡萄
·
2023-08-13 14:01
Android
Notes
pag动画
android
glide
常用框架
4MPAndroidChart图表5glide图片6leakcanary内存7Android-Universal-Image-Loader图片8EventBus事件消息9zxing条码扫描10picasso图片11
lottie
-android
Lost_Robot
·
2023-08-12 19:25
Android使用
lottie
加载json动画的示例代码
设计师在AfterEffects设计好相关的动画,然后安装上BodyMovin这个插件,这个插件,可以帮导出动画效果的JSON文件,然后我们可以通过
Lottie
来加载相关的
hao_developer
·
2023-08-12 13:15
Lottie
- iOS
动画设计师做好动画以后,可以使用AfterEffects将动画导出成JSON文件,然后由
Lottie
加载和渲染这个JSON文件,并转换成对应的动画代码。
forping
·
2023-08-12 06:50
iOS 第三方库
1.Hue颜色扩展相关2.Snapkitautolayout布局3.Realm数据库4.RxSwift响应式5.Hero转场动画6.
Lottie
设计师动画7.Alamofire网络8.messageKit
懿懿懿懿懿懿懿
·
2023-08-11 08:43
lottie
使用教程
PS;说实话,对于程序员而言,
lottie
这个框架,只要会用就是了,真心别管什么原理,实现之类,因为,这些效果性的东西,那是设计的事儿。我们要做的,是把设计用代码实现。所以,这篇文
justCode_
·
2023-08-10 08:38
从UI设计到开发,
Lottie
使用全流程
lottie
从UI设计到开发,
Lottie
使用全流程使用lottieLottie是一个iOS、Android和ReactNative库,可以实时渲染AfterEffects动画,让应用程序可以像使用静态图像一样轻松地使用动画
JamesYang1624
·
2023-08-08 13:43
Flutter Flar动画实战
事实上,Flare动画是一种类似于
Lottie
的矢量动画方案,使用Flare动面不仅可以有效减少安装包的体积
xiangzhihong8
·
2023-08-05 03:58
Flutter入门与实战
前端
如何让你的Android
Lottie
动画反向播放
前言
lottie
可以快速帮我们完成一些高难度的动画,从而有效提高了我们动画开发效率,但经常从设计手中提供过来的
lottie
需要我们反向播放,比如“关注/取关”,关注播放普通动画,取关则逆向播放一遍。
晖仔Milo
·
2023-08-02 23:30
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他