lottie-android-colorfilter-sample

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #go #docker #nodejs #java #windows #awesome #kubernetes #awesome-list #pytorch #mcp

lottie-android-colorfilter-sample

(★ 24)

This repository showcases how to add a color filter to a Lottie animation on Android

lottie-android-colorfilter-sample 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Lottie Color filter sample for Android
This repository is a sample of how to add color filters to a Lottie animation.

![Example](https://i.imgur.com/4OWpSwb.gif)

See also: https://stackoverflow.com/questions/43376316/lottie-android-add-color-overlay-to-animation
The Lottie file was found at https://lottiefiles.com/2478-check.

### 3.0.0+ method

Full overlay:

animationView.addValueCallback(
        new KeyPath("checkmark", "**"),
        LottieProperty.COLOR_FILTER,
        new SimpleLottieValueCallback<ColorFilter>() {
            @Override
            public ColorFilter getValue(LottieFrameInfo<ColorFilter> frameInfo) {
                return new PorterDuffColorFilter(Color.CYAN, PorterDuff.Mode.SRC_ATOP);
            }
        }
    );

Single layer overlay:

animationView.addValueCallback(
        new KeyPath("**"),
        LottieProperty.COLOR_FILTER,
        new SimpleLottieValueCallback<ColorFilter>() {
            @Override
            public ColorFilter getValue(LottieFrameInfo<ColorFilter> frameInfo) {
                return new PorterDuffColorFilter(Color.GREEN, PorterDuff.Mode.SRC_ATOP);
            }
        }
    );

Reset overlay:

animationView.addValueCallback(new KeyPath("**"), LottieProperty.COLOR_FILTER,
        new SimpleLottieValueCallback<ColorFilter>() {
            @Override
            public ColorFilter getValue(LottieFrameInfo<ColorFilter> frameInfo) {
                return null;
            }
    });

## Old method
In older version of Lottie this had to be done the following way:

Full color overlay:

LottieAnimationView statusView = (LottieAnimationView) findViewById(R.id.check_animation_view); 
    statusView.addColorFilter(new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP));
    statusView.playAnimation();

Color only one layer:

LottieAnimationView statusView = (LottieAnimationView) findViewById(R.id.check_animation_view); 
    statusView.addColorFilterToLayer("layername", new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP));
    statusView.playAnimation();

lottie-android-colorfilter-sample

lottie-android-colorfilter-sample 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

lottie-android-colorfilter-sample

lottie-android-colorfilter-sample 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README