All Projects → chetdeva → LottieDemo

chetdeva / LottieDemo

Licence: other
This Demo contains a reference to use Lottie Library by Airbnb in an Android Project. An animation JSON file can be played using LottieAnimationView.

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to LottieDemo

Flutter spinkit
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.
Stars: ✭ 2,411 (+7206.06%)
Mutual labels:  loading
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+669.7%)
Mutual labels:  loading
ember-await
Await component for Ember Applications. Resolve your data on demand, just when needed.
Stars: ✭ 54 (+63.64%)
Mutual labels:  loading
Demoloadview
切换加载中,加载失败,加载成功布局,定义一个LoadViewHelper所有界面通用,通同时也支持单个自定义无需添加布局中view, 大大降低耦合性
Stars: ✭ 218 (+560.61%)
Mutual labels:  loading
React Awesome Spinners
Awesome spinners for React 👋 ⚛ Built with styled-components 💅
Stars: ✭ 237 (+618.18%)
Mutual labels:  loading
react-native-whc-loading
A react native module to show loading ui, it works on iOS and Android.
Stars: ✭ 32 (-3.03%)
Mutual labels:  loading
Tfpopup
🚀🚀🚀TFPopup不生产弹框,它只是弹框的弹出工🚀🚀🚀默认支持多种动画方式一行调用,支持完全自定义动画.
Stars: ✭ 182 (+451.52%)
Mutual labels:  loading
resource-loader
Getting files out of a JAR or loading a shared library is difficult. We made it easy.
Stars: ✭ 15 (-54.55%)
Mutual labels:  loading
Tabanimated
A skeleton screen framework based on native for iOS. (一个由iOS原生组件映射出骨架屏的框架,包含快速植入,低耦合,兼容复杂视图等特点,提供国内主流骨架屏动画的加载方案,同时支持上拉加载更多、自定制动画。)
Stars: ✭ 2,909 (+8715.15%)
Mutual labels:  loading
react-bones
💀 Dead simple content loading components for React and React-Native. 💀
Stars: ✭ 42 (+27.27%)
Mutual labels:  loading
Is Loading
Simple library to show visual feedback when loading data or any action that would take time
Stars: ✭ 232 (+603.03%)
Mutual labels:  loading
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (+609.09%)
Mutual labels:  loading
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (+169.7%)
Mutual labels:  loading
React Native Animated Spinkit
A collection of loading indicators for React Native
Stars: ✭ 186 (+463.64%)
Mutual labels:  loading
ZXLoadingView
🍕ZXLoadingView is an iOS progress-activity
Stars: ✭ 14 (-57.58%)
Mutual labels:  loading
Statefulviewcontroller
Placeholder views based on content, loading, error or empty states
Stars: ✭ 2,139 (+6381.82%)
Mutual labels:  loading
AMProgressHUD
A gif progress HUD for iOS.
Stars: ✭ 18 (-45.45%)
Mutual labels:  loading
blur-up
A tool that creates preview images.
Stars: ✭ 28 (-15.15%)
Mutual labels:  loading
flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 1,021 (+2993.94%)
Mutual labels:  loading
guide-to-async-components
📖 Guide To JavaScript Async Components
Stars: ✭ 79 (+139.39%)
Mutual labels:  loading

LottieDemo

This is a demo to use Lottie Library by Airbnb in an Android Project. An animation JSON file can be played using LottieAnimationView.

How to use

The code consists of a simple Loading Animation using LottieAnimationView. User can play or pause the animation using the Button.

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/animation_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        app:lottie_autoPlay="true"
        app:lottie_colorFilter="@color/colorAccent"
        app:lottie_fileName="loading.json"
        app:lottie_loop="true"/>

Library used

Add Lottie dependency to your gradle file.

    dependencies {
        compile 'com.airbnb.android:lottie:2.0.0'
    }

Reference

Lottie Github Page

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].