【问题标题】:Lottie Animation in Native Android Splash Screen原生 Android 闪屏中的 Lottie 动画
【发布时间】:2020-08-30 03:33:01
【问题描述】:

是否可以在我的初始屏幕布局中加载 Lottie 动画?

目前我的启动画面布局是这样的:

背景.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:opacity="opaque">

<item android:drawable="@drawable/path_background_gradient" />

<item
    android:drawable="@drawable/ic_locky"
    android:gravity="center" />

</layer-list>

styles.xml

<!-- Splash Launcher UI theme. -->
<style name="Locky.Theme.Launcher" parent="Locky.Theme">
    <item name="android:windowBackground">@drawable/custom_background_launcher</item>
    <item name="colorPrimary">@color/background_gradient_accent_start</item>
    <item name="colorPrimaryDark">@color/background_gradient_accent_start</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

我用它来防止 android 冷启动时出现白屏。

但我想使用 Lottie 动画而不是图标 ic_locky。有可能这样做吗?因为有很多应用在启动画面中使用动画徽标。

【问题讨论】:

    标签: android kotlin splash-screen lottie


    【解决方案1】:

    由于对 WindowManager 的控制很少,因此您可以在 windowbackground 中使用动画的静态图像,然后将其替换为 lottie 动画。

    洛蒂:

    implementation 'com.airbnb.android:lottie:$lottieVersion'
    

    目前最高版本似乎是 3.4.0。

    然后使用 LottieAnimationView 加载动画:

    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lav_thumbUp"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginStart="80dp"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:lottie_autoPlay="false"
        app:lottie_fileName="thumb_up.json"
        app:lottie_loop="false"
        app:lottie_speed="1.25" />
    

    阅读更多:https://github.com/airbnb/lottie-android/blob/master/README.md

    【讨论】:

    • 是的,但我想在图层列表中使用它。我不能将 放在图层列表中。在启动画面中使用图层列表的目的是防止冷启动时出现白屏。我还有其他方法可以做到吗?
    • 是的。窗口管理器中几乎没有什么可控制的。您可以从动画的静态图像开始,然后将其替换为抽奖动画。
    • 嘿,我在静态加载后使用了 lottie 动画,但我注意到的是 - “白屏闪烁几毫秒,然后动画开始”。有什么解决办法吗?
    猜你喜欢
    • 2020-11-22
    • 2021-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-29
    • 2015-07-12
    • 2017-12-08
    相关资源
    最近更新 更多