如何增加lottie" LottieAnimationView"尺寸是多少?

时间:2017-04-02 19:15:58

标签: android android-animation lottie-android

我正在使用Lottie动画。问题是lottie视图尺寸太小。有没有办法在lottie中自定义尺寸?

4 个答案:

答案 0 :(得分:1)

尝试使用animation.setScale(0.4f);

0.1f是最小的。

答案 1 :(得分:0)

使用“ LottieDrawable”和“ LottieComposition”可以轻松设置尺寸。波纹管代码为我工作了100%。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">

<com.airbnb.lottie.LottieAnimationView
android:id="@+id/animation_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:lottie_loop="true"
app:lottie_autoPlay="true"/>

</LinearLayout>

和Java部分

LottieAnimationView animationView = findViewById(R.id.animation_view);

LottieDrawable drawable = new LottieDrawable();

LottieComposition.Factory.fromAssetFileName(this, "anim_1.json",(composition -> 
{
    drawable.setComposition(composition);
    drawable.playAnimation();
    drawable.setScale(3);
    animationView.setImageDrawable(drawable);

}));

答案 2 :(得分:0)

我知道这是一个旧线程,但是由于Lottie动画显得太小,我遇到了同样的问题。简单的答案是在以下形式中定义“比例”:AnimationView。 Scale =“ 1”是原始大小。使用“ 2”或“ 3”等等来放大它。相反,“。5”或其他按比例缩小的数字。希望能对某人有所帮助。

<ContentPage.Content>

    <forms:AnimationView Scale="5"
        x:Name="animationView"
        Grid.Row="1"
        Animation="lottieAnimation.json"
        Loop="true"
        AutoPlay="true"         
        VerticalOptions="FillAndExpand"
        HorizontalOptions="FillAndExpand" />

</ContentPage.Content>

答案 3 :(得分:0)

我尝试了@Sijansd答案,但是LottieComposition.Factory现在已过时。因此,我想尝试缩放视图。这就是我所做的,以使其正常工作。 (经过测试且100%正常工作)

android:scaleType="fitXY"

所以最终代码看起来像这样

<com.airbnb.lottie.LottieAnimationView
            android:id="@+id/lottie_view"
            android:layout_width="200dp"
            android:scaleType="fitXY"
            android:layout_height="30dp"
            android:layout_gravity="center"
            app:lottie_autoPlay="true"
            app:lottie_fileName="animation.json"
            app:lottie_loop="true" />