列表视图/回收视图预加载动画

Question

我想制作一个像附图中的加载动画。我在网上找不到它，或者可能是我搜索关键词不正确。可以有人帮忙吗？列表项中的线条会移动。我将提供Flipkart App - My Orders部分的截图。

- Gaurav Arora

---

创建自己的进度条 - oldcode

Answer 1

在截图中显示的效果被称为Shimmer Effect。

有很多好的示例和开源库可用，提供了闪烁效果。

1. Facebook Shimmer 这个库提供了一个骨架布局，可以与任何布局一起使用。
2. Shimmer RecyclerView 这个库专门为RecyclerView提供了闪烁效果。

您还可以查看各种教程，这些教程可以帮助您实现此行为。

1. https://www.androidhive.info/2018/01/android-content-placeholder-animation-like-facebook-using-shimmer/
2. https://codinginfinite.com/facebook-shimmer-effect-android-example/

通过跟随第一个教程，您将能够实现：视频

- Vipul Asri

---

感谢您告诉我这个效果的名称，Schimmer-effect。 - GD- Ganesh Deshmukh

Answer 2

你需要使用Shimmer for Android库，并创建一个类似这样的加载布局。

    <com.facebook.shimmer.ShimmerFrameLayout
        android:id="@+id/shimmer_view_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" android:tag="layout/component_loading_0" xmlns:android="http://schemas.android.com/apk/res/android">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="@drawable/divider_drawable"
            android:orientation="vertical"
            android:showDividers="middle" android:tag="binding_1">

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

            <include layout="@layout/view_placeholder" />

        </LinearLayout>
    </com.facebook.shimmer.ShimmerFrameLayout>

- Vikram Sharma

Answer 3

我认为像波浪加载动画可能对您有用。

因此，设计自己的动画或使用这些库：

WaveLoadingView1

WaveLoadingView2

- user7462841

---

这些提到的库将无法解决目的。 - Vipul Asri

Answer 4

我认为你想要的是 Facebook 制作的 Shimmer-android 动画。这是一个很好的 示例 来实现它。

- S.Prapagorn

Answer 5

这种类型的视图被称为骨架视图。

您可以为您的视图创建骨架，并在加载时使用闪烁动画显示该骨架视图，而不是通常的进度条。

您可以查看此库。

- shijo