查工程项目的网站,wordpress 主题 seo,网站开发顺序,职业培训网络平台1、lottie动画简介 Lottie 是一个应用十分广泛动画库#xff0c;适用于Android、iOS、Web、ReactNative、Windows的库#xff0c;它解析了用Bodymovin导出为json的Adobe After Effects动画#xff0c;并在移动和网络上进行了原生渲染。它提供了一套完整得从AE到各个终端的…1、lottie动画简介 Lottie 是一个应用十分广泛动画库适用于Android、iOS、Web、ReactNative、Windows的库它解析了用Bodymovin导出为json的Adobe After Effects动画并在移动和网络上进行了原生渲染。它提供了一套完整得从AE到各个终端的工具流通过AE的插件将设计师做的动画导出成一套定义好的json文件之后再通过渲染器进行渲染。 2.优点 Lottie动画有设计师通过AE工具制作动画生成Json文件给各个端进行使用各端只需集成不同的解析库就可以播放动画更好的实现了跨平台降低了开发成本提示了开发效率。
3.在Android中使用Lottie动画 1在app 的 build.gradle中引入Lottie动画库。 implementation com.airbnb.android:lottie:3.2.2 2在main目录下创建asset目录将设计师给的动画文件放在asset目录中。 Json文件长这样 3layout文件中引入LottieAnimationView
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsxmlns:apphttp://schemas.android.com/apk/res-autoandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:backgroundcolor/whiteandroid:orientationverticaltools:context.MainActivitycom.airbnb.lottie.LottieAnimationViewandroid:idid/lottieAnimationViewandroid:layout_width48dpandroid:layout_height48dpapp:lottie_autoPlaytrueapp:lottie_fileNamedata.jsonapp:lottie_looptrue //LinearLayout
4Activity中开启动画。 Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);LottieAnimationView lottieAnimationView findViewById(R.id.lottieAnimationView);lottieAnimationView.setAnimation(data.json);lottieAnimationView.playAnimation();}
这样就可以播放一个Lottie动画了。
5Api简介 //播放一次如果不设置播放次数就会循环播放lottieAnimationView.setRepeatCount(0);
