簡體   English   中英

如何在按鈕而不是圓形進度條中使用 Lottie 動畫

[英]How to use Lottie Animation inside a button instead of a circular progress bar

我想在一個按鈕里面放一個小動畫,這個動畫是JSON格式的,用After Effect制作的,通常這種類型的動畫可以用Lottie插件編譯和使用,但現在我想把這個動畫放在里面按鈕而不是使用常規的圓形進度條

為此,您必須制作一個看起來與按鈕相同的自定義視圖,並將事件綁定到該視圖,使用 XML 將自定義背景設置為 View 並包含動畫(其中包含 airbnb lottie 的庫代碼)。 仍然不滿意,然后更具體地評論您想要使用按鈕實現的哪些事情是使用上述方法無法實現的。

您必須像按鈕一樣使用 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"/>

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM