列表视图/ Recycler视图预加载动画

时间:2017-03-02 06:31:04

标签: android listview android-recyclerview

我想制作像附加截图一样的加载动画。我无法在网上找到它,或者我可能正在搜索错误的关键字。

任何人都可以帮助我吗?

列表项中的行显示为移动。我正在给出Flipkart App - 我的订单部分的截图

enter image description here

5 个答案:

答案 0 :(得分:1)

我认为waveLoad就像动画一样对你有用。 因此,设计自己的动画或使用这些库:

WaveLoadingView1

WaveLoadingView2

答案 1 :(得分:0)

这种视图称为骨架视图。

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

您可以查看this library

答案 2 :(得分:0)

我认为您想要的是Facebook制作的Shimmer-android动画。 这是一个很好的实现example

答案 3 :(得分:0)

您需要使用Shimmer for Android library并进行这样的加载布局

    <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>

答案 4 :(得分:0)

屏幕快照中的视图效果称为微光效果

有很多很好的示例和开放源代码库,可以提供闪烁效果。

  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/

通过第一个教程,您将能够实现:Video

Tutorial Result