Android preview before showing the contents

Question

Example photo of preview in Yelp:

When I use some Android or IOS application or Web, I can see the preview of the content before it is loaded sometimes. I mean gray part of the view of list which has ripple effect sometimes. I think many applications are using that function similarly, so I wonder there is some built-in or 3rd party library of Android for that preview function. Or, it is developed by their own code. If it is their own code, how to implement that kinds of preview?

score 1 · Accepted Answer · answered Sep 25 '18 at 08:25

1

This is called Shimmer originally developed by facebook.

iOS: https://github.com/facebook/Shimmer

android: https://github.com/facebook/shimmer-android

Here is SO post of how to use it on list for iOS

answered Sep 25 '18 at 08:25

Arnab

4,216
2
28
50

score 0 · Answer 2 · answered Sep 25 '18 at 08:19

Here are some libraries.

You need to convert your layout elements to loader elements. Like below

<com.elyeproj.loaderviewlibrary.LoaderTextView
     android:layout_width="match_parent"
     android:layout_height="wrap_content" />

and

<com.elyeproj.loaderviewlibrary.LoaderImageView
     android:layout_width="100dp"
     android:layout_height="100dp" />

Android preview before showing the contents

2 Answers2