Lottie animation has large padding. How to resize the animation to the view, by removing the padding

android android-animation lottie-android
Ali Has picture Ali Has · Feb 14, 2019 · Viewed 7k times · Source

I have a lottie animation file and when I put it in a view it becomes too small because of the file's internal padding. So I have used lottie_scale attribute in xml, and Also LottieComposition as mentioned in some resources like this but none were successful.

Is there any solution?

Answer

Ali Has picture Ali Has · Jan 9, 2021

I think there are two "semi"-solutions right now:

  1. install Bodymovin on Adobe After Effects, then import the animation and set its scale to e.g. 500%.
  2. Scale the Lottie animation view not by Lottie scale, but by using ScaleX, ScaleY:

XML:

android:scaleX="5"
android:scaleY="5"

Programmatically:

view.setScaleX(5f);
view.setScaleY(5f);

Related questions

Pause and Resume Lottie Animation

I'm implementing a Lottie animation and the entire animation works great! However, i would like to add a bit of code that will pause the animation after 30 frames which I can then resume after a certain amount of time. Here …

Read More
How to increase the lottie "LottieAnimationView" dimensions?

I am using Lottie for animations. The problem is lottie view dimensions are too small. is there a way to customize dimensions in lottie?

Read More
Show and hide a View with a slide up/down animation

I have a LinearLayout that I want to show or hide with an Animation that pushes the layout upwards or downwards whenever I change its visibility. I've seen a few samples out there but none of them suit my needs. …

Read More