如何实现Google新闻应用之类的Android占位符效果

Question

我发现在 Google 新闻应用中，占位符效果非常好，我想将该效果应用于我的应用。

众所周知，在编码时，通常在加载数据之前使用默认文本，默认背景或完全平淡的活动。但是在Google新闻中，我发现每个textView cardView或其他布局在加载数据前都会显示一个灰色的视图。这很酷。

以下是屏幕截图：
在新闻载入之前，Activity除了在所有位置填充数据的灰色位置的灰色圆形占位符视图之外，什么都没有显示。

如何简单地实现这种效果，或者唯一的方法就是编写许多冗余代码和setVisibility(View.GONE, View.Visiable)

Answer 1

您可以使用Facebook’s Shimmer Library

使用方法

向您的build.gradle添加Shimmer依赖项并重建项目。

dependencies {           

    // Shimmer
    implementation 'com.facebook.shimmer:shimmer:0.1.0@aar'
}

添加您的layout.xml文件

<com.facebook.shimmer.ShimmerFrameLayout
     android:id=“@+id/shimmer_view_container”
     android:layout_width=“wrap_content”
     android:layout_height="wrap_content"
     shimmer:duration="5000" // Number of milliseconds to animate one ‘sweep’                                           
>
      // your complex view here

</com.facebook.shimmer.ShimmerFrameLayout>

现在参加活动

ShimmerFrameLayout container = 
    (ShimmerFrameLayout) findViewById(R.id.shimmer_view_container);
  container.startShimmerAnimation();

这是Android Content Placeholder Animation like Facebook using Shimmer的好文章