Lottie动画框架的基本使用

本文主要是介绍Lottie动画框架的基本使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

GIthub地址

https://github.com/airbnb/lottie-android

导包

//设置发现会编译失败
compile 'com.airbnb.android:lottie:2.5.3'
//beta版本可以
compile 'com.airbnb.android:lottie:2.0.0-beta4'

准备动画文件

///assets/test.json

{"v":"5.1.8","fr":29.1670074462891,"ip":0,"op":190.0000485067,"w":1920,"h":1080,"nm":"Ping pong cup","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"CUP 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.236,"y":1},"o":{"x":0.333,"y":0},"n":"0p236_1_0p333_0","t":90,"s":[1517.941,539.989,0],"e":[350.808,539.989,0],"to":[-194.52214050293,0,0],"ti":[129.681381225586,0,0]},{"i":{"x":0.249,"y":1},"o":{"x":0.167,"y":0},"n":"0p249_1_0p167_0","t":120,"s":[350.808,539.989,0],"e":[739.853,539.989,0],"to":[-129.681381225586,0,0],"ti":[-64.8407516479492,0,0]},{"t":140.000035741779}],"ix":2},"a":{"a":0,"k":[141.651,147.001,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.582,-10.354],[0,0],[0,0],[0,-10.514],[10.515,0],[0,0],[0,10.515],[10.515,0],[0,0],[0,0],[10.476,0],[0,0]],"o":[[0,0],[0,0],[10.515,0],[0,10.516],[0,0],[10.515,0],[0,-10.515],[0,0],[0,0],[-1.582,-10.355],[0,0],[10.476,0]],"v":[[-41.86,-128.748],[-5.59,108.675],[0.954,108.675],[19.992,127.712],[0.954,146.751],[43.788,146.751],[62.826,127.713],[43.788,108.676],[37.244,108.676],[0.974,-128.747],[-19.989,-146.75],[-62.823,-146.75]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[220.227,147.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.957,0],[0,0],[0,2.958]],"o":[[0,0],[2.957,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-50.54,-5.354],[50.54,-5.354],[55.894,0],[50.54,5.354],[-50.54,5.354],[-55.894,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,30.304],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.957,0],[0,0],[0,2.958]],"o":[[0,0],[2.957,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-59.873,-5.354],[59.873,-5.354],[65.227,0],[59.873,5.354],[-59.873,5.354],[-65.227,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,54.159],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.959]],"o":[[0,0],[2.958,0],[0,2.959],[0,0],[-2.957,0],[0,-2.958]],"v":[[-75.196,-5.355],[75.196,-5.355],[80.55,-0.001],[75.196,5.355],[-75.196,5.355],[-80.55,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,204.645],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.957,0],[0,0],[0,2.958]],"o":[[0,0],[2.957,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-89.083,-5.354],[89.082,-5.354],[94.437,0],[89.082,5.354],[-89.082,5.354],[-94.437,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,228.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-10.515,0],[0,0],[0,10.516],[10.514,0],[0,0],[0,-10.514]],"o":[[0,0],[10.514,0],[0,-10.515],[0,0],[-10.515,0],[0,10.515]],"v":[[-122.364,19.038],[122.364,19.038],[141.401,-0.001],[122.364,-19.038],[-122.363,-19.038],[-141.401,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.948999980852,0.913999968884,0.862999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,274.714],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[113.311,-17.729],[-113.311,-17.729],[-118.728,17.729],[118.728,17.729]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,256.985],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[10.475,0],[0,0],[1.582,-10.355],[0,0]],"o":[[0,0],[-1.582,-10.354],[0,0],[-10.475,0],[0,0],[0,0]],"v":[[118.728,137.231],[79.549,-119.229],[58.587,-137.231],[-58.587,-137.231],[-79.549,-119.229],[-118.728,137.231]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.39199999641,0.395999983245,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,137.482],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"ix":8,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":190.0000485067,"st":-30.0000076589527,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"CUP 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.256,"y":1},"o":{"x":0.333,"y":0},"n":"0p256_1_0p333_0","t":70,"s":[1128.897,539.989,0],"e":[739.853,539.989,0],"to":[-64.8407363891602,0,0],"ti":[64.8407363891602,0,0]},{"i":{"x":0.388,"y":0.388},"o":{"x":0.167,"y":0.167},"n":"0p388_0p388_0p167_0p167","t":90,"s":[739.853,539.989,0],"e":[739.853,539.989,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.249,"y":1},"o":{"x":0.167,"y":0},"n":"0p249_1_0p167_0","t":120,"s":[739.853,539.989,0],"e":[350.808,539.989,0],"to":[-64.8407516479492,0,0],"ti":[64.8407516479492,0,0]},{"t":140.000035741779}],"ix":2},"a":{"a":0,"k":[141.651,147.001,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.582,-10.354],[0,0],[0,0],[0,-10.514],[10.515,0],[0,0],[0,10.515],[10.514,0],[0,0],[0,0],[10.475,0],[0,0]],"o":[[0,0],[0,0],[10.515,0],[0,10.516],[0,0],[10.514,0],[0,-10.515],[0,0],[0,0],[-1.582,-10.355],[0,0],[10.476,0]],"v":[[-41.862,-128.748],[-5.592,108.675],[0.951,108.675],[19.99,127.712],[0.951,146.751],[43.786,146.751],[62.824,127.713],[43.786,108.676],[37.242,108.676],[0.971,-128.747],[-19.991,-146.75],[-62.825,-146.75]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[220.228,147.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-50.54,-5.354],[50.539,-5.354],[55.894,0],[50.539,5.354],[-50.54,5.354],[-55.894,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,30.304],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.957,0],[0,-2.958]],"v":[[-59.874,-5.354],[59.873,-5.354],[65.228,0],[59.873,5.354],[-59.874,5.354],[-65.228,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,54.159],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.959]],"o":[[0,0],[2.958,0],[0,2.959],[0,0],[-2.958,0],[0,-2.958]],"v":[[-75.196,-5.355],[75.196,-5.355],[80.55,-0.001],[75.196,5.355],[-75.196,5.355],[-80.55,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,204.645],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-89.082,-5.354],[89.081,-5.354],[94.436,0],[89.081,5.354],[-89.081,5.354],[-94.436,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,228.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-10.515,0],[0,0],[0,10.516],[10.513,0],[0,0],[0,-10.514]],"o":[[0,0],[10.513,0],[0,-10.515],[0,0],[-10.515,0],[0,10.515]],"v":[[-122.364,19.038],[122.364,19.038],[141.401,-0.001],[122.364,-19.038],[-122.363,-19.038],[-141.401,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.948999980852,0.913999968884,0.862999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,274.714],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[113.313,-17.729],[-113.31,-17.729],[-118.726,17.729],[118.729,17.729]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.649,256.985],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[10.475,0],[0,0],[1.582,-10.355],[0,0]],"o":[[0,0],[-1.582,-10.354],[0,0],[-10.476,0],[0,0],[0,0]],"v":[[118.728,137.231],[79.549,-119.229],[58.588,-137.231],[-58.587,-137.231],[-79.55,-119.229],[-118.727,137.231]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.39199999641,0.395999983245,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,137.482],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"ix":8,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":190.0000485067,"st":-30.0000076589527,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"CUP 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.24,"y":1},"o":{"x":0.333,"y":0},"n":"0p24_1_0p333_0","t":50,"s":[739.853,539.989,0],"e":[350.808,539.989,0],"to":[-64.8407516479492,0,0],"ti":[64.8407516479492,0,0]},{"i":{"x":0.153,"y":0.153},"o":{"x":0.167,"y":0.167},"n":"0p153_0p153_0p167_0p167","t":70,"s":[350.808,539.989,0],"e":[350.808,539.989,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.236,"y":1},"o":{"x":0.167,"y":0},"n":"0p236_1_0p167_0","t":90,"s":[350.808,539.989,0],"e":[1517.941,539.989,0],"to":[194.52214050293,0,0],"ti":[-129.681488037109,0,0]},{"i":{"x":0.19,"y":1},"o":{"x":0.167,"y":0},"n":"0p19_1_0p167_0","t":120,"s":[1517.941,539.989,0],"e":[1128.897,539.989,0],"to":[129.681488037109,0,0],"ti":[64.8406524658203,0,0]},{"t":140.000035741779}],"ix":2},"a":{"a":0,"k":[141.651,147.001,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.582,-10.354],[0,0],[0,0],[0,-10.514],[10.515,0],[0,0],[0,10.515],[10.515,0],[0,0],[0,0],[10.475,0],[0,0]],"o":[[0,0],[0,0],[10.515,0],[0,10.516],[0,0],[10.515,0],[0,-10.515],[0,0],[0,0],[-1.582,-10.355],[0,0],[10.476,0]],"v":[[-41.862,-128.748],[-5.592,108.675],[0.952,108.675],[19.99,127.712],[0.952,146.751],[43.786,146.751],[62.824,127.713],[43.786,108.676],[37.242,108.676],[0.971,-128.747],[-19.991,-146.75],[-62.825,-146.75]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[220.228,147.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.957,0],[0,0],[0,2.958]],"o":[[0,0],[2.957,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-50.54,-5.354],[50.54,-5.354],[55.894,0],[50.54,5.354],[-50.54,5.354],[-55.894,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,30.304],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-59.873,-5.354],[59.873,-5.354],[65.227,0],[59.873,5.354],[-59.873,5.354],[-65.227,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,54.159],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.959]],"o":[[0,0],[2.958,0],[0,2.959],[0,0],[-2.958,0],[0,-2.958]],"v":[[-75.196,-5.355],[75.196,-5.355],[80.55,-0.001],[75.196,5.355],[-75.196,5.355],[-80.55,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,204.645],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.957,0],[0,0],[0,2.958]],"o":[[0,0],[2.957,0],[0,2.958],[0,0],[-2.957,0],[0,-2.958]],"v":[[-89.082,-5.354],[89.082,-5.354],[94.436,0],[89.082,5.354],[-89.082,5.354],[-94.436,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,228.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-10.515,0],[0,0],[0,10.516],[10.515,0],[0,0],[0,-10.514]],"o":[[0,0],[10.515,0],[0,-10.515],[0,0],[-10.514,0],[0,10.515]],"v":[[-122.364,19.038],[122.363,19.038],[141.401,-0.001],[122.363,-19.038],[-122.364,-19.038],[-141.401,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.948999980852,0.913999968884,0.862999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,274.714],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[113.311,-17.729],[-113.312,-17.729],[-118.728,17.729],[118.728,17.729]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,256.985],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[10.475,0],[0,0],[1.582,-10.355],[0,0]],"o":[[0,0],[-1.582,-10.354],[0,0],[-10.475,0],[0,0],[0,0]],"v":[[118.728,137.231],[79.55,-119.229],[58.587,-137.231],[-58.587,-137.231],[-79.549,-119.229],[-118.728,137.231]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.39199999641,0.395999983245,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,137.482],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"ix":8,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":190.0000485067,"st":-30.0000076589527,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"CUP 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.241,"y":1},"o":{"x":0.333,"y":0},"n":"0p241_1_0p333_0","t":0,"s":[350.808,539.989,0],"e":[350.808,339.989,0],"to":[0,-33.3333320617676,0],"ti":[0,5.37109372089617e-7,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.752,"y":0},"n":"0p667_1_0p752_0","t":20,"s":[350.808,339.989,0],"e":[350.808,539.989,0],"to":[0,-5.37109372089617e-7,0],"ti":[0,-33.3333320617676,0]},{"i":{"x":0,"y":0},"o":{"x":1,"y":1},"n":"0_0_1_1","t":40,"s":[350.808,539.989,0],"e":[350.808,539.989,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.24,"y":1},"o":{"x":0.167,"y":0},"n":"0p24_1_0p167_0","t":50,"s":[350.808,539.989,0],"e":[739.853,539.989,0],"to":[64.8407516479492,0,0],"ti":[-129.681488037109,0,0]},{"i":{"x":0.24,"y":1},"o":{"x":0.167,"y":0},"n":"0p24_1_0p167_0","t":70,"s":[739.853,539.989,0],"e":[1128.897,539.989,0],"to":[129.681488037109,0,0],"ti":[-64.8407363891602,0,0]},{"i":{"x":0.24,"y":0.24},"o":{"x":0.167,"y":0.167},"n":"0p24_0p24_0p167_0p167","t":90,"s":[1128.897,539.989,0],"e":[1128.897,539.989,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.24,"y":1},"o":{"x":0.167,"y":0},"n":"0p24_1_0p167_0","t":120,"s":[1128.897,539.989,0],"e":[1517.941,539.989,0],"to":[64.8406524658203,0,0],"ti":[-64.8406524658203,0,0]},{"i":{"x":0,"y":0},"o":{"x":0.167,"y":0.167},"n":"0_0_0p167_0p167","t":140,"s":[1517.941,539.989,0],"e":[1517.941,539.989,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.238,"y":1},"o":{"x":0.333,"y":0},"n":"0p238_1_0p333_0","t":150,"s":[1517.941,539.989,0],"e":[1517.941,340,0],"to":[0,-33.3315315246582,0],"ti":[0,-5.37109372089617e-7,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.754,"y":0},"n":"0p667_1_0p754_0","t":170,"s":[1517.941,340,0],"e":[1517.941,539.989,0],"to":[0,5.37109372089617e-7,0],"ti":[0,-33.3315315246582,0]},{"t":190.0000485067}],"ix":2},"a":{"a":0,"k":[141.651,147.001,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.582,-10.354],[0,0],[0,0],[0,-10.514],[10.515,0],[0,0],[0,10.515],[10.515,0],[0,0],[0,0],[10.475,0],[0,0]],"o":[[0,0],[0,0],[10.515,0],[0,10.516],[0,0],[10.515,0],[0,-10.515],[0,0],[0,0],[-1.582,-10.355],[0,0],[10.476,0]],"v":[[-41.862,-128.748],[-5.592,108.675],[0.952,108.675],[19.99,127.712],[0.952,146.751],[43.786,146.751],[62.824,127.713],[43.786,108.676],[37.242,108.676],[0.971,-128.747],[-19.991,-146.75],[-62.825,-146.75]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[220.228,147.001],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-50.54,-5.354],[50.54,-5.354],[55.894,0],[50.54,5.354],[-50.54,5.354],[-55.894,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,30.304],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-59.873,-5.354],[59.873,-5.354],[65.227,0],[59.873,5.354],[-59.873,5.354],[-65.227,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,54.159],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.958,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.959]],"o":[[0,0],[2.958,0],[0,2.959],[0,0],[-2.958,0],[0,-2.958]],"v":[[-75.196,-5.355],[75.196,-5.355],[80.55,-0.001],[75.196,5.355],[-75.196,5.355],[-80.55,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,204.645],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.957,0],[0,0],[0,-2.958],[2.958,0],[0,0],[0,2.958]],"o":[[0,0],[2.958,0],[0,2.958],[0,0],[-2.958,0],[0,-2.958]],"v":[[-89.082,-5.354],[89.082,-5.354],[94.436,0],[89.082,5.354],[-89.082,5.354],[-94.436,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.823999980852,0.33300000359,0.352999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,228.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-10.514,0],[0,0],[0,10.516],[10.514,0],[0,0],[0,-10.514]],"o":[[0,0],[10.514,0],[0,-10.515],[0,0],[-10.515,0],[0,10.515]],"v":[[-122.364,19.038],[122.364,19.038],[141.401,-0.001],[122.364,-19.038],[-122.363,-19.038],[-141.401,-0.001]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.948999980852,0.913999968884,0.862999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,274.714],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[113.311,-17.729],[-113.312,-17.729],[-118.728,17.729],[118.728,17.729]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.090000002992,0.113999998803,0.149000010771,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.651,256.985],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[10.475,0],[0,0],[1.582,-10.355],[0,0]],"o":[[0,0],[-1.582,-10.354],[0,0],[-10.475,0],[0,0],[0,0]],"v":[[118.728,137.231],[79.55,-119.229],[58.588,-137.231],[-58.587,-137.231],[-79.549,-119.229],[-118.728,137.231]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.39199999641,0.395999983245,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[141.65,137.482],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"ix":8,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":190.0000485067,"st":-30.0000076589527,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Ping Pong Ball 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1517.941,621.488,0],"ix":2},"a":{"a":0,"k":[69.25,65.596,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-32.244],[30.704,-5.337],[0,32.231],[-30.717,5.339]],"o":[[0,32.231],[-30.717,-5.337],[0,-32.244],[30.704,5.339]],"v":[[54.058,0.006],[0.006,64.363],[-54.058,0.006],[0.006,-64.363]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.976000019148,0.592000026329,0.043000000598,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[57.961,65.597],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-36.096],[36.082,0],[3.665,0.652],[0,32.231],[-30.718,5.339],[-3.851,0]],"o":[[0,36.083],[-3.851,0],[-30.718,-5.337],[0,-32.244],[3.665,-0.652],[36.082,0]],"v":[[65.346,0.007],[0.007,65.346],[-11.281,64.363],[-65.346,0.007],[-11.281,-64.362],[0.007,-65.346]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.776000019148,0.470999983245,0.071000005685,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[69.25,65.597],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,3.268],[38.107,0],[0,-3.268],[-38.108,0]],"o":[[0,-3.268],[-38.108,0],[0,3.268],[38.107,0]],"v":[[69,0],[0,-5.917],[-69,0],[0,5.917]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.569000004787,0.528999956916,0.532999973671,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[69.25,125.026],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":149.000038039465,"op":190.0000485067,"st":119.000030380512,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Ping Pong Ball","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[355.273,621.488,0],"ix":2},"a":{"a":0,"k":[69.25,65.596,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-32.244],[30.704,-5.337],[0,32.231],[-30.717,5.339]],"o":[[0,32.231],[-30.717,-5.337],[0,-32.244],[30.704,5.339]],"v":[[54.058,0.006],[0.006,64.363],[-54.058,0.006],[0.006,-64.363]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.976000019148,0.592000026329,0.043000000598,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[57.961,65.597],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-36.096],[36.082,0],[3.665,0.652],[0,32.231],[-30.718,5.339],[-3.851,0]],"o":[[0,36.083],[-3.851,0],[-30.718,-5.337],[0,-32.244],[3.665,-0.652],[36.082,0]],"v":[[65.346,0.007],[0.007,65.346],[-11.281,64.363],[-65.346,0.007],[-11.281,-64.362],[0.007,-65.346]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.776000019148,0.470999983245,0.071000005685,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[69.25,65.597],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,3.268],[38.107,0],[0,-3.268],[-38.108,0]],"o":[[0,-3.268],[-38.108,0],[0,3.268],[38.107,0]],"v":[[69,0],[0,-5.917],[-69,0],[0,5.917]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.569000004787,0.528999956916,0.532999973671,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[69.25,125.026],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":41.0000104672353,"st":-10.0000025529842,"bm":0}],"markers":[]}

在xml中使用

    <com.airbnb.lottie.LottieAnimationView//引用assets目录中的文件app:lottie_fileName="test.json"//是否循环app:lottie_loop="true"//是否自动播放app:lottie_autoPlay="true"android:id="@+id/animation_view"android:layout_width="0dp"android:layout_height="0dp"app:layout_constraintRight_toRightOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"/>

代码中使用

        animation_view.setAnimation("test.json");animation_view.loop(true);animation_view.playAnimation();

通过JsonString添加动画

        try {JSONObject jsonObject = new JSONObject(jsonString);LottieComposition.Factory.fromJson(getResources(), jsonObject, new OnCompositionLoadedListener() {@Overridepublic void onCompositionLoaded(final LottieComposition composition) {new Handler().postDelayed(new Runnable() {@Overridepublic void run() {animation_view.setComposition(composition);animation_view.loop(true);animation_view.playAnimation();}},3000);}});} catch (JSONException e) {e.printStackTrace();}

更多api

//是否开启硬件加速
animationView.useHardwareAcceleration(boolean)
//是否合并路径(kitkat版本之后)
animationView.enableMergePathsForKitKatAndAbove(boolean)
//是否正在动画
animationView.isAnimating//设置进度 0-1f
animationView.setProgress(float)//设置动画的重复次数
animationView.repeatCount = ValueAnimator.INFINITE//监听动画的更新
animation_view.addAnimatorUpdateListener();//监听动画开始结束等事件
animation_view.addAnimatorListener();//移除监听器
animationView.removeAnimatorListener(animatorListener)//暂停动画
animationView.pauseAnimation()//恢复动画
animationView.resumeAnimation()//设置比例
thisView.setScale(0.3f);//设置播放速度
animation_view.setSpeed(2.0f);//在这种情况下，Lottie将位图的加载推迟到该委托
animation_view.setImageAssetDelegate//设置起始帧
animation_view.setMinFrame()//设置结束帧
animation_view.setMaxFrame()//倒放动画
animation_view.reverseAnimation();

//每一帧的监听    
animationView.setComposition(composition)
animationView.setMinAndMaxFrame(composition.startFrame.toInt()
, composition.endFrame.toInt())
animationView.setPerformanceTrackingEnabled(true)
var renderTimeGraphRange = 4f
animationView.performanceTracker?.addFrameListener { ms ->if (lifecycle.currentState != Lifecycle.State.RESUMED) return@addFrameListenerlineDataSet.getEntryForIndex((animationView.progress * 100).toInt()).y = msrenderTimeGraphRange = Math.max(renderTimeGraphRange, ms * 1.2f)renderTimesGraph.setVisibleYRange(0f, renderTimeGraphRange, YAxis.AxisDependency.LEFT)renderTimesGraph.invalidate()
}

这篇关于Lottie动画框架的基本使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---