首页 > 学院 > 开发设计 > 正文

Lottie学习(一)简单使用--->一个可轻松实现各种动画(SVG、Animations)的开源项目

2019-11-09 18:43:22
字体:
来源:转载
供稿:网友

先看一下官网给的图片:

这里写图片描述 这里写图片描述 这里写图片描述

Lottie引用compile 'com.airbnb.android:lottie:1.0.1'sdk最低要求: minSdkVersion 16xml配置<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="zlg.wolf.wolf_lottie.MainActivity"> <com.airbnb.lottie.LottieAnimationView android:id="@+id/animation_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:lottie_fileName="LottieLogo2.json" app:lottie_loop="true" app:lottie_autoPlay="true" /></RelativeLayout>

也可以在activity中这样写:

/** app:lottie_fileName="LottieLogo2.json" * app:lottie_loop="true" */ @Override PRotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animation_view); animationView.setAnimation("LottieLogo2.json"); animationView.loop(true); }

assets资源文件 这里写图片描述 这样就完成了! 本文主要是先讲述这个项目的简单使用,后续会继续学习其它的功能!

Lottie资源库

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

iOS: https://github.com/airbnb/lottie-ios

ReactNative: https://github.com/airbnb/lottie-react-native


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表