如何在Android RecyclerView Android列表中制作一个占位符项目

时间:2019-02-21 21:19:44

标签: android listview animation android-recyclerview loading

我希望你一切都好。

我想在加载recyclerview时显示假冒/占位符项。

我有很多应用程序在Web和移动版本中将其用作Facebook,还有其他一些应用程序,例如Ebay,MercadoLibre等。

如下面的图片所示,他们在加载内容时放置了带有闪烁动画的假元素:

enter image description here

1 个答案:

答案 0 :(得分:1)

好吧。

您可以使用一种View类进行设置,然后设置一种背景色,最后添加一种alpha属性的动画。

逐步:

  1. 在布局设计中制作一个视图并设置宽度和高度。 (layout / activity_main.xml)

    <View
        android:id="@+id/my_view"
        android:layout_width="100dp"
        android:layout_height="20dp"
        android:background="#bbb"/>
    

  2. 为alpha动画制作一个动画文件(anim / placeholder.xml)

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.6" 
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:duration="1000"
        android:repeatMode="reverse"
        android:repeatCount="infinite"/>
    

  3. 转到您的活动并开始动画(MainActivity.kt)

    my_view.startAnimation(AnimationUtils.loadAnimation(上下文,R.anim.placeholder))

您还可以制作RecyclerView并在设计时传递元素列表。

或者您可以使用已经列为MockPlaceHolder的类,并且您的布局应如下所示:

<MockPlaceHolder
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutRes="@layout/placeholder_mock_main"
    app:repeact="5"/>

this gist

复制并粘贴此类