Facebook Shimmer Animation Example

Published by Kapil Mohan on

Example provides snippets used for creating shimmer animation.

Facebook shimmer example mockup
  • Place the below layout anywhere you want a loading effect.
  • Needs to remove this layout after the loading is completed.

  • Create a layout file named shimmer_placeholder in layouts folder.
  • placeholder layout is needed as we have to display multiple rows of loading effect inside shimmer layout.
  • We are using inline styling,

Declare and find shimmer layout (required for stopping animation).

Stop Animation , when data is loaded

Kapil Mohan

Like to add color to developers life and apps. Can create smile using Android, iOS, PHP, codeignitor, web technologies, etc... Feel free to contact me at [email protected] .