【问题标题】:How to use Lottie Animation inside a button instead of a circular progress bar如何在按钮而不是圆形进度条中使用 Lottie 动画
【发布时间】:2018-01-30 09:39:19
【问题描述】:

我想在一个按钮里面放一个小动画,这个动画是JSON格式的,用After Effect制作的,通常这种类型的动画可以用Lottie plugin编译和使用,但是现在我想放这个动画在按钮内部,而不是使用常规的圆形进度条

【问题讨论】:

  • 是否要使用 Lottie After Effects 而不是默认进度条?请更具体
  • @NovoLucas 已编辑
  • 通过此链接“使用 Airbnb 的 Sketch、After Effects 和 Lottie 在 Android Studio 中制作原生应用动画”。 @deanemachine medium.com/creative-controller/…
  • 谢谢你,我会去看看@NovoLucas

标签: android view lottie


【解决方案1】:

您必须像按钮一样使用 LottieAnimation。

    lt_loading_view = (LottieAnimationView) findViewById(R.id.lt_loading_view);
    lt_loading_view.setAnimation("loading.json");
    lt_loading_view.loop(true);
    lt_loading_view.playAnimation();
    lt_loading_view.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //Your code
            lt_loading_view.pauseAnimation();
        }
    });

像按钮一样使用背景

    <com.airbnb.lottie.LottieAnimationView
    android:id="@+id/lt_loading_view"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:background="@color/colorPrimary"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"/>

您可以在按钮中放置相同的背景

【讨论】:

  • 这完全不是答案
【解决方案2】:

为此,您必须创建一个看起来与按钮相同的自定义视图,并将事件绑定到该视图,使用 XML 将自定义背景设置为 View 并包含动画(其中包含 airbnb lottie 的库代码)。 仍然不满意,然后更具体地评论您想要使用按钮实现的事情,而使用上述方法是无法实现的。

【讨论】:

    猜你喜欢
    • 2021-10-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多