ContentLoadingProgressBar behviour on custom animation acquired from Lottie

Question

You know the the reason why we need the ContentLoadingProgressBar. I have my animation loaded from Lottie as json. It is working pretty good.

My problem is that I would like my Lottie-imported animation to behave the same as ContentLoadingProgressBar. That is to show at least X amount of seconds before hiding it instead of intantly hiding it.

How can I achieve this? Any suggestions would be greatly appricated.

I know I can achieve similar behavior by Runnables or what not. But I need an optimized solution so that I do not have to write boilerplate code every single time when I am showing/hiding progress bars.

Do you use RxJava 2 in your app? – Natig Babayev Dec 12 '19 at 10:36 — Natig Babayev, Dec 12 '19 at 10:36
@NatigBabayev Yes I do – Azizjon Kholmatov Dec 12 '19 at 10:39 — Azizjon Kholmatov, Dec 12 '19 at 10:39

Natig Babayev · Accepted Answer · 2019-12-12T19:17:50.210

You can extend ContentLoadingLottieAnimationView from LottieAnimationView and the implementation would be similar to ContentLoadingProgressBar:

/*
 * Copyright (C) 2013 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import android.content.Context;
import android.util.AttributeSet;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

import com.airbnb.lottie.LottieAnimationView;

public class ContentLoadingLottieAnimationView extends LottieAnimationView {

    private static final int MIN_SHOW_TIME = 500; // ms
    private static final int MIN_DELAY = 500; // ms

    long mStartTime = -1;

    boolean mPostedHide = false;

    boolean mPostedShow = false;

    boolean mDismissed = false;

    private final Runnable mDelayedHide = new Runnable() {

        @Override
        public void run() {
            mPostedHide = false;
            mStartTime = -1;
            pauseAnimation();
        }
    };

    private final Runnable mDelayedShow = new Runnable() {

        @Override
        public void run() {
            mPostedShow = false;
            if (!mDismissed) {
                mStartTime = System.currentTimeMillis();
                playAnimation();
            }
        }
    };

    public ContentLoadingLottieAnimationView(@NonNull Context context) {
        this(context, null);
    }

    public ContentLoadingLottieAnimationView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs, 0);
    }

    @Override
    public void onAttachedToWindow() {
        super.onAttachedToWindow();
        removeCallbacks();
    }

    @Override
    public void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        removeCallbacks();
    }

    private void removeCallbacks() {
        removeCallbacks(mDelayedHide);
        removeCallbacks(mDelayedShow);
    }

    /**
     * Hide the progress view if it is visible. The progress view will not be
     * hidden until it has been shown for at least a minimum show time. If the
     * progress view was not yet visible, cancels showing the progress view.
     */
    public synchronized void hide() {
        mDismissed = true;
        removeCallbacks(mDelayedShow);
        mPostedShow = false;
        long diff = System.currentTimeMillis() - mStartTime;
        if (diff >= MIN_SHOW_TIME || mStartTime == -1) {
            // The progress spinner has been shown long enough
            // OR was not shown yet. If it wasn't shown yet,
            // it will just never be shown.
            pauseAnimation();
        } else {
            // The progress spinner is shown, but not long enough,
            // so put a delayed message in to hide it when its been
            // shown long enough.
            if (!mPostedHide) {
                postDelayed(mDelayedHide, MIN_SHOW_TIME - diff);
                mPostedHide = true;
            }
        }
    }

    /**
     * Show the progress view after waiting for a minimum delay. If
     * during that time, hide() is called, the view is never made visible.
     */
    public synchronized void show() {
        // Reset the start time.
        mStartTime = -1;
        mDismissed = false;
        removeCallbacks(mDelayedHide);
        mPostedHide = false;
        if (!mPostedShow) {
            postDelayed(mDelayedShow, MIN_DELAY);
            mPostedShow = true;
        }
    }
}

Usage would be similar to original ContentLoadingProgressBar.

Should we comment out that the code is taken from Google's `ContentLoadingProgressBar` ? — Azizjon Kholmatov, Dec 12 '19 at 11:51

ContentLoadingProgressBar behviour on custom animation acquired from Lottie

1 Answers1